/*
 * Estilos para la web de innova creaciones
 * Autor: Innova Creaciones www.innovacreaciones.es
 * Fecha: 2010
 */
* { margin:0;padding:0;}
body {	font: 11px Verdana, Arial, Helvetica, sans-serif;background: #993209 ;	color: #000;text-align:center;}

/*encabezados*/
h1 {background: url(../images/logo.png) no-repeat top center;z-index:1000;width:311px; height:276px;position:absolute;top:10px;left:0; }
h1 span {display:none;}
h2 {display:none;}
a {font-weight:bold;color:#295C91; text-decoration:none;}
a:hover { text-decoration:underline;}
p { margin:5px 0;}
/* estructura */
#cabecera {height:132px;background: #000 url(../images/bg_header.jpg) repeat-x top center;}
#contenido_cabecera {width:832px; margin:0 auto;position:relative;padding-right:52px;}
#wrapper {min-height:600px; background: #f14f12 url(../images/bg_wrapper.jpg) repeat-x bottom center;}
#contenido { width:780px; margin:0 auto; background:url(../images/bg_contenido.jpg) repeat-y center bottom;min-height:450px; overflow:auto;}
#footer {margin:0 auto; background:url(../images/bg_footer.jpg) no-repeat center top; width:795px;text-align:right;padding:100px 35px 10px 0px;}
#novedades {width:320px; margin:0 15px 0 10px; background:url(../images/bg_fecha.jpg) repeat-x top center;position:relative;float:left;padding-bottom:100px;}
#info {width:410px;border-left:solid 3px #e9e9e9;float:right;padding-left:10px;text-align:justify;padding-right:10px;}
#info img { border:none;}

#info_int {width:515px;border-left:solid 3px #e9e9e9;float:right;padding-left:10px;text-align:justify;padding-right:10px;}
#menu_int {width:215px; margin:0 15px 0 10px;float:left}
/*para todos los menus laterales*/
#menu_int ul { padding-bottom:10px;}
#menu_int ul li { background:url(../images/separador_horz.png) no-repeat bottom left; text-align:left; line-height:45px; list-style:none; font-size:12px;}
#menu_int ul li a{ background:url(../images/arrow_orange.png) no-repeat center left; padding-left:30px;}
/* menu superior*/
#menu {text-align:right;height:74px;padding-top:10px;}
#menu ul {height:39px;}
#menu li { height:39px;display:inline; line-height:39px;}
#menu a{ color:#6d2206; text-decoration:none; font-weight:bold;}
#menu a:hover { text-decoration:underline;}
.inicio {background:url(../images/icono_inicio.jpg) no-repeat top left;padding:5px 0 30px 28px;margin-right:10px;}
.contacto {background:url(../images/icono_contacto.jpg) no-repeat top left;padding:5px 0 30px 28px;margin-right:6px;}
.privado {background:url(../images/icono_privado.jpg) no-repeat top left;padding:5px 0 30px 28px;}


/* menu */
#kwicks_container { height: 48px;float:right;}
#kwicks {position: relative;}
#kwicks .kwick  {float: left;display: block;width: 160px;height: 48px; }
#kwicks span {display:none;}
#kwicks a{ display:block;width: 160px;height: 48px;}
.diseno {background: #78ba91 url(../images/menu1.jpg);cursor:pointer}
.web {background: #7389ae url(../images/menu2.jpg);margin-left:8px;cursor:pointer}
.trabajos {background: #c17878 url(../images/menu3.jpg);margin-left:8px;cursor:pointer}


/* estilos */
#footer p {color:#FFF;}
#footer p span {color:#ff9a74;}
#footer img { border:none}

/* novedades */
#fecha {padding:10px; text-align:right;color:#FFF;margin-bottom:15px;}
.novedades {background:#e6e6e6 url(../images/bg_novedades.jpg) no-repeat 0 10px; text-align:left;padding:12px 10px 15px 30px;margin-bottom:10px;}
.titulo {color:#2c7f49;font-weight:bold;font-size:12px; text-transform:uppercase;margin-bottom:5px;}
.fecha {color:#ee4f12;margin-bottom:5px;}
.info {height:20px;background:url(../images/bg_button.jpg) no-repeat right top; text-align:right;color:#FFFFFF;padding:3px 8px 0 0;}
.info a {color:#FFF;text-decoration:none;}
#sello {width:128px;height:127px;position:absolute;background:url(../images/novedades.png) no-repeat;bottom:0px;left:10px;z-index:1001;}
#sello span {display:none;}

/* cabeceras */
#cabecera_home {width:780px; background:url(../images/cabecera_inicio.jpg) no-repeat top center;height:170px;margin:0 auto;}
#cabecera_diseno {width:780px; background:url(../images/cabecera_diseno.jpg) no-repeat top center;height:170px;margin:0 auto;}
#cabecera_web {width:780px; background:url(../images/cabecera_web.jpg) no-repeat top center;height:170px;margin:0 auto;}
#cabecera_trabajos {width:780px; background:url(../images/cabecera_trabajos.jpg) no-repeat top center;height:170px;margin:0 auto;}
#cabecera_contacto {width:780px; background:url(../images/cabecera_contacto.jpg) no-repeat top center;height:170px;margin:0 auto;}
#cabecera_novedades {width:780px; background:url(../images/cabecera_novedades2.jpg) no-repeat top center;height:170px;margin:0 auto;}

#quienes {background:url(../images/quienes.jpg) no-repeat left top;height:50px;}
#filosofia {background:url(../images/filosofia.jpg) no-repeat left top;height:50px;}
#equipo {background:url(../images/equipo.jpg) no-repeat left top;height:50px;}
#diseno {background:url(../images/diseno.jpg) no-repeat left top;height:50px;}
#imagen {background:url(../images/imagen.jpg) no-repeat left top;height:50px;}
#soluciones {background:url(../images/soluciones.jpg) no-repeat left top;height:50px;}
#aplicaciones {background:url(../images/aplicaciones.jpg) no-repeat left top;height:50px;}
#proyectos {background:url(../images/proyectos.jpg) no-repeat left top;height:50px;}
#formulario {background:url(../images/formulario.jpg) no-repeat left top;height:50px;}
#datos_contacto {background:url(../images/datos_contacto.jpg) no-repeat left top;height:50px;}
#novedades_int {background:url(../images/novedades.jpg) no-repeat left top;height:50px;}
#ayudas {background:url(../images/ayudas.jpg) no-repeat left top;height:50px;}
#diseno_logos {background:url(../images/diseno_logotipos.jpg) no-repeat left top;height:50px;}
#diseno_corporativo {background:url(../images/diseno_corporativo.jpg) no-repeat left top;height:50px;}
#diseno_tarjetas {background:url(../images/diseno_visita.jpg) no-repeat left top;height:50px;}
#diseno_folletos {background:url(../images/diseno_folletos.jpg) no-repeat left top;height:50px;}
#diseno_digital {background:url(../images/diseno_digital.jpg) no-repeat left top;height:50px;}
#web_corporativas {background:url(../images/web_corporativas.jpg) no-repeat left top;height:50px;}
#web_portales {background:url(../images/web_portales.jpg) no-repeat left top;height:50px;}
#web_catalogo {background:url(../images/web_catalogo.jpg) no-repeat left top;height:50px;}
#web_eventos {background:url(../images/web_eventos.jpg) no-repeat left top;height:50px;}
#web_tiendas {background:url(../images/web_tiendas.jpg) no-repeat left top;height:50px;}
#web_formacion {background:url(../images/web_formacion.jpg) no-repeat left top;height:50px;}
#web_servicios {background:url(../images/web_servicios.jpg) no-repeat left top;height:50px;}
#web_aplicaciones {background:url(../images/web_aplicaciones.jpg) no-repeat left top;height:50px;}

#quienes span, #filosofia span, #equipo span, #diseno span, #diseno_logos span,#diseno_corporativo span, #diseno_tarjetas span,#diseno_folletos span,#diseno_digital span,
#imagen span, #soluciones span, #aplicaciones span, #proyectos span,#formulario span, #novedades_int span, #ayudas span,
#web_corporativas span, #web_portales span, #web_catalogo span, #web_eventos span, #web_tiendas span, #web_formacion span, #web_servicios span, #web_aplicaciones span, #datos_contacto span{display:none}

/*textos*/
#info p {margin-bottom:15px;}
.ic {font-weight:bold;color:#f14f11;}
#lista_diseno { margin:0 0 0 40px;}
#lista_diseno li { list-style:none;background:url(../images/arrow_yellow.gif) no-repeat left top; padding-left:15px;margin:2px 0;}
#lista_web { margin:0 0 0 40px;}
#lista_web li { list-style:none;background:url(../images/arrow_green.gif) no-repeat left top; padding-left:15px;margin:2px 0;}
.text-right {text-align:right;}
.text-left { text-align:left;}

/*galeria*/
.thumbnail {float:left;width:170px; height:130px; background:#eaeaea url(../images/bg_thumb.jpg) repeat-x bottom center; border: solid 1px #eaeaea; border-top:solid 4px #b80033;margin:4px;padding:10px 10px 10px 15px;}
.thumbnail img {border:none;}
.thumbnail p {margin-top:5px; text-align:left;}
#toolTipBox {width: 100px;height: 15px;display: none;padding-left: 19px;border: 1px solid #535353;position: absolute;background: #fff url(../images/mg_thumbnail.gif) no-repeat 0 0;    color: #535353;	text-align:left; }

/*formulario*/
form {  background:#eaeaea url(../images/bg_thumb.jpg) repeat-x bottom center;padding:10px;}
input, select, textarea { border:solid 1px #004288; font-size:11px;padding:2px;margin:2px; width:200px; font-family:Verdana, Arial, Helvetica, sans-serif}
textarea { height:100px;}
button { border:none; margin:0;padding:0;}
label { font-weight:bold}
#enviar { background:url(../images/enviar.png) no-repeat center left;margin-top:10px; border:none;cursor:pointer;}

.clear { clear:both;}
.right {float:right;}
.left { float:left;}
.text-center { text-align:center;}
.m25l { margin-left:25px;}
.color_diseno { color:#ff9e03; background:none;}
.color_web { color:#1FB0A9; background:none;}
.sin { background-image:none !important}