/*//////////////////// CSS

Fecha realización: Abril 2010
Escrito por: Yadir Gómez <yadir.gomez.alvarado@gmail.com, hol@yadirgomez.com>
http://www.yadirgomez.com

Gama de colores
-------------
0a1c4c - Azul Oscuro
273969 - Azul ALS
537229 - verde
////////////////////////////*/
body {margin: 0; border: none; padding: 0; background: #fff;}
#contenedor_bg_modulo_gris { width: 100%; height: 315px; margin:0 auto; background: #0a1c4c url(img/modulo-gris.jpg) repeat; padding:0;overflow:hidden;}
#contenedor_bg_modulo_azul { width: 100%; height: auto; margin:0 auto; background: #0a1c4c url(img/modulo-azul.jpg) repeat; padding:0; overflow:hidden;}
#contenedor_bg_modulo_azul_gran { width: 100%; height: 800px; margin:0 auto; background: #0a1c4c url(img/modulo-azul.jpg) repeat; padding:0;}
/*ETIQUETAS HTML*/
a:active { outline: none; }
a:focus { -moz-outline-style: none; outline: none; }
p em{ font-weight: bold; font-style:italic;}
hr { color: #CCC; border-color: #ccc;}
a img {border: 0;}
h1 {font: normal 1.5em/1.5em Georgia, "Times New Roman", Times, serif; margin: 10px 0; color:#273969; word-spacing: 0.01em; text-align:left;}
h2 {font: normal 1.1em/1.5em Georgia, "Times New Roman", Times, serif; margin: 10px 0; color:#537229; word-spacing: 0.01em; text-align:left;}
h3 {font: normal normal bold 0.9em/1.5em Georgia, "Times New Roman", Times, serif; margin: 10px 0; color:#537229; word-spacing: 0.01em; text-align:left;}
/*Clases*/
strong.verde {color: #537229;}
.color_azul { color:#273969; }
/*Cabecera*/
#head {width: 960px; height: 99px; margin: 0 auto;}
#logo {width: 96px; height: 99px; margin: 0 58px 0 18px; display: inline; float: left; overflow: hidden; }
#intranet_cont {width: 161px; height:30px; margin: 0 0 11px 627px; display: inline; float: left; overflow: hidden;}
#btn_intranet {width: 161px; height:30px; margin: 0; float: left; background: transparent url(img/btn_intranet.png) no-repeat 0 0; }
#btn_intranet:hover { background-position: 0 -30px; }
/*Barra de navegacion*/
#navbar { width:788px; height: 58px; margin: 0; display: inline; float: left; z-index: 1; position: relative;}
ul#menu {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 58px;
}
ul#menu li {
	float: left;
	display: inline;
	height: 58px;
	margin: 0;

}
ul#menu li a {
	display: block;
	height: 58px;
	text-indent: -999em;
}

.als a {background: url(img/navbar/sobre-nosotros.png) 0 0 no-repeat; width: 153px;}
.metodologia a {background: url(img/navbar/metodologia.png) 0 0 no-repeat; width: 147px;}
.servicios a {background: url(img/navbar/servicios.png) 0 0 no-repeat; width: 126px;}
.preguntas_frecuentes a {background: url(img/navbar/preguntas-frecuentes.png) 0 0 no-repeat; width: 193px;}
.contactos a {background: url(img/navbar/contactenos.png) 0 0 no-repeat; width: 169px;}
.als a:hover, ul#menu li.metodologia a:hover,
.servicios a:hover, ul#menu li.contactos a:hover, ul#menu li.preguntas_frecuentes a:hover {background-position: bottom left;}
.als_rollover a {background: url(img/navbar/sobre-nosotros.png) bottom left no-repeat; width: 153px;}
.metodologia_rollover a {background: url(img/navbar/metodologia.png) bottom left no-repeat; width: 147px;}
.servicios_rollover a {background: url(img/navbar/servicios.png) bottom left no-repeat; width: 126px;}
.preguntas_frecuentes_rollover a {background: url(img/navbar/preguntas-frecuentes.png) bottom left no-repeat; width: 193px;}
.contactos_rollover a {background: url(img/navbar/contactenos.png) bottom left no-repeat; width: 169px;}
/* Desplegable*/
ul#menu li ul {
	display: none;
	position: absolute;
	top: 1em;
	width: 126px;
	padding: 0 0 10px 0;
	background: url(img/navbar/dropdown.png) left bottom no-repeat;
	left: 0;
	margin: 0;
	list-style: none;
}
ul#menu li ul li {
	float: none;
	height: auto;
	display: block;
	margin: 0;
	padding: 0 8px;
	text-align: left;
	font: normal normal normal 0.75em/1.5em Arial, Helvetica, sans-serif;}
ul#menu li ul li a {
	text-indent: 0;
	padding: 10px 0;
	height: auto;
	width: auto;
	background: url(img/navbar/bg-dropdown.png) top repeat-x;
	color: #fff; 
	text-decoration: none;
}
ul#menu li ul li a:hover {color: #d6ffa7; text-decoration: underline;}
ul#menu li>ul {
	top: auto;
	left: auto;
}
ul#menu li:hover ul, ul#menu li.over ul {
	display: block;
	left: auto;
}
*:first-child+html ul#menu li:hover ul,
*:first-child+html ul#menu li.over ul {
	position: static;
}
/*Medio*/
#medio {width: 960px; height: 216px; margin: 0 auto; background: url(img/bg_medio.png) no-repeat center bottom; z-index:2;}
/*Redes Sociales*/
#redes_sociales { width:130px; height: 58px; margin: 4px 0 15px 95px;}
#btn_facebook {width:37px; height: 58px;  float: left; margin: 0; background: transparent url(img/btn_redes_sociales.png) no-repeat 0 0;}
#btn_facebook:hover {background-position: 0 -62px;}
#btn_twitter { width:37px; height: 58px; float: left; margin: 0 21px; background: transparent url(img/btn_redes_sociales.png) no-repeat -58px 0; overflow: hidden;}
#btn_twitter:hover {background-position: -58px -62px;}
#btn_youtube { width:37px; height: 58px; float: left; margin: 0; background: transparent url(img/btn_redes_sociales.png) no-repeat -118px 0;}
#btn_youtube:hover {background-position: -118px -62px;}
/*Cuerpo*/
#cuerpo {width: 960px;  margin: 0 auto; background: url(img/bg_cuerpo.png) repeat-y center;}
#cuerpo_texto {width:467px;  margin: 0 157px 0 38px; display: inline; float: left; overflow:hidden;}
#cuerpo_texto p {font: normal normal normal 0.75em/1.5em Verdana, Arial, Helvetica, sans-serif; color: #333; margin-bottom: 1em; word-spacing: 0.05em; text-align: justify;}
#cuerpo_banners {width: 290px; height: 480px; margin:0; display: inline; float: left;}
.click {width: 100%; height: 100%;}
#banner_testonline { width: 290px; height: 85px; margin:0 0 16px 0;}
.banners { width: 290px; height: 70px; margin:0 0 16px 0;}
.clientes { width: 250px; height: auto; margin: 8px 0 16px 20px; border: 1px solid #CCC; padding: 5px; margin-bottom: 5px;}
/*Footer*/
#footer {width: 960px; height: 163px; margin: 0 auto; background: url(img/bg_footer.png) no-repeat top center;}
#footer_interes { width:288px; height:118px; margin: 7px 223px 0 32px; display: inline; float:left;}
ul.lista { margin-top: 0.5em;}
li.lista a {font: normal normal normal 0.7em/1.5em Verdana, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; list-style: none; padding-left: 20px; margin: 0.3em 0 0 0; background: url(img/ico_list.png) left top no-repeat;}
li.lista a:hover{color: #CCC; text-decoration: underline; background: url(img/ico_list_rollover.png) left top no-repeat;}
#footer_creditos { width:336px; height:118px; padding-right:51px; margin: 7px 30px 0 0; display: inline; float:left; background: url(img/als_foot.png) 21em 2.6em  no-repeat; padding-top: 2em; }
#footer_creditos p {font: normal normal normal 0.75em/1.5em Verdana, Arial, Helvetica, sans-serif; color:#fff; margin: 0; word-spacing: 0.05em; text-align: right;}
/* Vinculos */
p.vinculos a {font: normal normal normal 0.8em/1.5em Verdana, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;}
p.vinculos a:hover{color: #CCC; text-decoration: underline;}
p > a{font: normal normal normal 1em/1.5em Verdana, Arial, Helvetica, sans-serif; color:#273969; word-spacing: 0.05em; text-decoration:underline;}
p > a:hover{text-decoration:none;}
p > strong {font: normal normal bold 1em/1.5em Verdana, Arial, Helvetica, sans-serif; color:#000; word-spacing: 0.05em;}
/* listas*/
ul.listado {margin: 0; padding:0; list-style: square inside; font: normal normal normal 0.75em/1.5em Verdana, Arial, Helvetica, sans-serif; color:#333; word-spacing: 0.05em; text-align: justify; }
ul.listado li{ margin: 1em 0; padding-left: 2em; line-height: 1.5em;}
ul.listado li strong{ font-weight: bold;}
/*Listas Ordenadas*/
ol.ordenadas {margin: 2em 0; padding:0; list-style:decimal inside; font: normal normal normal 0.75em/1.5em Verdana, Arial, Helvetica, sans-serif; color:#333; word-spacing: 0.05em; text-align: justify;}
ol.ordenadas li { margin: 0.5em 0; padding-left: 2em;line-height: 1.5em; }
/*Acordeon*/
#TSAccordion1 { width: auto; height:auto; margin:0;}
.vinculos_acord a {font: normal normal bold 0.8em/1.5em Verdana, Arial, Helvetica, sans-serif; color:#273969; text-decoration:none;}
.vinculos_acord a:hover{color: #333; text-decoration: underline;}
.acordeon{font: normal normal bold 0.7em/1.5em Verdana, Arial, Helvetica, sans-serif; color:#273969; text-align: justify;}
.acordeon_contenido {font: normal normal normal 0.75em/1.5em Verdana, Arial, Helvetica, sans-serif; color:#000;text-align: justify; margin:5px 0 5px 10px;}
/*Formulario*/
#formulario { width: 400px; height:auto; margin: 0 auto 0 30px; overflow:hidden; }
#formulario p{ margin: 10px 0;}
textarea.bordes, input.bordes{border: 1px solid #d26d08; background:#c16509; font: normal 0.8em/1.5em Verdana, Geneva, sans-serif;}
input, textarea {width: 320px;padding: 5px 8px;border: 1px solid #999; outline: 0;background: #FFF;}
select {width: 320px; padding: 3px; border: 1px solid #999; outline: 0;background: #FFF;}
textarea {max-width: 400px;height: 150px;line-height: 1.5em;}
input:hover, textarea:hover,input:focus, textarea:focus {border-color: #666;}  
INPUT[type="submit"] {width: 120px; margin-left: 100px; cursor:pointer; border:none; background-color:#273969; color:#FFFFFF; }
INPUT[type="submit"]:hover { background-color: #333;}
.text_form {font: normal normal normal 0.8em/2em Arial, Helvetica, sans-serif; color:#FFF;}
iframe {border: 2px solid #273969;}
/*etiquetas de servicios*/
.etiquetas {width:440px; height: 40px; margin: 5px 0 10px 0; display: inline; float: left; background: #e9e9e9; padding: 5px; border: 1px solid #CCC;}
/*Listado de enlaces de interes*/
li.enlaces a { color:#273969; font: normal normal normal 0.75em/1.5em Verdana, Arial, Helvetica, sans-serif; list-style: none; text-decoration:underline;padding-left: 20px; background: url(img/ico_list.png) left top no-repeat;}
li.enlaces a:hover {text-decoration:none; background: url(img/ico_list_rollover.png) left top no-repeat;}
/*twitter con Jquery*/
#latest_tweet {width: 250px; font: normal normal normal 0.7em/1.5em Verdana, Arial, Helvetica, sans-serif; color: #333; text-align: justify; margin: 8px 0 0 20px;	border: 1px solid #CCC; padding: 5px; margin-bottom: 5px;}
#latest_tweet small, #latest_tweet a {color: #537229;text-decoration: underline;}
.loading {height: 60px; background: url(ajax-loader.gif) center no-repeat;}
#latest_tweet p{padding: 5px 0 8px 8px;}
/*Lista home*/
#list_home {width: 460px; height: auto; margin: 0;}
#list_home ul{ margin:0; padding:0; list-style: none;}
#list_home li { border: 0;margin: 5px 0;}
#list_home li a{ color: #273969;display: block;font: bold 0.75em "Trebuchet MS", Arial, Helvetica, sans-serif;padding: 10px;text-decoration: none;border-bottom: 1px solid #CCCCCC;border-top: 1px solid #CCCCCC;}
#list_home li a:hover { background: #dfe3ef;}
#list_home li a em{color: #333333;display: block;font: normal 0.7em/1.5em Verdana, Helvetica, sans-serif;line-height: 125%;}
#list_home li img {float: right; margin: 5px; border: 0;}
#list_home p {color: #9ad; font-size: 15px;}
/*Banner del home con jquery*/
#jqb_object img{ border: none;}
#jqb_object { position:relative;width:460px; height:201px; overflow:hidden;}
#jqb_object .jqb_bar{position:absolute;width:460px; height: 30px;left:0px;bottom:0px;background:#000000;opacity:0.7;filter:alpha(opacity=70);color: #ffffff; font: normal normal bold 18px Arial, Helvetica, sans-serif;letter-spacing: -1px;}
#jqb_object .jqb_slide{width:460px; height:250px; font-family: Arial, Verdana, Sans-Serif;font-weight: bold;font-size: 18px;letter-spacing: -1px;text-align: left;}
#jqb_object .jqb_info{padding: 2px 10px 2px 10px;float: left;}
#jqb_object .jqb_btn{width: 15px; height: 14px;margin: 10px 5px 2px 2px;float: right;}
#jqb_object .jqb_btn_next{background-image:url(img/banners/btn_next.gif);}
#jqb_object .jqb_btn_prev{background-image:url(img/banners/btn_prev.gif);}
#jqb_object .jqb_btn_pause{background-image:url(img/banners/btn_stop.gif);}
#jqb_object .jqb_btn_play{background-image:url(img/banners/btn_play.gif);}
/*Botón de Subir*/
.subir { margin: 0; padding:0;}
.subir a{ width: 50px; padding: 5px 5px 5px 10px; display:block; background:#67922d ; font: normal normal bold 1em/1.5em Verdana, Arial, Helvetica, sans-serif; color:#fff; word-spacing: 0.05em; text-decoration: none;}
.subir a:hover{ background-color:#557825;}
/* clearfix , para extender el contenido del cuerpo */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */