/* principal.css */
* {margin:0;padding:0;}
img {border: 0;}
body {
	font-size: 11px;
	font-family: 'Trebuchet MS', Arial, sans-serif;
/*	background: #B5AB96;*/
	background: #204289;
}
#todo {
	z-index: 0;
	position: relative;
	width: 981px;
	min-height: 398px;
	margin: 25px auto;
	padding: 0 8px 0 8px;
	border: 1px solid #204289;
}
#contenido {
	width: 663px;
	min-height: 278px;
	margin: 248px 0 0 ;
	padding: 20px 35px 10px 283px;
	background: #fff;
}
#header {
	z-index: 1;
	width: 955px;
	height: 220px;
	position: absolute;
	top: 0;
	padding-top: 28px;
	padding-left: 26px;
	background: url('../imagenes/header-bg.gif') no-repeat top left;
}
#menu {
	z-index: 2;
	width: 200px;
	position: absolute;
	font-size: 12px;
	top: 135px;
	left: 25px;
}
#footer {
	margin: 0 -8px 0 -6px;
	padding: 33px 0 0 6px;
	background: url('../imagenes/footer-bg.gif') no-repeat left -10px;
}
#banner1 {
	z-index: 2;
	position: absolute;
	top: 0;
	right: 8px;
	width: 696px;
	height: 250px;
/*	background: url('../imagenes/banner.jpg') no-repeat top left;*/
}
#higlight {
	z-index: 2;
	position: absolute;
	top: 425px;
	left: 50px;
	width: 200px;
	height: 90px;
}
#contenido h1,#contenido h2,#contenido h3,#contenido h4,#contenido h5,#contenido h2 {
	color: #9A0032;
	margin-bottom: 13px;
}
#contenido h1 {
	width: 100%;
	height: 30px;
	font-size: 26px;
	position: relative;
}
#contenido h1 span {
	display: block;
	position: absolute;
	left: 0;top: 0;
	width: 100%;height: 35px;
	background-repeat: no-repeat;
	background-position: left top;
}

#contenido form {
	width: 240px;
	margin: 0 auto;
}
#contenido form .row {width: 100%;margin-bottom: 8px;}
#contenido form .row label {display: block;color: #255679;}
#contenido form .row input {width: 100%;border: 1px solid #9A0032;font-size: 11px;}
#contenido form .botones {text-align: right;}
#contenido form .botones input {
	width: 55px;
	color: #255679;
	border: 1px solid #255679;
	background: #fff;
}
#contenido form .row textarea {width: 240px;border: 1px solid #9A0032;}
#contenido a {color: #9A0032;text-decoration: none;}
#contenido a:hover {text-decoration: underline;}
#contenido .strong,#contenido .bold {color: #9A0032;font-weight: bolder;}
#contenido .strong2,#contenido .bold2 {color:#545454;font-weight: bolder;}
#contenido p,#contenido ul,#contenido ol {margin-bottom: 12px;}
#contenido li, #contenido p {line-height: 16px;}
#contenido li {margin-left: 15px;}
/* Menu */
/* El Color de los items del menu*/
#menu,#menu a {padding-left: 6px;text-decoration: none;color: #204289;font-weight: bold;}
/* El Color en Hover para lo*/
#menu ul li a:hover,
#menu ul li:hover a,
#menu ul li.actual a {color: #9A0032;}
/* Un poco de formato a los items */
/*#menu li#first {border-top: 1px dashed #173B84;}*/
#menu li {list-style-type: none;padding: 3px 0 2px 26px;/*border-bottom: 1px dashed #173B84;*/}
#menu li:hover,#menu li.actual {background: url('../imagenes/menu-bullet.gif') no-repeat 24px 10px;}
/* El efecto para que los submenus funcionen,
   es un selector "complicado" si no sabes lo que haces no lo toques mucho ;-) */
/* Con esto "desaparece" */
#menu ul li ul,
#menu ul li:hover ul,
#menu ul li.hvr ul,
#menu ul li.actual ul,
#menu ul li ul li ul,
#menu ul li:hover ul li ul,
#menu ul li.hvr ul li ul,
#menu ul li.actual ul li ul  {display: none;}
/* Con esto "aparece" */
#menu ul li.hvr ul,
#menu ul li:hover ul,
#menu ul li.actual ul,
#menu ul li ul li:hover ul,
#menu ul li ul li.hvr ul,
#menu ul li ul li.actual ul {display: block;}
/* Fin de El Efecto */
/* Comienzo primer nivel (Sub-Items) */
/* Un poco de formato a los subitems 1º Nivel */
#menu ul li ul li,
#menu ul li:hover ul li,
#menu ul li.hvr ul li {
	font-size: 11px;
	border: 0;
	margin-left: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	padding-right: 0;
/*	font-weight: normal;*/
	color: #204289;
	background: url('../imagenes/submenu-bullet-close.gif') no-repeat 3px 8px;
}
/* Efecto hover para los subitems 1º nivel */
#menu ul li ul li.hvr,
#menu ul li ul li:hover,
#menu ul li ul li.actual {
	background: url('../imagenes/submenu-bullet-open.gif') no-repeat 3px 8px !important;
	font-weight: bold;
}
/* Color para los links del submenu */
#menu ul li ul li a {color: #204289 !important;}
/* Fin primer nivel (Sub-items) */
/* Comienzo segundo nivel (Sub-Sub-Items) */
/* Un poco de formato a los subitem 2º Nivel */
#menu ul li ul li ul li,
#menu ul li:hover ul li ul li,
#menu ul li.hvr ul li ul li,
#menu ul li:hover ul li:hover ul li,
#menu ul li.hvr ul li.hvr ul li,
#menu ul li:hover ul li:hover ul li:hover,
#menu ul li.hvr ul li.hvr ul li.hvr,
#menu ul li ul li ul li.actual {
	font-size: 11px;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
/*	font-weight: normal;*/
	background: none !important;
}
#menu ul li ul li ul li a {
	color: #837A66 !important;
}
#menu ul li ul li ul li.actual a,
#menu ul li ul li ul li a:hover {
	padding-left: 2px;
	padding-right: 10px;
	background: url('../imagenes/subsubmenu-bullet.gif') no-repeat 97% 8px !important;
	color: #9A0032 !important;
/*	font-weight: normal;*/
	text-decoration: underline;
}
/* Fin menu*/
/* Footer */
#footer,#footer a {
/*	color: #0D244C;*/
	color: #020F46;
}
#footer a {
	margin-right: 6px;
	margin-left: 6px;
	text-decoration: none;
}
#footer a:hover {text-decoration: underline;}
/* Fin footer*/