/* Cleverlines
	Hoja de estilos principal
	Kike Valdenebro
	2008.12.02
*/

/* Normalizacion */
body {font-family:Arial, Helvetica, Tahoma, sans-serif;	font-size:81%; color:#ffffff; margin:0; padding:0; background-color:#000000} /* Tipo base: Arial 1em = 13px */

/* Estilos generales */

a:hover {color:#000000}
p {padding:0; margin:0}
p.bloque {display:block; margin:4px 0 10px 0}
p.bloque2 {display:block; margin-bottom:28px}
p.italic {color:#c8cacc; padding-top:3px}

img {display:block; border:none; margin:0; padding:0}
ul {margin:0; list-style-type:none; padding:0}
address {font-style:normal}
.hide {display:none}
.clear {display:block; clear:both; height:0px; margin-top:-2px; font-size:1px}
.right {float:right}
.enlace {display:inline-block; color:#FFFFFF; text-decoration:none; background:url(gfx/blt_red.gif) no-repeat left 19px; padding:16px 0 0 12px}
.enlace:hover {background:url(gfx/blt_red_hover.gif) no-repeat left 19px}

.enlace_home {display:inline-block; color:#FFFFFF; text-decoration:none; background:url(gfx/blt_home.gif) no-repeat left 12px; padding:9px 0 0 12px}
.enlace_home:hover {background:url(gfx/blt_home_hover.gif) no-repeat left 12px}

.titular_home {
	width:644px;
	font-family:"Trebuchet MS";
	line-height:1em;
	font-size:4.46em;
	margin:0;
	padding:38px 0 42px 0;
	color:#ffffff;
	font-weight:normal;
	display:block
}

.titular01 {
	width:490px;
	font-family:"Trebuchet MS", Arial, Helvetica;
	line-height:1em;
	font-size:4.07em;
	margin:0;
	padding:0 0 4px 0;
	color:#ffffff;
	font-weight:normal;
}

.titular02 {
	font-family:"Trebuchet MS", Arial, Helvetica;
	font-size:2.46em;
	line-height:1em;
	padding-bottom:9px;
	color:#ffffff;
	font-weight:normal; 
}

.titular03 {
	font-family:"Trebuchet MS", Arial, Helvetica;
	font-size:1.76em;
	margin:0 0 12px 0;
	padding:0;
	color:#ffffff;
	font-weight:normal;
}

.entradilla {
	font-family:Arial, Helvetica, Tahoma, sans-serif;	color:#ffffff;
	font-size:1.33em;
	padding:9px 0 32px 0;
	color:#ffffff;
	font-weight:normal;
}

.entradilla_info {
	height:60px;
	font-family:Arial, Helvetica, Tahoma, sans-serif;	color:#ffffff;
	font-size:1.33em;
	padding:0 0 0 68px;
	margin:8px 0 29px 0;
	color:#ffffff;
	font-weight:normal;
	background:url(gfx/info.gif) no-repeat left 3px;
}

.entradilla_info a.enlace {font-size:12px; background:url(gfx/blt_green.gif) 0 18px no-repeat}
.entradilla_info a.enlace:hover {background:url(gfx/blt_green_hover.gif) 0 18px no-repeat}

.entradilla_int {
	font-family:Arial, Helvetica, Tahoma, sans-serif;
	color:#ffffff;
	font-size:1em;
	color:#ffffff;
	padding-bottom:15px;
	font-weight:normal;
}


/* Estructura General de la pagina */
#general {width:1003px; background-color:#000000; margin:0 auto 0 auto}
#header {position:relative; width:1003px; height:140px}
#contenido {width:658px; height:700px; margin:0 0 0 290px; padding-top:16px}
#footer{width:948px; padding:25px 55px 25px 0 ; background-color:#000000; margin:0 auto 0 auto; color:#595959; font-size:0.85em}


/* Header */
#logo {position:absolute; top:60px; left:94px}
#logo a,
#logo span {display:block; width:140px; height:141px; text-indent:-100000px; background:url(gfx/bgd_trans.gif) 0 0 repeat}
#logo a img,
#logo span img {display:none}
ul#languages {position:absolute; top:0; right:55px; list-style-type:none; padding:0; font-size:0.9em; text-transform:lowercase}
ul#languages li {display:block; float:left; padding:11px 5px 0 6px; border-right:1px solid #a4b861}
ul#languages li.rojo {border-right:1px solid #8c4d4d}
ul#languages li a {color:#ffffff; text-decoration:none}
ul#languages li a:hover {color:#000000}


/* Navegacion principal */
#main_nav {position:absolute; left:290px; top:59px; width:650px; height:60px; overflow:hidden}
#main_nav ul {position:relative; left:-11px; padding:0; margin:0; list-style-type:none; font-size:1.15em; color:#ffffff; text-transform:lowercase}
#main_nav ul a,
#main_nav ul span {color:#ffffff; text-decoration:none; padding-bottom:2px}

#main_nav ul a:hover,
#main_nav ul span:hover {color:#000000}

#main_nav ul li {position:relative; display:block; float:left; padding:0 9px 0 9px; margin:0; border-left:1px solid #a4b861}

#main_nav ul li a,
#main_nav ul li span {position:relative; top:-2px}

#main_nav ul li ul {display:none; position:absolute; top:0; font-size:1em; padding:31px 0 0 0; width:300px; border-left:1px solid #a4b861; left:-1px; background:url(gfx/bgd_trans.gif) 0 0 repeat}

#main_nav ul li.sec_on ul {display:block}

#main_nav ul li.pag_on a,
#main_nav ul li.pag_on span {color:#000000; border-bottom:2px solid #000000}

#main_nav ul li.sec_on a,
#main_nav ul li.sec_on span {color:#000000}

#main_nav ul li.sec_on ul li a,
#main_nav ul li.sec_on ul li span {border:none; color:#ffffff}

#main_nav ul li.sec_on ul li.pag_on a,
#main_nav ul li.sec_on ul li.pag_on span {color:#000000; border-bottom:2px solid #000000; cursor:default}

#main_nav ul:hover li ul {display:none}
#main_nav ul li:hover ul {display:block}
#main_nav ul li:hover a {color:#000000}
#main_nav ul li:hover ul li a {color:#ffffff; text-decoration:none}
#main_nav ul li:hover ul li a:hover {color:#000000}

#main_nav .first {left:-1px}


/* Contenido */
.tipo01 {padding:13px 80px 34px 0; margin:8px 0 0 0; background:url(gfx/sep_cont_verde.png) repeat-X; overflow:visible}
.tipo02 {padding:13px 0 34px 0; margin:8px 0 0 0; background:url(gfx/sep_cont_verde.png) repeat-X}
.tipo03 {padding:35px 0 34px 0; margin:8px 0 0 0; background:url(gfx/sep_cont_verde.png) repeat-X}
.tipo04 {padding:13px 0 0 0; margin:8px 0 0 0; background:url(gfx/sep_cont_verde.png) repeat-X; height:100%}
.tipo04 .col_left {width:355px; float:left; padding:3px 0 0 0}
.tipo04 .col_right {width:284px; float:right; padding:3px 0 0 0}
.tipo04 .col_right_contacto {width:284px; float:right; padding:3px 0 0 0}


.col_left {width:204px; float:left; padding:3px 0 0 0}
.col_left ul li {font-size:1.07em; margin:0; padding:0; height:100%}
.col_left ul li a {display:inline-block; color:#FFFFFF; text-decoration:none; margin:0; background:url(gfx/blt_red.gif) 0 3px no-repeat; padding:0 0 9px 12px}
.col_left ul li a.on {color:#000000; background:url(gfx/blt_red_hover.gif) 0 3px no-repeat; cursor:default}
.col_left ul li a:hover {color:#000000; background:url(gfx/blt_red_hover.gif) 0 3px no-repeat}
.etiqueta_1 {font-family:"Trebuchet MS", Arial, Helvetica; font-size:1.76em; display:block; line-height:1.1em; margin:-3px 0 6px 0}
.etiqueta {font-family:"Trebuchet MS", Arial, Helvetica; font-size:1.76em; display:block; line-height:1.1em; margin:17px 0 6px 0}

.col_right {width:416px; float:right;}

ul.mod_corto {font-size:1.07em; width:206px; padding:0}
ul.mod_corto li { width:206px; height:25px; padding:8px 0 0 14px; margin-bottom:7px; list-style-type:none; display:block; background:url(gfx/bgd_mod_corto.gif) left top no-repeat}

.mod_largo { width:416px; padding-bottom:7px}
.mod_largo .top {width:416px; height:9px; font-size:1px; background:url(gfx/bgd_mod_largo_top.gif) 0 0 no-repeat}
.mod_largo .bottom {width:416px; height:9px; font-size:1px; background:url(gfx/bgd_mod_largo_bot.gif) 0 0 no-repeat}
.mod_largo .med {font-size:1.07em; width:394px; border-left:2px #FFFFFF solid; border-right:2px #FFFFFF solid; padding:0 9px 0 9px; background:url(gfx/bgd_mod_largo_med.gif) repeat-y}

.numero_mod {width:26px; color:#FFFFFF; font-size:1.69em; font-weight:bold; float:left; margin:-4px 3px -5px -2px}
.text_numero_modulo {font-size:1.07em; width:365px; float:left}

ul.destacados {margin-left:30px}
ul.destacados li {display:block; background:url(gfx/blt_cuadrado.gif) no-repeat left 7px; padding:0 0 14px 13px}

#carrusel {width:147px; height:604px; float:right; padding:0; margin:3px 0 24px 0; background-color:#ffffff}
#carrusel .top {width:147px; height:5px; background:url(gfx/bgd_carrusel_top.gif) 0 0 no-repeat; font-size:1px}
#carrusel .bottom {width:147px; height:5px; background:url(gfx/bgd_carrusel_bottom.gif) 0 0 no-repeat; font-size:1px}
#carrusel #carrusel_visor {width:147px; height:594px; position:relative; overflow:hidden}
#carrusel #carrusel_visor #carrusel_inner {position:absolute; top:0; left:0}

#areapagina {float:left; width:471px}
#paginavisor {width:471px; height:560px; overflow:hidden}
#paginacontenedor {width:4000px; height:560px}
.pagina {width:471px; height:560px; padding:0; margin:0; display:block; float:left}

.paginacion {font-size:84.6%; float:right}
.paginacion a.anterior {display:inline-block; float:left; width:13px; border-right:1px #9b9d9f solid; padding:2px 0 2px 0; margin-right:5px; background:url(gfx/blt_ant_on.gif) no-repeat left 4px; text-indent:-100000px}
.paginacion a.siguiente {display:inline-block; float:left; width:13px; border-left:1px #9b9d9f solid; padding:2px 0 2px 0; margin-left:5px; background:url(gfx/blt_sig_on.gif) no-repeat right 4px; text-indent:-100000px}
.paginacion a.anterior-on {background:url(gfx/blt_ant_on.gif) no-repeat left 4px; cursor:pointer}
.paginacion a.siguiente-on {background:url(gfx/blt_sig_on.gif) no-repeat right 4px; cursor:pointer}
.paginacion a.anterior-off {background:url(gfx/blt_ant_of.gif) no-repeat left 4px; cursor:default}
.paginacion a.siguiente-off {background:url(gfx/blt_sig_of.gif) no-repeat right 4px; cursor:default}

.paginacion p {float:left; margin-top:2px}


/* Tools */
a.btn_imprimir {color:#FFFFFF; display:inline-block; height:27px; padding:12px 32px 0 0; background:url(gfx/btn_print_conocenos.gif) no-repeat right; text-decoration:none; cursor:pointer}
a.btn_imprimir:hover {color:#000000; background:url(gfx/btn_print_conocenos_hover.gif) no-repeat right}

ul#tools {float:right; margin:-34px 0 0 0; list-style-type:none; padding:0}
ul#tools li {display:block; float:left; height:39px; margin:0 0 0 10px}


/* Formulario */
.visibility  {visibility:hidden}
.form {margin-top:16px;}
.form .formrow {padding-bottom:7px; margin:0; .margin-bottom:-2px; height:100%}
.form select {border:1px solid #9b9899; width:233px; height:20px; display:block; margin:0px; padding:0; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#59595d}
.form input.text {width:228px; border:1px solid #9b9899; margin:0px; display:block; padding:2px 0 2px 3px; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#59595d}
.form .formrow .col1 {width:110px; float:left; text-align:right; margin-right:12px; padding:4px 0 0 0; margin-top:0; margin-bottom:0}
.form .formrow .col2 {float:left; text-align:left; margin:0; padding:0}
.form textarea.long3 {width:223px; height:66px; padding:2px 3px 3px 3px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:1em; color:#59595d; margin:0}
.form .buttom {float:right; padding-top:3px; padding-bottom:138px}
.form .buttom input.btn {background:url(gfx/btn.gif) 0 0 no-repeat; font-family:"Trebuchet MS", Arial, Helvetica; font-size:14px; color:#ffffff; border:none; width:89px; height:28px; padding-bottom:3px; cursor:pointer}
.mod_error {background:url(gfx/bgd_error.gif) 0 0 no-repeat; width:585px; height:42px; padding:8px 40px 0 60px; margin-bottom:22px}
.mod_error p {color:#000000}
.modinfo {width:260px; height:166px; margin-top:72px; background:url(gfx/bgd_mod_contacto.gif) 0 0 no-repeat; padding:12px}
.modinfo .telefono {font-family:"Trebuchet MS", Arial, Helvetica; font-weight:bold; font-size:30px; color:#ffffff; padding:0 0 46px 0}
.modinfo .direccion {font-family:"Trebuchet MS", Arial, Helvetica; font-weight:bold; font-size:18px; color:#ffffff}
.modinfo .links a {font-family:"Trebuchet MS", Arial, Helvetica; font-size:14px; color:#ffffff;text-decoration:none}
.modinfo .links a:hover {text-decoration:none}


/* Footer */
#footer a {color:#808080; text-decoration:none}
#footer a:hover {color:#ffffff}

#footer_sup {float:right}
#footer_sup .leftlist {color:#808080; float:right; padding:0 20px 7px 0}
#footer_sup .leftlist span {color:#595959}
#footer_sup .rightlist {float:right; padding:0 0 7px 20px; border-left:1px solid #242424}

#footer .separador {border-top:1px solid #242424; font-size:1px; height:1px; clear:both; margin-bottom:-1px}

#footer_inf {float:right}
#footer_inf .leftlist {float:right; padding:10px 20px 0 0}
#footer_inf .rightlist {float:right; padding:10px 0 0 20px; border-left:1px solid #242424}


/* Estilos especificos por pagina */
.home {background:url(gfx/bgd_home.jpg) no-repeat}
.home ul#languages li {border-right:1px solid #87a0cb}
.home #main_nav ul li {border-left:1px solid #87a0cb}
.home #main_nav ul li ul {border-left:1px solid #87a0cb}

.conocenos ul#languages li {border-right:1px solid #acbe6c}
.conocenos #main_nav ul li {border-left:1px solid #acbe6c}
.conocenos #main_nav ul li ul {border-left:1px solid #acbe6c}
.conocenos .tipo01 {background:url(gfx/sep_cont_verde.png) repeat-X}
.conocenos .tipo02 {background:url(gfx/sep_cont_verde.png) repeat-X}
.conocenos .tipo03 {background:url(gfx/sep_cont_verde.png) repeat-X}
.conocenos .tipo04 {background:url(gfx/sep_cont_verde.png) repeat-X}
.conocenos a.btn_imprimir {background:url(gfx/btn_print_conocenos.gif) no-repeat right}
.conocenos a.btn_imprimir:hover {background:url(gfx/btn_print_conocenos_hover.gif) no-repeat right}
.conocenos .col_left ul li a {background:url(gfx/blt_green.gif) 0 3px no-repeat}
.conocenos .col_left ul li a:hover {background:url(gfx/blt_green_hover.gif) 0 3px no-repeat}
.conocenos .col_left ul li a.on {color:#000000; background:url(gfx/blt_green_hover.gif) 0 3px no-repeat}
.conocenos .enlace {background:url(gfx/blt_green.gif) no-repeat left 19px}
.conocenos .enlace:hover {background:url(gfx/blt_green_hover.gif) no-repeat left 19px}

.conocenos01 {background:url(gfx/bgd_conocenos_empresa.jpg) no-repeat}
.conocenos02 {background:url(gfx/bgd_conocenos_clientes.jpg) no-repeat}
.conocenos03 {background:url(gfx/bgd_conocenos_equipo.jpg) no-repeat}
.conocenos04 {background:url(gfx/bgd_conocenos_contacto.jpg) no-repeat}

.proyectos ul#languages li {border-right:1px solid #b35e5f}
.proyectos #main_nav ul li {border-left:1px solid #b35e5f}
.proyectos #main_nav ul li ul {border-left:1px solid #b35e5f}
.proyectos .tipo01 {background:url(gfx/sep_cont_rojo.png) repeat-X}
.proyectos .tipo02 {background:url(gfx/sep_cont_rojo.png) repeat-X}
.proyectos .tipo03 {background:url(gfx/sep_cont_rojo.png) repeat-X}
.proyectos .tipo04 {background:url(gfx/sep_cont_rojo.png) repeat-X}
.proyectos a.btn_imprimir {background:url(gfx/btn_print_proyectos.gif) no-repeat right}
.proyectos a.btn_imprimir:hover {background:url(gfx/btn_print_proyectos_hover.gif) no-repeat right}
.proyectos .col_left ul li a {background:url(gfx/blt_red.gif) 0 3px no-repeat}
.proyectos .col_left ul li a:hover {background:url(gfx/blt_red_hover.gif) 0 3px no-repeat}
.proyectos .col_left ul li a.on {color:#000000; background:url(gfx/blt_red_hover.gif) 0 3px no-repeat}
.proyectos .enlace {background:url(gfx/blt_red.gif) no-repeat left 19px}
.proyectos .enlace:hover {background:url(gfx/blt_red_hover.gif) no-repeat left 19px}

.proyectos01 {background:url(gfx/bgd_proyectos_inves.jpg) no-repeat}
.proyectos02 {background:url(gfx/bgd_proyectos_consultoria.jpg) no-repeat}
.proyectos02 #contenido {height:800px}

.casos ul#languages li {border-right:1px solid #8dafd0}
.casos #main_nav ul li {border-left:1px solid #8dafd0}
.casos #main_nav ul li ul {border-left:1px solid #8dafd0}
.casos .tipo01 {background:url(gfx/sep_cont_azul.png) repeat-X}
.casos .tipo02 {background:url(gfx/sep_cont_azul.png) repeat-X}
.casos .tipo03 {background:url(gfx/sep_cont_azul.png) repeat-X}
.casos .tipo04 {background:url(gfx/sep_cont_azul.png) repeat-X}
.casos a.btn_imprimir {background:url(gfx/btn_print_casosexito.gif) no-repeat right}
.casos a.btn_imprimir:hover {background:url(gfx/btn_print_casosexito_hover.gif) no-repeat right}
.casos .col_left ul li a {background:url(gfx/blt_blue.gif) 0 3px no-repeat}
.casos .col_left ul li a:hover {background:url(gfx/blt_blue_hover.gif) 0 3px no-repeat}
.casos .col_left ul li a.on {color:#000000; background:url(gfx/blt_blue_hover.gif) 0 3px no-repeat}
.casos .enlace {background:url(gfx/blt_blue.gif) no-repeat left 19px}
.casos .enlace:hover {background:url(gfx/blt_blue_hover.gif) no-repeat left 19px}

.casos01 {background:url(gfx/bgd_casosexito_inves.jpg) no-repeat}
.casos02 {background:url(gfx/bgd_casosexito_consultoria.jpg) no-repeat}

.clientes ul#languages li {border-right:1px solid #9d9fa1}
.clientes #main_nav ul li {border-left:1px solid #9d9fa1}
.clientes #main_nav ul li ul {border-left:1px solid #9d9fa1}
.clientes .tipo01 {background:url(gfx/sep_cont_gris.png) repeat-X}
.clientes .tipo02 {background:url(gfx/sep_cont_gris.png) repeat-X}
.clientes .tipo03 {background:url(gfx/sep_cont_gris.png) repeat-X}
.clientes .tipo04 {background:url(gfx/sep_cont_gris.png) repeat-X}
.clientes a.btn_imprimir {background:url(gfx/btn_print_nuestrosclientes.gif) no-repeat right}
.clientes a.btn_imprimir:hover {background:url(gfx/btn_print_nuestrosclientes_hover.gif) no-repeat right}
.clientes .col_left ul li a {background:url(gfx/blt_gray.gif) 0 3px no-repeat}
.clientes .col_left ul li a:hover {background:url(gfx/blt_gray_hover.gif) 0 3px no-repeat}
.clientes .casos .col_left ul li a.on {color:#000000; background:url(gfx/blt_blue_hover.gif) 0 3px no-repeat}
.clientes .enlace {background:url(gfx/blt_gray.gif) no-repeat left 19px}
.clientes .enlace:hover {background:url(gfx/blt_gray_hover.gif) no-repeat left 19px}

.clientes {background:url(gfx/bgd_nuestroclientes.jpg) no-repeat}

.error_404 {background:url(gfx/bgd_error404.jpg) no-repeat}
.error_404 ul#languages li {border-right:1px solid #9d9fa1}
.error_404 #main_nav ul li {border-left:1px solid #9d9fa1}
.error_404 #main_nav ul li ul {border-left:1px solid #9d9fa1}
.error_404 .tipo04 {background:url(gfx/sep_cont_gris.png) repeat-X}
.error_404 a.btn_imprimir {background:url(gfx/btn_print_nuestrosclientes.gif) no-repeat right}
.error_404 a.btn_imprimir:hover {background:url(gfx/btn_print_nuestrosclientes_hover.gif) no-repeat right}
.error_404 .enlace {background:url(gfx/blt_gray.gif) no-repeat left 19px}
.error_404 .enlace:hover {background:url(gfx/blt_gray_hover.gif) no-repeat left 19px}
.error_404 .entradilla_info {
	height:60px;
	font-family:Arial, Helvetica, Tahoma, sans-serif;	color:#ffffff;
	font-size:1.33em;
	padding:0 0 0 68px;
	margin:8px 0 29px 0;
	color:#ffffff;
	font-weight:normal;
	background:url(gfx/info_error.gif) no-repeat left 3px;
}