@charset "utf-8";
/* CSS Document */


html, body {height:100%}
#main {min-height:100%}
* html #main {height:100%}
body {
	margin: 0;
	background-color: #fff;
}
img {
	padding: 20 0 0;
	margin: 0;
	border: none;
}
form {
	padding: 0;
	margin: 0;
}

legend { font-family: Arial, Helvetica, sans-serif; font-size: 12px}
label { font-family: Arial, Helvetica, sans-serif; font-size: 11px}
p { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#000000 }
p a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; border:none}
p a:hover {color:#999999 }
input { background-color:#CCCCCC }

.bold{ font: bold }

/*start main*/
#main {
	width: 768px;
	margin: 0 auto;
	background: url(../images/body-bg.gif) repeat-y;
	position: relative;
}
/*start header*/
#header {
	position: relative;
	width: 768px;
	height: 82px;
	background: url(../images/header-bg.gif) no-repeat top;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#header .logo {
	position: absolute;
	width: 137px;
	height: 82px;
	left: 8px;
	top: 0;
	text-indent: -9999px;
	overflow: hidden;
}
#header span {
	display: block;
	width: 480px;
	position: absolute;
	top: 14px;
	left: 213px;
	font: italic 16px Arial, Helvetica, sans-serif;
	color: #fff;
}
#header .top-nav {
	position: absolute;
	left: 145px;
	top: 61px;
	padding: 0 0 0 25px;
	margin: 0;
	list-style: none;
	font: 12px Arial, Helvetica, sans-serif;
	height: 20px;
	width: 591px;
}
#header .top-nav li {float: left;}
#header .top-nav li a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 4px 10px 2px 10px;
}

.top-nav-sel {background-color: #d8001d;}

#header .top-nav li a:hover {background-color: #d8001d;}
#header .top-nav .last {
	float: left;
	margin: 0 0 0 113px;
	display: inline;
}
/*start content*/
#content {
	width: 768px;
	padding:0 0 34px;
	overflow:hidden;
}
/*start left column*/
#left-column {
	float: left;
	width: 137px;
	height: 392px;
	margin: 0 0 0 8px;
	display: inline;
	background: #0073bd url(../images/left-column-bg.gif) repeat-x;
}
/*left-navigation*/
.roll {
	float: left;
	margin: 9px 0 0 8px;
	display: inline;
}
.button, .close .button {
	float: left;
	width: 107px;
	padding: 3px 0 0 12px;
	border: 1px solid #83818a;
	background: #fff url(../images/arrow-hower.gif) no-repeat 3px 5px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #5d5b59; 
	text-decoration: none;
}
.close .button {background: #fff url(../images/arrow.gif) no-repeat 3px 4px;}
.inner {
	clear: both;
	float: left;
	background: url(../images/roll-bg.gif) repeat-y;
	overflow: hidden;
	width: 121px;
}
* html .inner {margin: 0 0 -13px 0;}
.inner a {
	display: block;
	text-decoration: none;
	font: 11px Arial, Helvetica, sans-serif;
	color: #fff;
	width: 96px;
	padding: 0px 10px 2px 11px;
	margin: 0 0 6px 2px;
	background: url(../images/inner-arrow.gif) no-repeat 5px 5px;
}
* html .inner a {
	margin: 3px 0 3px 1px;
}
.inner a:hover, .inner .active {background: #686989 url(../images/inner-arrow.gif) no-repeat 5px 5px;}
.inner span {
	display: block;
	background: url(../images/inner-bottom-bg.gif) repeat-x;
	width: 120px;
	margin: 0px 0 0 1px;
	height: 2px;
}
.close .inner {display: none;}
.close .open {display: block !important;}
/*-----*/

/*start footer*/
#footer {
	position: relative;
	background: url(../images/footer-bg.gif) no-repeat;
	z-index:10;
	width: 741px;
	height: 39px;
	text-align: right;
	padding: 5px 27px 0 0;
	margin: -44px auto 0;
	clear:both;
}
#footer span {
	font: 16px Arial, Helvetica, sans-serif;
	color: #fff;
}
#footer span a {
	color: #fff;
	text-decoration: none;
}
#footer span a:hover {text-decoration: underline;}

#q { position:absolute; margin:-66px 8px 0; }
#q_separador { height:1px; margin-bottom:-2px !Important ; margin-bottom:-22px }
/* -- highslide --*/

.highslide-body {padding: 0px 0px 0px 0px; background-color: white; text-align: left; }

.highslide-body h2 { font-size:1.0em; line-height: 1.0em; height: 1.3em}

.highslide-html {
    background-color: white;
}

.highslide-html-blur {
}

.highslide-html-content {
	position: absolute;
    display: none; background-color: white;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

.highslide-htm-control{height:20px; background-color:#cfddec;}

.control {
	float: right;
    display: block;
    /*position: relative;*/
	margin: 0 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #999;
}
.control:hover {
	color: black !important;
}
.highslide-move {
    cursor: move;
}
.highslide-html-content div ul li { background-color:#0b203a; color:#FFFFFF; }
.highslide-html-content div ul li a { color:#FFFFFF; text-decoration:none; border: none; font-size: 12px; font-family:Arial, Helvetica, sans-serif }
.highslide-html-content div ul li a:hover { color:#666666; }


/*noticias css*/

#noticias-column {
	margin-top: 20px;
	width:500px;
	height:auto;
	margin-left:160px;
	margin-right: 100px;
}

#noticias-column .noticias{
	margin-bottom:30px;
}


#noticias-column b{
	font: 12px Arial, Helvetica, sans-serif;
	color: #0b203a;
	font-weight:bold;
}

#noticias-column a {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #0b203a;
	margin-left:5px;
}

#noticias-column p {
	font:12px Arial, Helvetica, sans-serif;
	color: #000;
	margin-left:5px;
}

	#separador { background: url(../images/inner-bottom-bg.gif) repeat-x; height:12px; margin-top:12px; width:100%; float: left }


#especial {float: left;
	margin: 9px 0 0 8px;
	display: inline;  border: #FFFFFF thin solid}
	
#especial a { background: #FF0000 url(../images/arrow-w.gif) no-repeat 3px 5px ; color:#FFFFFF }


#solicitud {float: left;
	margin: 9px 0 0 8px;
	display: inline;  border: #FFFFFF thin solid; background-color: #999999}
	
#solicitud a { background: #999999 no-repeat 3px 5px ; color:#FFFFFF }	

#paginas {
	position: absolute;
	background-color:#FFFFFF;
	font: 14px Arial, Helvetica, sans-serif;
	list-style: none;
	left: -8px;
	top: 961px;
	
}


#paginas li a {
	float:left;
	width:30px;
	display: block;
	font: 14px Arial, Helvetica, sans-serif;
	color:#0B203A;
	text-align:center;
	font-weight:bold; 
	float: left;
}

#paginas a:hover{

	font: 14px Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold; 
	background-color: #d8001d;
	float: left;
}

#paginas .seleccionado {
background-color: #d8001d;
}