html, body { margin: 0; padding: 0; text-align: center; height: 100%; }
html { background: white url(../img/fondo.jpg) left top; }
body { background: url(../img/fondo-top.jpg) repeat-x left top; font-family: arial, sans-serif; font-size: 11px; text-align: center; }
a img { border: none; }
ul { list-style-type: square; }
hr { border: none; clear: both; font-size: 1px; margin: 0; padding: 0; height: 1px; visibility: hidden; }
.clearleft { clear: left; }

#container { background: #827928; border: #5A563B solid 1px; border-top-width: 0; margin: 0 auto; width: 960px; }

#header { text-align: left; position: relative; width: 960px; height: 152px; z-index: 100; }
#header h1 { background: url(../img/cab-h1.jpg) no-repeat; margin: 0; height: 90px; text-indent: -1000px; overflow: hidden; }
#header h2 { background: #ccc url(../img/cab-h2.jpg) no-repeat left top; color: #fff; font-size: 19px; font-weight: normal; letter-spacing: 20px; margin: 0; padding: 8px 0 0 10px; text-transform: uppercase; height: 29px; width: 950px; overflow: hidden; }
#header ul { list-style-type: none; text-align: left; margin: 0; padding: 0; }

#menu { background: #000; position: relative; height: 25px; z-index: 100; }
#menu li { background: url(../img/menu.gif) no-repeat; display: block; float: left; list-style-type: none; margin: 0; padding: 0; position: relative; text-align: center; width: 137px; z-index: 100; }
#menu a { color: #000; display: block; font-size: 11px; padding-top: 7px; position: relative; text-decoration: none; text-transform: uppercase; z-index: 100; width: 137px; height: 18px; }
#menu a:link, #menu a:visited {}
#menu a:active, #menu a:hover { }
#menu ul { background: #827928; border: #5A563B solid 1px; overflow: hidden; position: absolute; height: 0; }
#menu ul li { background: none; }
#menu ul a { color: #fff; font-size: 9px; padding: 9px 0; height: auto; }
#menu ul a:hover { color: #000; }

ul#menuapoyo { margin-top: 8px; position: absolute; right: 0; z-index: 10; }
#menuapoyo li { display: block; float: left; list-style-type: none; padding: 0; margin: 0; }
#menuapoyo a { background: url(../img/menuapoyodot.gif) no-repeat left; color: #fff; float: left; font-size: 11px; padding: 0 5px 0 12px; text-decoration: none; text-transform: uppercase; z-index: 10; }
#menuapoyo a:hover { text-decoration: underline; }

#body { background: url(../img/fondo-body.gif) repeat-y left; position: relative; }
#submenu { list-style-type: none; margin: 0; padding: 0; position: absolute; left: 0; width: 156px; }
#submenu li { background: #ccc; margin: 0; padding: 0 0 37px 0; }
#submenu a { border: #fff solid; border-width: 1px 0; color: #000; display: block; padding: 4px 0; text-decoration: none; text-transform: uppercase; }

#content { background: #fff; font-size: 12px; line-height: 1.6; margin-left: 156px; padding: 26px 29px 0 29px; text-align: justify; z-index: 1; }
#content h3#titulo { border-bottom: #ccc solid 1px; color: #333; font-size: 14px; letter-spacing: 8px; margin: 0; margin: -15px 0 15px 0; text-transform: uppercase; }
#content h4 { background: url(../img/fondo-h4.jpg) repeat-y; color: #000; font-size: 12px; margin: 0.3em 0 0.3em -29px; padding: 0.3em 0.3em 0.3em 29px; text-transform: uppercase; }
#content h4+p { margin-top: 0; }
#content ul { margin: 0 0 1em 15px; padding: 0; }
#content .pCol { float: left; margin-right: 16px; }
#content .pCol p:first-child { margin-top: 0; }


#footer { clear: both; color: #dbd8c1; font-size: 11px; padding-top: 7px; position: static; height: 20px; z-index: 1; }
#footer a { color: #dbd8c1; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#fadeWrap {
	background: white url(../img/fondo.jpg) left top;
	position: fixed; top: 0; left: 0;
	width: 100%; height: 100%; z-index: 50000;
}
#fadeWrap img {
	background: #ffffff; border: #ccc solid 1px;
	margin: 100px auto; padding: 5px; text-align: center;
}



#submenu a { background: #CAC271; }

#content { background: #fff; font-size: 12px; line-height: 1.6; margin-left: 156px; padding: 26px 29px 0 29px; text-align: justify; z-index: 1; }
#content h3#titulo { border-bottom: #ccc solid 1px; color: #333; font-size: 14px; letter-spacing: 8px; margin: 0; margin: -15px 0 15px 0; text-transform: uppercase; }
#content .pagColumna { float: left; margin-right: 8px; width: 365px; }
#content .w150 { text-align: center; width: 150px; }
#content .w400 { text-align: center; width: 400px; }
#content .imgDerecha { float: right; font-size: 10px; line-height: 1.2; }
#content .imgDerecha strong { display: block; font-size: 11px; }
#content h4 { background: url(../img/fondo-h4.jpg) repeat-y; color: #000; font-size: 12px; margin: 0.3em 0 0.3em -29px; padding: 0.3em 0.3em 0.3em 29px; text-transform: uppercase; }
#otros #content h4 { background: none; margin-left: 0; padding-left: 0; }
#content h4+p { margin-top: 0; }
#content ul { margin: 0 0 1em 15px; padding: 0; }

#content .maqIzq { margin-top: -12px; }

#areaColaboradores dl { float: none; margin-top: 5px; }
#areaColaboradores dt { font-weight: bold; margin: 0 0 -1.5em 0; }
#areaColaboradores dd { margin: 0 0 0 6em; }

#maqtextoimgcol .maqIzq { margin-right: 16px; }
#maqtextoimgcol .maqDrc { margin-bottom: 8px; }
#maqtextoimgcol .maqDrc img { text-align: right; }
#maqtextoimgcol .pagColumna.maqDrc { margin-right: 0; }

#maqGeneral .pCol { float: left; margin-right: 16px; }
#maqGeneral .pCol p:first-child { margin-top: 0; }

.blqcontacto { border: #eee solid 1px; margin-bottom: 5px; }
#otros #content div.blqcontacto h4 { background: #ddd; color: #000; margin: 0; padding: 0.3em !important; text-transform: uppercase; }
.blqcontacto address { border-bottom: #eee dotted 1px; font-style: normal; margin: 0.5em 0.3em; padding: 3px 0; }

#content #obras { margin: 30px 0 0 0; padding: 0; overflow: hidden; height: 210px; width: 520px; }
#content #obras ul { margin: 0; padding: 0; }
#obras li { margin: 0 0 3px 0; padding: 0 24px; display: block; float: left; width: 82px; }
#obras li a { background: #fff; color: #333; display: block; font-size: 10px; line-height: 1.3; overflow: hidden; text-align: center; text-decoration: none; height: 122px; }
#obras li img { border: #000 solid 1px; }
#obraDetalle { background: url(../img/shadow.png) no-repeat right bottom; clear: both; position: fixed; top: 150px; left: 0; width: 806px; height: 426px; visibility: hidden; overflow: hidden; z-index: 1000; }
#obraDetalle h4 { background: #ddd; color: #000; margin: 0 0 0.3em 0; padding: 0.3em; font-size: 11px; height: 17px; overflow: hidden; }
#obraDetalle dl { float: left; margin-top: 5px; }
#obraDetalle dt { font-weight: bold; margin: 0; }
#obraDetalle dd { margin: 0 0 10px 0; }
#obraDetalle img { float: left; margin: 5px; }

#content #prensa { margin: 0; padding: 0; }
#prensa li { border: #eee solid; border-width: 0 1px 1px 0; float: left; list-style-type: none; margin: 5px 3px; padding: 5px; width: 350px; height: 160px; }
#prensa li.mesanyo { border: none; clear: right; font-weight: bold; width: 740px; height: auto !important; background: #ddd; margin: 0 0 0.3em 0; padding: 0.3em; }
#prensa li a { color: #015440; display: block; font-weight: bold; text-decoration: none; }
#prensa li a:hover { text-decoration: underline; }
#prensa li span { display: block; text-align: right; }
#prensa li span a { display: inline; }
#prensa li img { float: left; margin-right: 5px; }
#prensa.prensaadjudicaciones li { height: 100px; }
#prensa.prensaenlosmedios li { height: 100px; }
#navegador { clear: left; color: #ccc; }
#navegador strong { color: #000; }
#navegador p { margin-left: 8px; }
#navegador a { color: #015440; text-decoration: none; }
#navegador a:hover { text-decoration: underline; }

fieldset { border: none; margin: 0; padding: 0 0 0 10px; }
legend { color: #000; font-weight: bold; padding: 2px; }
#content form { margin: 0; padding: 0; }
#content label { display: block; float: left; font-size: 11px; width: 110px; }
#content input, #content textarea { border: #666 solid 1px; font-family: Arial, sans-serif; font-size: 11px; padding: 2px 4px; }
#content select, #content option { font-family: arial; font-size: 11px; }
#content option { border-bottom: #eee solid 1px; }
#content select { width: 120px; }
#content form .control { float: left; padding: 1px 0 1px 10px; width: 250px; }
#content form div.cols2 { width: 500px; }
#content form div.cols3 { width: 520px; }
#content form div.tercio { width: 170px; }
#content .inputtext { width: 120px; }
#content .inputtext360 { width: 130px; }
#content .inputfechadia, #content .inputfechames { text-align: center; width: 25px; }
#content .inputfechaano { text-align: center; width: 45px; }
#content .inputsubmit { background: #eee; }
#content .inputsubmitcompras { background: #eee; }
#content .submits { margin: 5px 0 0 0; text-align: center; }
#content .cols2 input, #content .cols2 textarea, #content .cols2 select { width: 370px; }
#content .cols3 input, #content .cols3 textarea, #content .cols3 select { width: 483px; }
#content .tercio input, #content .tercio select { width: 70px; }
#content .tercio label { width: 80px; }
#content form hr { border-bottom: #aaa solid 1px; clear: both; color: #fff; }

#content div#mapa { margin: 80px 0 0 48px; }
#content p.apoyo { font-size: 10px; margin: -14px 0 0 0; text-align: right; }
#content p.resumen { font-style: italic; }

#salaDePrensa #content #divimagencorporativa { background: #EAE25D; float: left; width: 410px; text-align: center; height: 304px; }
#salaDePrensa #content #divimagencorporativa img { border: #fff solid 1px; margin: 100px auto 0 auto; }
#salaDePrensa #content #divimagencorporativadl { float: left; margin-left: 15px; width: 320px; }
#salaDePrensa #content #divimagencorporativadl a { border: #ccc solid 1px; display: block; float: left; margin: 0 10px 30px 10px; text-align: center; text-decoration: none; width: 135px; height: 135px; overflow: hidden; }

#footer { background: #827928; }
#footer #grupojarquil { background: url(../img/logo-grupojarquil.gif) no-repeat; display: block; margin: -21px -1px 0 0; overflow: hidden; float: right; text-indent: -1000px; width: 145px; height: 28px; }