/**************************************************
	CSS Document
	http://www.inalcec.com.co
	Estilos desarrollados por ojotal ideas graficas para Inalcec © Todos los derechos reservados
	Creado: 		Octubre/8/2008
	Actualizado: 	Octubre/14/2008
**************************************************/

/* hacks varios, adivinen para q browser… */

	html, body, #contenedor {
	min-height: 100%; /* alto minimo FF y Safari */
	width: 100%;
	height: 100%; /* alto minimo para IE Windows */
	margin: 0;
	padding: 0;}
	
	html>body #contenedor {
     height: auto; /* con este hack escondemos el min-height de IE*/}
	 
/* fin hacks varios */

/* PARA CENTRAR EL BG LARGO
------------------------------------------------------------------*/

	body {background-color:#FFF;
	background-image:url(bg_large.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;}
	
/* GENERAL
------------------------------------------------------------------*/

	h1 { font-size:3em; color:#FFFFFF;}
	a, a:link, a:visited{color:#004590; text-decoration:none; padding: 0 2px 0 2px;}
	a:hover{color:#004590; background: #CCCCCC; padding: 0 2px 0 2px;}
	a img{border: 0pt none; vertical-align:middle;} 
	blockquote{ padding:0 0 0 30px;}
	

/* CONTENIDO
------------------------------------------------------------------*/

	strong{font-size: 105%;}
	p{font: 1.2em Verdana, Arial, Helvetica, sans-serif; text-align: justify; padding: 0 1.5em 0 1.5em;}
	#contenedor{width:700px; height:auto; margin: 0 auto;}
	#contenido{padding:30px; background:#FFF url(conte_bg.jpg) top center repeat-y; border-left: #004590 1px solid; border-right: #004590 1px solid;}
	#contenido ul{text-align:justify; padding:3px 0 0 5px;  list-style-type:none;}
	#contenido ul li{font-size:1.2em; padding:3px 10px 5px 30px; margin:3px; background: url(li_bg.jpg) 0 3px no-repeat; list-style-type:none;}
	h2{font-size:1.5em; font-weight:bold; color:#004590; margin:3px 0 2px 30px; letter-spacing: 1px; text-align: left;}
	h3{font-size:1.3em; font-weight:bold; color:#666; padding: 5px 0 0 15px; margin:5px 0 2px 50px; text-align:left;}
	h4{font-size:1.6em; font-weight:bold; color:#990000;}

/* CONTENIDO SCROLL
------------------------------------------------------------------*/

	#contenido_scroll { background: url(iframe_bg.jpg) no-repeat; background-position: right top; width: 550px; height: auto; /*overflow: scroll; overflow-x:hidden;*/}
	#contenido_scroll ul{text-align:justify; padding:3px 0 0 5px;  list-style-type:none;}
	#contenido_scroll ul li{font-size:1.2em; padding:3px 10px 5px 30px; margin:3px; background: url(li_bg.jpg) 0 3px no-repeat; list-style-type:none;}
	

/* CABEZOTE
------------------------------------------------------------------*/
	#branding{ height:200px; position:relative; background: #FFFFFF url(h1.jpg) no-repeat;}
	#branding h1{ margin:0; padding:0; top: 0; text-indent: -9999em; font-size:0;}

/* MENU HORIZONTAL
------------------------------------------------------------------*/

	#menu {position:relative; vertical-align:top; height: 30px; width: 100%; float: none;}
	#menu ul {padding: 0px; margin: 0px; font-size: 12px; font-weight: bold;}
	#menu ul li {display: inline;}
	#menu ul li a:link, #menu ul li a:visited {background: transparent; color: #FFF; padding: 5px 15px; float: left; /*border-right: 1px solid #FFF;*/ line-height:1.5em;}
	#menu ul li a:hover, #menu ul li a:active{color: #000; padding: 5px 15px; margin: 0 auto; background: url(hover_bg.jpg) repeat-x; height:1.5em;}
	
/* FLASH
------------------------------------------------------------------*/

.flash{ align:center; background: #F5F5F5 url(flash_bg.jpg) top right no-repeat; padding: 0; text-align:center; width:580px; height:280px; border:1px solid #CCCCCC; margin: 0 auto;}
.textflash{width: 430px; margin: 100px 50px 40px 50px; padding: 20px 25px 20px 25px;  text-align:center;}

/* FOOTER
------------------------------------------------------------------*/
	
	#footer {position: relative; width:698px; height: 148px; padding:0; margin: auto; background: url(footer_bg.jpg) bottom repeat-x;  border-left: #004590 1px solid; border-right: #004590 1px solid; border-bottom:#004590 1px solid;}
	#footer .text{ float:left; padding:10px 10px 10px 0;}
	#footer .logos{float:right; padding:0;}
	#footer p{bottom: 8px; margin:0; padding:5px 0 0 20px; text-align:left; color: #004590; font-size:0.8em; line-height:120%;}
	span.d{color:#FFFFFF;}
	#footer a, a:link, a:visited{color:#004590; border:transparent; text-decoration:none; padding: 0 2px 0 2px;}
	#footer a:hover{color:#004590; background:none; border-bottom:#FFFFFF 1px dashed; padding: 0 2px 0 2px;}