@charset "UTF-8";
/* Menu */

body{
	font-family:"Lucida Grande", Verdana, Arial;
	background:#FFFFFF url(../images/bg_od.png) repeat-x top;
	margin: 0px;
}

/*img{
	border: 0;
	float: left;
} */

ul, li{
    margin:0;
    border:0;
    list-style:none;
    padding:0;
}
	ul{height:21px;}
	p { line-height:18px; }
	h1 {color: #0D4D6C;font-size: 22px;}
	
	.text_common {
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}
.link_blue_small, .link_blue_small a, link_blue_small a:link, .link_blue_small a:visited {
	color: #0066CC;
	font-size: 10px;
	text-decoration: none;
}
.link_blue_small a:hover {
	color: #666666;
	font-size: 10px;
	text-decoration: none;
}
.title_box {
	font-size: 13px;
	color: #004667;
	font-weight: bold;
}
.link_wite_small{
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: none;
	font-weight: normal;
}
.text_min, .text_min a, .text_min a:link, .text_min a:visited {
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}
.text_min a:hover {
	font-size: 10px;
	color: #CCCCCC;
	text-decoration: none;
}

	#nicemenu {
	margin:-22px auto 0;
	width:815px;
	border-bottom:dotted 1px #E5E5E5;
	font-size: 12px;
}

	#nicemenu a {
	color:#004667;
	text-decoration:none;
}
	#nicemenu a:hover {
	text-decoration:none;
	color: #999999;
}	
	#nicemenu li { display:inline; position:relative; }
	#nicemenu li span { position:relative; z-index:10; padding:4px 4px 4px 6px;  border-bottom:none; line-height:18px; }	
	#nicemenu li span a { font-weight:bold; padding:0 6px 0px 2px;  }	
	#nicemenu li span.over {
	padding:4px 3px 4px 5px;
	border-top:solid 1px #E5E5E5;
	border-left:solid 1px #E5E5E5;
	border-right:solid 1px #999999;
	border-bottom:solid 1px #fff;
	text-decoration: none;
}
#logo_sistemas {
	height: 20px;
	text-align: right;
	width: 200px;
	position: absolute;
	top: 953px;!important; 
	left: 927px;
}
	*+html #nicemenu li span.over {
	border-top:solid 2px #E5E5E5;
	padding-bottom:3px;
	text-decoration: none;
} /* IE6 */
	#nicemenu li span.over a { }
	#nicemenu li span.over a:hover {
	text-decoration:none;
}
	#nicemenu li span.active { padding:4px 3px 4px 5px;  border-top:solid 1px #E5E5E5; border-left:solid 1px #E5E5E5;  border-right:solid 1px #999999; border-bottom:solid 1px #fff;  }
	*+html #nicemenu li span.active {  border-top:solid 2px #E5E5E5; padding-bottom:3px; }
	#nicemenu li span.active a { }
	#nicemenu li span.active a:hover { text-decoration:none; }	
	#nicemenu img.arrow { /*margin-left:4px;*/ cursor:pointer; }
	#nicemenu div.sub_menu { display:none; position:absolute; left:0; top:0px; margin-top:18px; border-top:solid 1px #E5E5E5; border-left:solid 1px #E5E5E5; border-right:solid 1px #999999; border-bottom:solid 1px #999999; padding:4px; top:2px; width:160px; background:#FFFFFF; }
	* html #nicemenu div.sub_menu { margin-top:23px; } /* IE6 */
	*+html #nicemenu div.sub_menu { margin-top:23px; } /* IE7 */
	#nicemenu div.sub_menu a:link, 
	#nicemenu div.sub_menu a:visited, 
	#nicemenu div.sub_menu a:hover{ display:block; font-size:11px; padding:4px;}	
	#nicemenu a.item_line { border-top:solid 1px #E5E5E5; padding-top:6px !important; margin-top:3px; }
	#nicemenu a.LineNoLink {color: #000; font-weight:bold;text-decoration: none;border-top:solid 1px #E5E5E5; padding-top:6px !important; margin-top:3px;}
	
/* submenu*/

#container_submenu{
	background:#FFFFFF;
	height: 20px;
	width: 430px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #E5E5E5;
}

ul#simple-menu{
	list-style-type:none;
	font-size:12px;
	font-weight:bold;
	margin:0;
}
ul#simple-menu li{
	display:block;
	height:15px;
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}
ul#simple-menu li.left{
	margin:0;
	left: 25px;
}
ul#simple-menu li a{
	display:block;
	float:left;
	color:#004667;
	text-decoration:none;
	padding:0 5px;
	height:15px;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #004667;
}
ul#simple-menu li a.right{
	padding-right: 25px;
}
ul#simple-menu li a:hover{
	color: #666666;
	text-decoration: none;
}	
	
	

/* Index */

#bg_v {
	background-image: url(../images/bg_v_od.png);
	background-repeat: repeat-y;
	background-position: center;
	height: 100%;
	width: 900px;
	margin-top: 6px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
.threecol {
/*	background:#eee;		/* right column background colour */
}
.threecol .colmid {
	right:25%;			/* width of the right column */
/*	background:#fff;		/* center column background colour */
}
.threecol .colleft {
	right:50%;			/* width of the middle column */
/*	background:#f4f4f4;	/* left column background colour */
}
.threecol .col1 {
	width:46%;			/* width of center column content (column width minus padding on either side) */
	left:102%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:21%;			/* Width of left column content (column width minus padding on either side) */
	left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:21%;			/* Width of right column content (column width minus padding on either side) */
	left:85%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

#bg_v #top_menu {
	background-image: url(../images/top_menu.png);
	height: 38px;
	width: 840px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
}
#bottom {
	background-image: url(../images/bottom.png);
	height: 50px;
	width: 914px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #FFFFFF;
}
#bg_v #flash {
	height: 256px;
	width: 900px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/flash.gif);
	background-repeat: no-repeat;
}
#bg_v #sub_menu {
	position: absolute;
	width: 899px;
	top: 286px;
	height: 20px;
}

#contenido{
	margin: 0 auto;
	width: 900px;
	clear: both;
	padding-bottom: 10px;
	min-height: 400px;
}

#bg_v #content #box_text_home {
	height: 180px;
	width: 438px;
	font-size: 11px;
	color: #666666;
	text-align: justify;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#bg_v #content #elecciones {
	margin-top: 120px;
	height: 95px;
	width: 200px;
	float: right;
	margin-right: 20px;
	font-size: 11px;
	color:#333333;
	text-align: justify;
}
#bg_v #content #btn_ver {
	width: 70px;
	height: 12px;
	float: right;
	margin-top: 5px;
}
#bg_v #content #news {
	position: relative;
	height: 242px;
	width: 347px;
	background-image: url(../images/bg_box_news.png);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
}
#bg_v #content #link_box {
	height: 22px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	color: #999999;
	text-align: right;
	padding-right: 10px;
}
#bg_v #content {
	margin-top: 20px;
	margin-bottom: 10px;
}
#bottom #copyrigth {
	position: relative;
	top: 22px;
	text-align: center;
}

/* Varios */ 
.foto_flotante{
	float:left; 
	margin: 2px 10px 10px 0px;
	}
.tabla_novedades_flotante{
	width:300px; 
	float:left; 
	margin: 2px 10px 10px 35px;
	}
/* Desplegables */
h3.apartadodesplegable a
{


}
div.desplegable
{
	background-color:RGB(246, 222, 186);

}
a.selector:hover
{
	color: #666666;
	text-decoration: none;

}
a.selectorseleccionado:hover
{
	color: #666666;
	text-decoration: none;

}
a.selector
{
	color: #0066CC;
	text-decoration: none;

}
a.selectorseleccionado
{
	text-decoration: none;
	background-color:RGB(223, 220, 241);
}
/* Contacto */
fieldset{
	border:1px solid #666;
}
label {
	width:40%;
	display:block;
	float:left;
	text-align:right;
}
input{
	border:1px solid #949494;
	background: #FFF;
	margin-bottom:1px;
}
input:focus{
	background: #FCF7E2;
}
#submit{
	float:right;
	margin: 0 5px 5px 0;
}
textarea{
	width:200px;
	height:100px;
	border:1px solid #949494;
	background: #FFF;
}
textarea:focus{
	background: #FCF7E2;
}
#col2{

	width: 36%;	
	float: right;
	margin-top: 7px;
	margin-right: 15px;
	border-bottom: #D0D9E6 1px solid;
}
#col1{
	margin-right: 10px;
	width: 60%;
	float: left;
}
.texto{
	font-size: 75%;
	border-bottom: #D0D9E6 1px solid;
	padding-bottom: 5px;
}
span.c2 {color:red;font-weight:bold;}
span.c1 {color:c00;}

/**
 * Clearfix
 */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*.clearfix {display: inline-block;}
*/
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.important-title {font-size: 19px; color: #335577;}
.important-title a:link {text-decoration:none; color: #335577;} 
.important-title a:visited {text-decoration:none; color:#335577;} 
.important-title a:active {text-decoration:none; color:#335577;}
.important-title a:hover {text-decoration:underline; color:#335577;}

.smaller-title {font-size: 17px; color: #335577;}
.smaller-title a:link {text-decoration:none; color: #335577;} 
.smaller-title a:visited {text-decoration:none; color:#335577;} 
.smaller-title a:active {text-decoration:none; color:#335577;}
.smaller-title a:hover {text-decoration:underline; color:#335577;}

.intro-home {
	font-size:12px;
}

.content-separator, .archive-separator {
	background: #D5D5D5;
	clear: both;
	color: #FFE;
	display: block;
	font-size: 0;
	line-height: 0;
	height: 1px;	
}
.content-separator {margin: 20px 0;}
.archive-separator {margin: 10px 0;}

img.bordered,img.alignleft,img.alignright,img.aligncenter {
	background-color: #FFF;
	border: 1px solid #DDD;
	padding: 3px;
}

.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}

/*
img.bordered,img.alignleft,img.alignright,img.aligncenter {
	background-color: #FFF;
	border: 1px solid #DDD;
	padding: 3px;
}
img.alignleft, img.left {margin: 0 1.5em 1em 0;}
img.alignright, img.right {margin: 0 0 1em 1.5em;}

.center-wrapper {
	margin: 0 auto;
	width: 980px;
}
.main {margin-bottom: 18px;}

.main#main-three-columns {background: url('img/main-three-columns.gif') repeat-y right top;}
.main#main-three-columns .sidebar {width: 193px;}
.main#main-three-columns #main-left {width: 520px;}
.post a {text-decoration: none;}
.post a:hover {text-decoration: underline;}

.post img.left, .post img.right {margin-bottom: 0;}
.post-title h1, .post-title h2, .post-title h3 {margin-bottom: 0;}
.post-body {font-size: 1.1em;}
.post-body a {color: #039;}
.post-body a:hover {color: #039;}

.post-body img.left, .post-body img.right {margin-bottom: 1em;}
.small {font-size: 0.9em;}
.smaller {font-size: 0.8em;}
.smallest {font-size: 0.7em;}

.large {font-size: 1.15em;}
.larger {font-size: 1.25em;}
.largest {font-size: 1.35em;}

.hidden {display: none;}

.quiet {color: #999;}
.loud {color: #000;}
.highlight {background:#ff0;}

.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-separator {padding: 0 5px;}
.content-separator, .archive-separator {
	background: #D5D5D5;
	clear: both;
	color: #FFE;
	display: block;
	font-size: 0;
	line-height: 0;
	height: 1px;	
}
.content-separator {margin: 20px 0;}
.archive-separator {margin: 10px 0;}
.col3 {width: 32%;}
.col3-mid {margin-left: 2%;}
.left,.alignleft {float: left;}
.right,.alignright {float: right;}
.sidebar a {text-decoration: none;}
.sidebar a:hover {text-decoration: underline;}

#sidebar-1 {margin-left: 37px;}
.section {margin-bottom: 16px;}
.section-title {
	background-color: #F2F6FA;
	border-top: 2px solid #ABC;
	font: bold 1.1em sans-serif;
	margin-bottom: 5px;
	min-height: 0;
	padding: 5px 8px 6px;
}
ul.plain-list li, ul.nice-list li, ul.tabbed li {list-style: none;}*/