/* Less is more */

/*

------------------------------------------------------
Copyright Maxine Sherrin, www.westciv.com
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.
------------------------------------------------------

*/

body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
background-color: #cac4a0;
}

/* Has a background image to create the patterned panel down the left side of the page. */

#container {
padding: 0;
margin: 0;
background-image: url(images/container_bg.jpg);
background-repeat: repeat-y;
background-position: top left;
}

/* Banner near top of page that says the name of the whole site - also has crane background image. */

#main-title {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-right: 30px;
font-size: 1.5em;
font-weight:bold;
font-family: "Lucida Calligraphy Normal", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
letter-spacing: 5px;
text-align: right;
background-image: url(images/crane.jpg);
background-repeat: no-repeat;
background-position: top left;
background-color: #fcfad8;
height: 58px;
color: #000000;
padding-top: 90px;
}

/* Not contained in the main-text element. Has background image to create effect of continuation of crane image. */

h1 {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
font-size: 17px;
padding-bottom: 7px;
padding-top: 7px;
padding-left: 35px;
padding-right: 0;
font-weight: normal;
background-image: url(images/h1_bg.jpg);
background-repeat: repeat-y;
background-position: top left;
border-top: 1px  #81430d solid;
border-bottom: 5px  #81430d solid;
color: #f7f6ec;
background-color: #fcfad8;
}
#frase {
	position:absolute;
	width:142px;
	height:40px;

	font-size:12px;
	color:#FFF;
	text-align:center;
	z-index:42;
	left: 2px;
	top: 155px;
}
#buscador {
	position:absolute;
	width:115px;
	height:43px;
	z-index:43;
	left: -2px;
	top: 504px;
}
#banners {
	position:absolute;
	width:115px;
	height:300px;
	z-index:45;
	left: 2px;
	top: 560px;
}
/* Styles for the main text on the page. */

#main-text {
margin-top: 0;
margin-bottom: 0;
margin-left: 145px;
margin-right: 140px;
padding-right: 10px;
background-color: #fcfad8;
padding-top: 20px;
padding-left: 10px;
border-left: 1px #81430d solid;
border-right: 5px #81430d solid;
}

#main-text2 {
margin-top: 0;
margin-bottom: 0;
margin-left: 160px;
margin-right: 220px;
padding-right: 10px;
background-color: #fcfad8;
padding-top: 20px;
padding-left: 10px;
border-left: 1px #81430d solid;
border-right: 5px #81430d solid;
height:594px;
}


#main-text p.byline {
font-size: 12px;
font-weight:bold;
margin-top: 0.8em;
margin-bottom: 2.1em;
padding-left: 5px;
padding-top: 0.5em;
padding-bottom: 0.7em;
background-color: #DBDFBA;
text-align: left;
border-top: 0.1em solid #d2720c;
border-bottom: 0.1em solid #d2720c;
color: #987A3D;
}

#main-text2 p.byline {
font-size: 0.80em;
font-weight:bold;
margin-top: 0.8em;
margin-bottom: 2.1em;
padding-left: 5px;
padding-top: 0.5em;
padding-bottom: 0.7em;
background-color: #DBDFBA;
text-align: left;
border-top: 0.1em solid #d2720c;
border-bottom: 0.1em solid #d2720c;
color: #987A3D;
}

p {
margin: 0;
padding-top: 5px;
padding-bottom: 5px;
text-align: justify;
font-size: .9em;
line-height: 1.9em;
}
ul, ol {
margin: 0;
padding-top: 5px;
padding-bottom: 5px;
text-align: justify;
font-size: .7em;
line-height: 1.9em;
}
.texto_tabla{
margin: 0;
padding-top: 5px;
padding-bottom: 5px;
text-align: justify;
font-size: 11px;
line-height: 1.9em;
}



ol, ul {
margin-left: 25px;
}
#menuhor {
	position:absolute;
	width:865px;
	height:40px;
	z-index:40;
	margin-left: 160px;
	margin-right: 140px;
	top: 149px;
	left: 2px;
}
#menuh {
	margin-left: 0px;

}

#menuh ul {
list-style:none;
width:100%;
margin:0;
padding:0;

}

#menuh ul li {
background-color:#455b2c;
width:110px;
height: 40px;
float:left;
text-align:center;
margin-right:1px;
border-right:1px solid #D4CBAA;
border-left:1px solid #D4CBAA;
}

#menuh ul li a {
display:block;
font:bolder 11px/13px arial,sans-serif;
color:#FFFFFF;
text-decoration:none;
padding:5px 5px 5px 8px;
}

a.top {height:10px;}

#menuh ul li a:hover {
	background-color:#b5b292;
	border-left:4px solid brown;
	padding:5px 5px 5px 4px;
	height: 30px;
	font-family: arial, sans-serif;
}

#menuh ul li {position:relative;}
#menuh ul li ul {display:none;position:absolute;top:40px;left:0;}

#menuh ul li:hover ul {display:block;}
#menuh ul li:hover ul ul{display:none;}
#menuh ul li:hover ul li:hover ul{display:block;left:130px;height: 40px;}

#menuh ul li ul li {position:relative;background:#d4cbaa;border-top:1px solid #fff;width:110px;height: 40px;}
#menuh ul li ul li ul li{background:#bd6117;width:110px; height: 40px;}
#menuh ul li ul li ul {position:absolute;top:0;left:84px;}


h2 {
font-size: .9em;
font-weight: bold;
margin: 0;
padding-top: 5px;
padding-bottom: 5px;
}

a:link, a:visited {
text-decoration: none;
font-weight: bold;
color: #46aa8d;
}

a:hover {
text-decoration: none;
font-weight: bold;
border-bottom: 3px #transparent solid;
}

/* Styles for the navbar on the left side. */
/*tamaño de tipografia*/
#left-menu{
	position: absolute;
	z-index:39;
	top: 195px;
	left: 0;
	width: 144px;
	/*font-size: 1.2em;*/
padding-top: 25px;
	padding-bottom: 25px;
	font-weight: bold;
	border-top: 1px #8aa863 solid;
	border-bottom: 1px #8aa863solid;
	/*background-color: #8a8a8a;*/
background-image: url(images/fondo_menu_left.jpg);
	background-repeat:no-repeat;
	background-color:#445a28;
}

#left-menu ul {
display: block;
color: #f7f6ec;
text-align: right;
padding-right: 7px;
padding-bottom: 8px;
padding-top: 8px;
/*border-bottom: 1px transparent solid;*/
list-style:none;
width:100%;
margin:0;
padding:0;
}

#left-menu ul li {
display: block;
color: #f7f6ec;
text-align: left;
padding-right: 10px;
padding-bottom: 8px;

padding-top: 8px;
/*border-bottom: 1px transparent solid;*/
}
/*color, tipografia y ubicación de botones principales*/
#left-menu ul li a {
display:block;
font:bolder 1.2em/1.3em verdana, arial, helvetica, sans-serif;
color:#f7f6ec;
text-decoration:none;
padding:5px 5px 5px 10px;
}
/*end*/
/*class para distancia entre botones*/ 
a.topa  {height:25px;}
/*end*/
#left-menu ul li a:hover {
color: #d8d3a1;
/*border-bottom: 1px #d8d3a1 solid;*/
}

#left-menu ul li {
	position:relative;
}
/*distancia a la derecha de la sub botonera*/
#left-menu ul li ul {display:none;position:absolute;top:0;left:120px;}
/*end*/
#left-menu ul li:hover ul {display:block;}
#left-menu ul li:hover ul ul{display:none;}
#left-menu ul li:hover ul li:hover ul{display:block;left:130px;}

#left-menu ul li ul li {position:relative;background:#844411;border:1px double #fff;width:140px;font:bolder 1.2em/1.3em verdana, arial, helvetica, sans-serif;padding-right:20px;padding-left:2px;}
#left-menu ul li ul li ul li{background:#bd6117;width:130px;}
#left-menu ul li ul li ul {position:absolute;top:0;left:84px;}
.azul {
z-index:40;
background-color: #354c7f;
width:123px;
}
.rojo {
z-index:41;
background-color: #e94b1a;
width:123px;
}
.verde {
z-index:42;
background-color: #009900;
width:123px;
}
.amarillo{
z-index:43;
background-color: #dee63a;
width:123px;
} 
.violeta{
z-index:44;
background-color: #81599b;
width:123px;
} 
.naranja{
z-index:45;
background-color: #f4aa1c;
width:123px;
} 
.sincolor{
z-index:45;
width:123px;
} 
/* Styles for the pullquote on the right side. */

#right-column {
	position: absolute;
	top: 155px;
	right: -3px;
	width: 124px;
}

#right-column strong {
font-style: italic;
font-size: .7em;}

#right-column p {
font-style: italic;
font-size: 1em;
font-weight:bold;

padding-left: 10px;
padding-right: 5px;
padding-top: 50px;
line-height: 1.5em;}

#extras{
float:right;
width:120px;
margin:0 0 10px 0;
padding:0;
color:#FFFFFF;
font-size:0.9em;
line-height:1.5em;
}

#extras p{
margin:0 0 1.5em 0;
}

#footer {
text-align: left;
margin-bottom: 0;
padding-top: 6px;
padding-bottom: 6px;
font-size: .6em;
margin-top: 0;
background-image: url(images/footer_bg.jpg);
background-repeat: repeat-y;
background-color: #FCFAD8;
border-top: 5px #81430d solid;
padding-left: 28%;
}

#footer a:link, #footer a:visited {
color: #576e3a;
}

#footer a:hover {
color: #576e3a;
border-bottom: 3px #576e3a solid;
}

/*Estilo para insertar imagenes*/

#container img {
float:left;
margin-right:20px;

}
.right-imagen {
float:right;
margin-left:20px;
}
.borde_foto {
	padding: 2px;
	border: 1px solid #184007;
}
.borde_tabla{
border: 1px solid #184007;
}
.enlace{
cursor:pointer;

}
.fondo_buscar_tit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #46aa8d;
	/*background-color: #46aa8d;*/
}

.notanovedades{
    float:left;
	z-index:36;
	width:50%;
	left:0px;
	margin-top:30px;
	height:350px;
	background-color:#f3eddb;
}
.notanovedades #cuerpo{
	font-family:"Trebuchet MS", Verdana;
	font-size:13px;
	font-weight:normal;
	color:#000000;
	text-align:justify;
	padding:4px;
	height:100%;
}
.notanovedades #copete{
	font-family:"Trebuchet MS", Verdana;
	font-size:13px;
	font-weight:normal;
	color:#000000;
	text-align:justify;
	padding:4px;
}
.notanovedades #area{
	color:#FFFFFF;
	text-align:left;
	font-size:11px;
	background-color:#1A3C84;
	padding:2px;
	text-transform:none;
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.notanovedades #categoria{font-family:"Trebuchet MS", Verdana;font-size:10px;font-weight:bold;color:#FFFFFF;background-color:#AC8F39;}
.notanovedades #titulo{
	font-size:15px;
	font-weight:bold;
	color:#6c4d0e;
	background-color:#FFFFFF;
	text-align:center;
	text-transform:uppercase;
	padding-top:2px;
	padding-bottom:2px;
	font-family:"Trebuchet MS", Verdana;
	border-bottom-width:thin;
	border-bottom-style:solid;
	border-bottom-color:#990000;
}
.notanovedades #fecha{font-size:9px;font-weight:normal;color:#666666;text-align:right;padding:1px;}
.notanovedades img{float:right;padding:4;border:0;margin:5px;}
.notanovedades video{width:200px;float:right;height:160px;padding-top:2px;padding-right:1px;padding-bottom:2px;padding-left:3px;}
.notanovedades audio{width:80%;padding:3px;}
.notanovedades a{text-decoration:none;}
.notanovedades a:hover{color:#a7a194;}
.notajueves{
	/*position:absolute;
	z-index:38;
	width:323px;
	left:555px;
	top:361px;
	height:332px;
	background-color:#F8F3C0;
	visibility:visible;*/
	
	float: right;
	left:390px;
	width:50%;
	margin-top:30px;
	
	height:350px;
	z-index:38;
	background-color:#faf1f1;
}
.notajueves #titulo{
	font-family:"Trebuchet MS", Verdana;
	font-size:15px;
	font-weight:bold;
	color:#1A3C84;
	background-color:#FFFFFF;
	text-align:center;
	text-transform:uppercase;
	padding-top:2px;
	padding-right:2px;
	padding-bottom:2px;
	padding-left:2px;
	border-bottom-width:thin;
	border-bottom-style:solid;
	border-bottom-color:#585858;
}
.notajueves a:hover{color:#1A3C84;}
.notajueves #cuerpo{
	color: #666;
	text-align:justify;
	font-size:13px;
	padding:8px;
	font-family:"Trebuchet MS", Verdana;
}
.notajueves #copete{
	color: #666;
	text-align:justify;
	font-size:13px;
	padding:8px;
	font-family:"Trebuchet MS", Verdana;
}
.notajueves #area{
	font-size:11px;
	font-weight:normal;
	background-color:#1A3C84;
	color:#FFFFFF;
	text-align:left;
	font-family:"Trebuchet MS", Verdana;
	padding:2px;
	text-transform: none;
}
.notajueves #categoria{
	font-family:"Trebuchet MS", Verdana;
	font-size:10px;
	font-weight:bold;
	color:#FFF;
	background-color:#b41111;
	text-transform: uppercase;
}
.notajueves #fecha{font-size:9px;font-weight:normal;color:#666666;text-align:right;padding-top:2px;padding-right:5px;padding-bottom:2px;}
.notajueves img{float:left;padding-top:3px;padding-right:5px;padding-bottom:3px;padding-left:2px;border:0px;}
.notajueves video{width:200px;float:left;height:160px;padding-top:3px;padding-right:5px;padding-bottom:3px;padding-left:2px;}
.notajueves audio{float:left;padding-top:3px;padding-right:5px;padding-bottom:3px;padding-left:2px;}

/*.notajueves #cuerpo{font-family:"Trebuchet MS", Verdana;font-size:11px;color:#000000;text-align:justify;padding:4px;}
.notajueves #categoria{font-family:"Trebuchet MS", Verdana;font-size:10px;font-weight:bold;color:#FFFFFF;background-color:#DD6F00;}
.notajueves #copete{font-family:"Trebuchet MS", Verdana;font-size:10px;color:#000000;text-align:justify;padding-top:1px;padding-bottom:1px;}
.notajueves #area{color:#FFFFFF;text-align:left;font-size:10px;background-color:#1A3C84;padding:2px;text-transform:uppercase;}
.notajueves #titulo{font-size:11px;font-weight:bold;color:#1A3C84;background-color:#FFFFFF;text-align:center;text-transform:uppercase;padding-top:2px;padding-right:5px;padding-bottom:2px;padding-left:5px;font-family:"Trebuchet MS", Verdana;border-bottom-width:thin;border-bottom-style:solid;border-bottom-color:#EBDB10;}
.notajueves #fecha{font-size:9px;font-weight:normal;color:#666666;text-align:right;padding-top:2px;padding-right:5px;padding-bottom:2px;}
.notajueves img{float:right;padding-top:2px;padding-right:1px;padding-bottom:2px;padding-left:3px;}
.notajueves video{float:left;width:100%;}
.notajueves audio{float:left;width:100%;}
.notajueves a{text-decoration:none;}
.notajueves a:hover{color:#1A3C84;}*/

.notaactividades{
float: left;
	z-index:37;
	width:50%;
	left:0px;
	top:603px;
	height:350px;
	background-color:#d3d0b7;
}
.notaactividades #area{
	color:#FFFFFF;
	text-align:left;
	font-size:11px;
	background-color:#1A3C84;
	padding:2px;
	text-transform:none;
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.notaactividades #categoria{font-family:"Trebuchet MS", Verdana;font-size:10px;font-weight:bold;color:#FFFFFF;background-color:#163671;}
.notaactividades #cuerpo{
	font-family:"Trebuchet MS", Verdana;
	font-size:13px;
	color:#333333;
	text-align:justify;
	padding:4px;
}
.notaactividades #fecha{font-size:9px;font-weight:normal;color:#666666;text-align:right;padding-top:2px;padding-right:5px;padding-bottom:2px;}
.notaactividades #titulo{
	font-size:15px;
	font-weight:bold;
	color:#1A3C84;
	background-color:#FFFFFF;
	text-align:center;
	text-transform:uppercase;
	padding:2px;
	font-family:"Trebuchet MS", Verdana;
	border-bottom-width:thin;
	border-bottom-style:solid;
	border-bottom-color:#CCB468;
}
.notaactividades img{float:left;padding-top:3px;padding-right:5px;padding-bottom:3px;padding-left:2px;}
.notaactividades video{float:left;width:60%;padding:2px;}
.notaactividades audio{float:left;width:60%;}
.notaactividades a{text-decoration:none;}
.notaactividades a:hover{color:#6c4d0e;}
.notacomunicados{
	float: right;
	z-index:46;
	background-color:#f0eadf;
	width:50%;
	left:390px;
	top:604px;
	height:350px;
	
	
}
.notacomunicados #titulo{
	font-family:"Trebuchet MS", Verdana;
	font-size:15px;
	font-weight:bold;
	color:#1A3C84;
	background-color:#FFFFFF;
	text-align:center;
	text-transform:uppercase;
	padding:2px;
	border-bottom-width:thin;
	border-bottom-style:solid;
	border-bottom-color:#585858;
}
.notacomunicados a:hover{color:#1A3C84;}
.notacomunicados #cuerpo{
	color:#666;
	
	text-align:justify;
	font-size:13px;
	padding:4px;
	font-family:"Trebuchet MS", Verdana;
	
	
	
}
.notacomunicados #copete{
	color:#666;
	text-align:justify;
	font-size:13px;
	padding:8px;
	font-family:"Trebuchet MS", Verdana;
	
}
.notacomunicados #area{
	font-size:11px;
	font-weight:normal;
	background-color:#1A3C84;
	color:#FFFFFF;
	text-align:left;
	font-family:"Trebuchet MS", Verdana;
	padding:2px;
	text-transform:none;
}
.notacomunicados #categoria{font-family:"Trebuchet MS", Verdana;font-size:10px;font-weight:bold;color:#FFFFFF;background-color:#5d4617;}
.notacomunicados #fecha{font-size:9px;font-weight:normal;color:#666666;text-align:right;padding-top:2px;padding-right:5px;padding-bottom:2px;}
.notacomunicados img{float:left;padding-top:3px;padding-right:5px;padding-bottom:3px;padding-left:2px;}
.notacomunicados video{width:200px;float:left;height:60px;padding-top:3px;padding-right:5px;padding-bottom:3px;padding-left:2px;}
.notacomunicados audio{width:200px;float:left;height:160px;padding-top:3px;padding-right:5px;padding-bottom:3px;padding-left:2px;}
.notacomunicados a:hover{color:#1A3C84;}

/*///////////////////////////////*/
.cuerpo{
	font-family:"Trebuchet MS", Verdana;
	font-size:13px;
	color:#333333;
	text-align:justify;
	padding:4px;
}
#notacomunicados_categoria{font-family:"Trebuchet MS", Verdana;font-size:10px;font-weight:bold;color:#FFFFFF;background-color:#5d4617;}
#notanovedades_categoria{font-family:"Trebuchet MS", Verdana;font-size:10px;font-weight:bold;color:#FFFFFF;background-color:#AC8F39;}
#notajueves_categoria{	font-family:"Trebuchet MS", Verdana;font-size:10px;font-weight:bold;color:#FFF;background-color:#b41111;text-transform: uppercase;}
#notaactividades_categoria{font-family:"Trebuchet MS", Verdana;font-size:10px;font-weight:bold;color:#FFFFFF;background-color:#163671;}

#titulo{
	font-size:15px;
	font-weight:bold;
	color:#1A3C84;
	background-color:#FFFFFF;
	text-align:center;
	text-transform:uppercase;
	padding:2px;
	font-family:"Trebuchet MS", Verdana;
	border-bottom-width:thin;
	border-bottom-style:solid;
	border-bottom-color:#CCB468;
}