@charset "utf-8";

/* GENERAL */

*{margin:0;	padding:0;}

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	background-color: #2A292C;}

p, li{
	text-align:justify;
	line-height:150%;
	padding-bottom: 15px;}

h1{	font-size:1.2em;
	padding-bottom: 15px;
	text-align: left;}
	
h2{font-size:1.2em;}

h3{font-size:1em;  text-align:left;}

h1, h2, h3{	color: #0e3b3b;}

h4{
	color:#FDFDFD;
	font-size:0.8em;
	text-align:center;
	line-height:38px;}
	
	
/* NAQUETACION */

#contenedor {
	width: 980px;
	margin: 20px auto;
	/*background-color: #FDFDFD;*/
	background-color: #0e3b3b;
	/*background-color: #0e3b3b #000000;*/
	overflow:hidden;
 }
	
#header {
    background-color: #FDFDFD;
	height: 338px;
	width: 980px ;
	/*border: thin solid red;*/
	float: left;
	overflow: hidden;
}
		
#lateral {
	background-color: #0e3b3b;
	float: left;
	width: 250px;
	
}

#lateral img {
	margin:5px 25px 5px;
	padding-bottom: 0px;
}


#lateral h3{
	border-bottom:1px solid #FDFDFD;
	margin-left:25px;
	padding-bottom:10px;
	padding-top:20px;
	text-transform:uppercase;
	width:200px;
	color: #FDFDFD;	
}
	
#lateral ul {
	list-style-type: none;
	margin-left: 25px;
	font: bold;
 }
	
#lateral a:link, #lateral a:visited {
	text-decoration: none;
	color: #FDFDFD;	
}

#lateral a:hover, #lateral a.selected{
	color:#666666;}

#lateral li{
	border-bottom:1px solid #FDFDFD;
	padding:10px 0;
	width:200px;}
#lateral li:last-child {
	border-bottom-width: 0px;
}
	
	
#entidades {
			
			/*padding-top: 0px;*/
			background-color: #0e3b3b;
			/*border: thin solid red;*/
			}
#enidades ul {
	list-style-type: none;
	margin-left: 25px;
	font: bold;
	font-size:10px;
		  }
entidades h3{
	border-bottom:1px solid #FDFDFD;
	margin-left:25px;
	padding-bottom:10px;
	padding-top:0px;
	text-transform:uppercase;
	width:200px;
	color: #FDFDFD;	}
	
#entidades a:link, #lateral a:visited {
	text-decoration: none;
	font-size;10;
	color: #FDFDFD;	}
	
#entidades a:hover, #lateral a.selected{
	/*font-size: 10px;*/
	color:#666666;}


#central {
background-color:#FFFFFF;
border-bottom:2px solid #FFFFFF;
border-left:2px solid #FFFFFF;
float:left;
height:1252px;
_height:1260px;
*height:1263px;
padding:20px 30px;
text-align:center;
width:668px;
/*border:thin solid red;*/
	}


#central h2{ 
			text-align:left;
			padding-top:10px;
			padding-bottom:15px;}
			
#central h3{text-decoration:underline;
			padding-top:25px;}

#central h4{color: #333333;
			text-align:center;
			font-size:1em;}
			
#central li {
	text-align: justify;
	list-style-position: inside;
	padding-right: 10px;}

#central ul li{
	list-style-type: none;
	list-style-image: url(images/li.gif);}

#central td {
	line-height: 150%;
	text-align: left;
	padding:9px 0;}
	
#central a:link, a:hover, a:visited, a:active {
	text-decoration: none;
	color: #0e3b3b;
}

#central a:hover, a:active{
	text-decoration: underline;
}

		
	
	
#footer {
	float:right;
	background-color: #000000;
	height: 32px;
	width: 450px;
	text-align:right;
	padding-right:20px;
	/*clear:both;*/
	/*overflow:auto;*/
		}
#footer_menu{	background-color: /*#0e3b3b*/#000000;
	width: 510px;
	height:32px;
	float:left;
	/*clear:both;*/
	text-align:left;
	position:relative;
}
#footer a:link,#footer a:visited {
	color: #6D6F71;
	line-height: 38px;
	text-decoration:none;}
	
#footer_menu a:link,#footer_menu a:visited { 
    line-height: 30px;
	text-decoration:none;
	color: #6D6F71;	
	}

/*#footer_menu a:hover{text-decoration:underline;}*/

#footer_menu h4 {
	line-height: 20px;
	
	position: absolute;
	bottom: 3px;
	left: 10px;
}


/* BARRAS DE DESPLAZAMIENTO */

#contenido {
	background:#FFFFFF none repeat scroll 0 0;
	float:left;
	height:1185px;
	overflow:hidden;
	width:630px;
	padding-right: 10px;}
	
#contenido2 {
	background:#FFFFFF none repeat scroll 0 0;
	float:left;
	height:1000px;
	overflow:hidden;
	width:560px;
	padding-right: 10px;
	margin-bottom:20px;}			
	
	
#contenido3 {
	background:#FFFFFF none repeat scroll 0 0;
	float:left;
	height:280px;
	overflow:hidden;
	width:560px;
	padding-right: 10px;}	

		
.scrollbar {
	background-color:#DFDFDF;
	float:right;
	height:1185px;
	width:10px;
	margin-left:0px;}

.scrollbar2 {
	background-color:#DFDFDF;
	float:right;
	height:880px;
	width:10px;
	margin-left:0px;}

.scrollbar3 {
	background-color:#DFDFDF;
	float:right;
	height:280px;
	width:10px;
	margin-left:0px}
			
.handle{
	height:42px;
	width:10px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(images/handle.gif);
	background-repeat: no-repeat;
	background-position: 0 0;}

.handle2{
	height:42px;
	width:10px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(images/handle.gif);
	background-repeat: no-repeat;
	background-position: 0 0;}

.handle3{
	height:42px;
	width:10px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(images/handle.gif);
	background-repeat: no-repeat;
	background-position: 0 0;}



/* FORMULARIO DE CONTACTO*/
#informes {text-align:left;}

#informes p {
	clear:left;
	height:3%;
	margin:0;
	padding:5px 0 5px 240px;
	width:300px;}


#informes label {
	float:left;
	font-weight:bold;
	margin-left:-155px;
	width:150px;
	text-align:right;}


input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 250px;
	border:1px solid #666666}

#informes td {
	margin: 0px;
	padding: 1px;}

#informes .tblabel{
	margin: 0px;
	padding: 1px;
	line-height:100%;
	float:none;}

#informes .tbinput{
	width:120px;}

#informes textarea{
	width: 250px;
	height: 50px;
	border:1px solid #666666;}

input#enviar {
	border-style:none;
	width:50px;
	float:right;}


/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{margin-left: 3px;}

.errores{color:#FF0000;}

/* Fin de la hoja de estilos */