/* CSS Document */
html {
	font: 11px Arial, Helvetica, sans-serif;
	color: #24468C;
}
body {
	margin: 0;
	padding: 0;
	background: #FFF;
}

img {
	border: 0;
}

#main {
	width: 772px;
	margin: auto;
	display: table;
	background: #FFF;
}

.clBlanco {
	background: #FFF;
}
.clCeleste {
	background: #DEF1FF;
}
.text_nosotros {
	font: 12px Arial, Helvetica, sans-serif;
	color: #24468C;
}

/**
  * Cabecera
  */
#header {
	height: 104px;
}

	#header h1 {
		height: 104px;
		margin: 0;
		padding: 0;
		border: 0;
		float: left;
	}
	#header h2 {
		margin: 0;
		padding: 0;
		padding-top: 40px;
		width: 400px;
		float: right;
		background: #FFF;
		color: #24468C;
		font: bold 11px Arial, Helvetica, sans-serif;
		text-align:right;
		vertical-align: middle;
		padding-right: 10px;
	}
#img_cabecera {
	height: 120px;
	padding: 0;
	margin: 0;
	display: inline;
}

/**
  * Fin de Cabecera
  */
  
 /**
  * Navegacion Principal
  */
  
#navmain {
	position: static;
}

#nav {
	height: 20px;
	background: #00AEEF;
	border: 1px solid #FFF;
	border-width: 1px 0;
	margin: 0;
	padding: 0;	
	font: bold 10px Arial, Helvetica, sans-serif;
}

	#nav ul {
		margin: 0;
		padding: 0;
	}
	
	#nav li {
		float: left;
		position: relative;
		height: 20px;
		text-align: center;
		list-style-type: none;
	}

	/* IE puedes leer esto?? :) */
	
	#nav>li {
		width: auto;
	}
	/* Fin */
	
	
	#nav a {
		display: block;
		height: 20px;
		line-height: 20px;
		padding: 0 10px;
		text-decoration: none;
		color: #FDF1E5;
	}
	
	#nav li a:hover {
		background: #24468C ;

	}
	
	#nav li ul {
		display: none;
		width: 98px;
		position: absolute;
		top: 100%;
		left: 0;
		border: 1px solid #24468C; /*Borde SM 1*/
		border-bottom: none;
		font: normal 10px Arial, Helvetica, sans-serif !important;
		z-index: 4020 !important;
	}
	
	#nav li>ul {
		top: auto;
		left: auto;
		background-color: #E4E2E2; /*Fondo SM 1*/
	}
	
	#nav li li {
		display: block;
		width: 98px;
		height: auto;
		text-align: left;
		float: none;
		border-right: none;
		border-bottom: 1px solid #24468C; /*Borde SM 2*/
		background: #00AEEF; /*Fondo SM 2*/
	}
	
	#nav li li a {
		display: block;
		width: 88px;
		padding: 0 5px;
		font-weight: normal;
		height: auto;
		line-height: 18px;
		color: #FDF1E5; /*Color Texto SM 1*/
	}
	
	#nav li li a:hover {
		color: #FFF;
		background: #3079BE; /*Fondo Activo SM 1*/
	}
	
	#nav li:hover ul, #nav li.over ul {
		display: block;
	}

/**
  * Fin de la navegacion
  */

/**
  * Pagina Interior
  */
#incontainer {
	display: table;
	background: #FFF url(../images/bgincontainer.gif) repeat-y;
	width: 772px;
}

/**
  * Contenido
  */
#menu {
	width: 150px;
	border-right: 1px solid #D6DEE6;
	background: #E6EDF5;
	color: #000;
	float: left;
}

#content {
	width: 571px;
	float: left;
	background: #DEF1FF;
	color: #24468C;
}
#content h1 {
	color: #24468C;
	font-size: 14px;
	margin: 0px;
	padding: 5px 4px 4px 10px;
	border: 1px solid #FFF;
	border-width: 1px 0;
	background: url(../images/left_menu.gif) repeat-y #A5D6ED;
}
#contenido h4 {
	color:#24468C;
	font-size:14px;
	background-color:#A5D6ED;
	border: 1px solid #A5D6ED;
	padding:5px;
	}
#contenido {
	/*padding: 0 4px 5px 10px;*/
	margin: 20px;
	color: #24468C;
}
	
	#contenido a:link {
		color: #24468C;
		text-decoration: none;
	}
	
	#contenido a:visited {
		color: #24468C;
		text-decoration: none;
	}
	
	#contenido a:hover {
		color: #24468C;
		text-decoration: underline;
	}

	#contenido a:active {
		color: #24468C;
		text-decoration: underline;
	}
	
	#contenido h2 {
		color: #0A396E;
		font-weight: normal;
		font-size: 20px;
	}
	
	.imgright, .imgleft {
		border: 1px solid #D6DEE6;
		margin: 3px 5px;
	}
	
	.imgleft {
		float: left;
	}
	
	.imgright {
		float: right;
	}
	
	#contenido  p {
		text-align: justify;
	}
	
	#contenido h3 {
		background: #DD652E;
		color: #FFF;
		font-size: 13px;
		padding-left: 5px;
		height: 20px;
		vertical-align: middle;
		clear: both;
	}

 /**
  * Menu lateral derecho
  */
 
#xtras {
	width: 200px;
	float: right;
	background: #DEF1FF;
}

#xtras h3 {
	color: #4981BA;
	font-size: 13px;
	margin: 0px;
	padding: 5px 4px 4px 10px;
	border: 1px solid #DEF1FF;
	border-width: 1px 0;
	background: #B4DEF2;
}

#xtras .sm, .sm:link, .sm:visited, .sm:active  {
	color: #4981BA;
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
	padding: 5px 4px 4px 10px;
}

#xtras p {
	margin: 0px;
	padding: 7px 5px 5px 10px;
}

#xtras a {
	color: #24468C;
	text-decoration: none;
}

#xtras a:hover {
	text-decoration: underline;
}

#xtras .lista li {
	list-style-image: url(../images/vineta2.gif) !important;
}

/**
  * Pie de pagina
  */
#footer {
	margin: 0;
	padding: 0;
	/*clear: both;*/
	border: 1px solid #FFF;
	border-width: 1px 0;
	background: #00AEEF;
	height:50px;
}
	#footer p {
	margin: 0;
	color: #FFFFFF;
	padding: 5px;
	letter-spacing: 2px;
	float:left;
	}
	#footer a {
		color:#FFF;
		text-decoration:none;
		}
	#footer a:hover {
		color:#FFF;
		text-decoration:underline;
		}
	#PowerBy {
		float:right;
		margin-right:10px;
		margin-top:20px;
		}
	#PowerBy a {
		color:#80D7F7;
		}
.img_contenido {
	padding-right: 20px;
	padding-bottom:20px;
}
#tabla {
	background-color: #A5D6ED;
	border: 0px;
	}
#tabla caption {
	text-align: left;
	height: 20px;
	vertical-align: bottom;
	font-weight: bold;
	}
#tabla th {
	background-color: #A5D6ED;
	text-align: center;
	height: 20px;
	}
#tabla td {
	background-color: #DEF1FF;
	text-align: center;
	height: 20px;
	}
#tabla_reg {
	background-color: #A5D6ED;
	border: 0px;
	}
#tabla_reg caption {
	text-align: left;
	height: 20px;
	vertical-align: bottom;
	font-weight: bold;
	}
#tabla_reg th {
	background-color: #A5D6ED;
	text-align: center;
	height: 20px;
	}
#tabla_reg td {
	background-color: #DEF1FF;
	text-align: left;
	height: 18px;
	padding: 3px;
	}
.enl:link {
		color: #24468C;
		text-decoration: none;
	}
	
.enl:visited {
		color: #24468C;
		text-decoration: none;
	}
.enl:hover {
		color: #24468C;
		text-decoration:underline;
	}
.enl:active {
		color: #24468C;
		text-decoration: underline;
	}

.frm_contact {
		color:#24468C;
		font-size:11px;
		/*	border:thin solid #B4DEF2;*/
		border:1px solid #24468C;
		background-color:#DEF1FF;
		}
.frm_btn{
		color:#24468C;
		font-size:11px;
		font-weight:bold;
		border:1px solid #24468C;
		background-color:#DEF1FF;
		}
input, textarea, select{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}