/* GENERAL ------------------------------- */
* {margin: 0; padding:0;}
html { overflow: -moz-scrollbars-vertical;}
body {	margin: 0 0 20px 0;	font: normal 12px Arial, Verdana, Helvetica; color:#555; background: url(img/bk-body.jpg) repeat-x;}
#wrap {	width: 900px;	margin: 0 auto;}
a, a:visited, a img { color: #336699; text-decoration:underline; outline:none;}
a:hover { color:#333; }
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:870px;  padding:15px 15px 5px 15px; background-color:#cccccc; }
.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; }
.logogal { border:1px solid #E2E2E2; float:left; margin: 0 7px 7px 0; }
.ir-arriba { background:url(img/bullet-ir-arriba.png)  no-repeat 100% 50%; padding-right:15px; width:559px; text-align:right;  }


#tooltip{
	position:absolute;
	background:transparent url(img/tooltip.png) no-repeat top left; height: 25px; line-height: 25px;
	padding:0 10px 0 20px;
	color:#ccc; z-index:100;
	display:none;}


/* HEADER ------------------------------------------------------*/
#header { height:80px; width:900px; position:relative; margin:0;  }
.logo { position:absolute; top:5px; left:37px; width:192px; height:145px; }

/* NAV ------------------------------------------------------*/

ul#nav {width:630px; clear:both; line-height:30px; margin: 0; padding-left:270px; list-style: none; background: url(img/bk-menu.png) no-repeat; height: 30px; white-space:nowrap; border-bottom:5px solid #000;  }
ul#nav li {	display:inline; }
ul#nav li a { float:right;   padding:0 10px; color: #000; text-decoration: none; background:url(img/separador.png) no-repeat top left; }
ul#nav li a:hover { color: #fff; background-color:#000;}

#content { background:#CCCCCC;  }
.bottomround { background: url(img/bottom-content.png); width:900px; height:5px; margin:0; padding:0;  }

/* WIDECOL ------------------------------------------------------*/
.widecol {width:575px; float: left; padding:55px 0 25px 35px; margin-right:25px; }
.widecol h1 {	color:#333; font: normal 26px/28px Arial, Helvetica;}
.widecol h2 {	color: #000; font: normal 20px/24px Arial, Helvetica; border-bottom:1px solid #b8d2e1; padding-bottom:7px;}
.widecol h3 {	margin-bottom:0; color:#72a5cd; font:bold 14px/18px 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 50%; padding:0 0 0 14px;}
.widecol .block { padding:15px 15px 3px 15px; background-color:#e9f5f9; border:1px solid #d4e7ee; margin-bottom:13px; }
.widecol ol { margin:0 0 15px 25px; padding:0;}
.widecol ol ul { line-height: 16px; margin-left:10px; margin-bottom:15px; padding:0;}
.widecol ol li { margin:7px 0 0 0; padding:0;}
.widecol ol li li { background:none; font-style:italic; }
.widecol strong { color:#000000; }

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

/* 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 { background:#ccc url(img/bk-footer.png) no-repeat top center;	width: 870px; padding:20px 15px 10px 15px;}
p.footer { width:870px; padding:15px; text-align:center; }

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