/* GENERAL ------------------------------- */
* {margin: 0; padding:0;}
html { background:#123d74 url(img/bk-html.jpg) repeat-x; }
body {	margin: 0 0 20px 0;	font: normal 12px Arial, Verdana, Helvetica; color:#555; background: url(img/bk-body.jpg) no-repeat  top center;}
#wrap {	width: 900px;	margin: 0 auto;}
a, a:visited, a img { color: #1d9dd0; text-decoration:underline; outline:none;}
a:hover { color:#000; }
img { border:none; }
p, h1, h2, h3, ul {margin: 0 0 12px 0;}
p {line-height: 18px;}
blockquote { margin-left:15px; padding-left:10px; border-left:5px solid #C4C8D0; }
.login { float:right; width:145px; height:30px; margin-right:15px; line-height:30px; background: #E1E7EB url(img/bk-login.png) no-repeat top left; text-align:center;  }
#banner { width:900px;  height:250px; background:#F2F2F2; border-bottom:1px solid #D2D2D2; display:block; }
.section { background:url(img/bk-secciones.png); width:100%; height:87px; }
.section h1 {font: normal 30px/87px Arial, Verdana, Helvetica; color:#FFF; padding-left:20px;}
.inputtext { border:1px solid #ccc; padding:3px;  }
.clr { clear:both; height:0%; }
.line { height: 1px; margin:10px 0;  border-top: 1px Solid #D2D2D2; clear:both; display:block; }

/* HEADER ------------------------------------------------------*/
#header { height:100px; }
.logo a { float:left; width:346px; height:68px; background:url(img/logo.gif) no-repeat; margin:16px 0 0 25px; }
.logo h1 { margin: 0; }
.logo span { display:none; }

/* NAV ------------------------------------------------------*/
ul#nav {width:100%; clear:both; line-height:30px; margin: 0; display: block; 0; list-style: none; background: url(img/bk-menu.png) no-repeat; height: 30px; border-bottom:3px solid #b1343f;}
ul#nav li {	display:inline;	float: left;}
ul#nav li a { display:block; padding:0 12px; /* border-right: 1px solid #000; */ color: #ccc; text-decoration: none; background:url(img/separador.png) no-repeat top right; }
ul#nav li a:hover { color: #fff; background-color:#000;}

#content { background:#FFFFFF; width:900px; overflow:hidden; margin:0;  }

/* WIDECOL ------------------------------------------------------*/
.widecol {width:575px; float: left; padding:35px 0 25px 35px; margin-right:25px; }
.widecol h1 {	color:#333; font: normal 26px/28px Arial, Helvetica;}
.widecol h2 {	color:#555; font: normal 20px/26px Arial, Helvetica;}
.widecol h3 {	margin-bottom: 15px; color: #CC0000; font:normal 16px/22px Arial, Helvetica; letter-spacing:}
.widecol ul { list-style:none; line-height: 18px; margin-left:10px; margin-bottom:14px;}
.widecol ul li { margin:7px 0 0 0; background:url(img/bullet.png) no-repeat 0 1px; padding:0 0 0 18px;}
.widecol .block { padding:15px 15px 3px 15px; background-color:#e9f5f9; border:1px solid #d4e7ee; margin-bottom:13px; }

.widecol ol { line-height: 18px; margin-left:30px; margin-bottom:14px; padding:0;}
.widecol ol li { margin:7px 0 0 0; padding:0;}

/* NARROWCOL  ------------------------------------------------------*/
.narrowcol { font-size:12px; float: left;	width: 236px; padding-top: 20px;}
.narrowcol h3 { padding-left:10px; 	margin-bottom:0; height:26px; background:#c6cfd5 url(img/bk-titles.png) no-repeat top left; color:#333;	border-bottom: 2px solid #cc0000; font:bold 11px/26px "Trebuchet MS", Verdana, Arial, Helvetica; text-transform: uppercase;}
.narrowcol ul {	margin:0 0 15px 0; padding:0; list-style: none;	display: block;}
.narrowcol li a { 	background: url(img/bullet.png) no-repeat 3px 50%;	width:208px; margin:0;  border-bottom: 1px solid #E2E2E2; display: block;	color: #333;	padding: 6px 6px 6px 20px;	text-decoration: none; 	line-height: 16px;}
.narrowcol li a:hover{ text-decoration:underline; color:#CC0000; }

/* ESTILOS FOTOS -------------------------- */
.picbr {float:right; padding: 4px; margin: 3px 0 10px 10px; background-color: #edeae0;}
.picbl {float:left; padding: 4px; margin: 3px 10px 10px 0; background-color:#edeae0;}
.picbcenter { display:block; width:100%; text-align:center; padding: 4px; background-color:#edeae0; }
.picr {float: right; margin: 0 0 5px 10px; }
.picl {float: left; margin: 0 10px 5px 0;}
.piccenter { display:block; width:100%; text-align:center; }

/* ESTILOS ------------------------------- */
#footer {font-size:11px; color:#999999; background: url(img/bk-footer.png) no-repeat;	clear: both; width: 885px; height:40px;	line-height:40px; padding-left:15px;}
#footer a { color:#ccc; }
#footer a:hover { color:#FFFFFF; }

.alert {	padding: 8px;	margin:20px 0 15px 0; background-color: #edecde; border: 1px solid #dad9ca;}