/* 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;
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;
}

/* Styles for the main text on the page. */

#main-text {
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;
}

#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, 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;
}

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: 220px;
left: 0;
width: 160px;
/*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 30px;
}
/*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: 220px;
}

#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;}

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

#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;*/
}