html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
@font-face {
font-family: 'ArmataRegular';
src: url('fonts/Armata-Regular-webfont.eot');
src: url('fonts/Armata-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/Armata-Regular-webfont.woff') format('woff'),
url('fonts/Armata-Regular-webfont.ttf') format('truetype'),
url('fonts/Armata-Regular-webfont.svg#ArmataRegular') format('svg');
font-weight: normal;
font-style: normal;
}
body {
line-height: 1;
background:#5e5c5b; 
height:100%;
color: #837c79;
font: 10px/15px 'ArmataRegular';
text-align:justify;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}	
a {
text-decoration: none;
color: #837c79;
}
p {
margin: 1em 0;
}
#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(img/ajax-loader.gif) no-repeat center center;}

#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img{ width:auto; height:auto; position:relative; outline:none; border:none; }

#supersized a { z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#5e5c5b; display:block; }
#supersized a.image-loading { background:#5e5c5b url(img/ajax-loader.gif) no-repeat center center; width:100%; height:100%; }
#overlay {
width: 100%;
height: 100%;
background: url(img/trama.png);
position: fixed;
top: 0;
left: 0;
z-index: 50;
}
#contenedor {
position: relative;
width: 980px;
z-index: 100;
font-size: 1.2em;
}
#encabezado {
background: #fff;
margin-top: 50px;
width: 385px;
height: 105px;
padding: 22px 0 0 105px;
}
#menu {
background: #f7931e;
width: 595px;
padding: 25px 0 0 105px;
height: 40px;
position: relative;
}
#menu li {
float: left;
color: #fff;
position: relative;
}
#menu li span {
padding: 0 13px;
}
#menu li li span {
padding: 0 3px;
}
#menu li a {
color: #fff;
padding: 10px 0;
}
#menu li a:hover, .home #menu_home, .construccion #menu_construccion, .proyectos #menu_proyectos, .campo #menu_proyectos, .campo #menu_campo, .turismo #menu_turismo, .editorial #menu_editorial, .contacto #menu_contacto, .anuario #menu_anuario {
color: #734a1a;
}
ul#proy {
background: #837c79;
padding: 25px 0 0 30px;
width: 100px;
height: 40px;
position: absolute;
right: -235px;
top: 0;
}
ul#proyectos {
position: absolute;
width: 450px;
left: -10px;
top: 20px;
font-size: .8em;
}
#principal {
background: #fff;
width: 800px;
padding: 30px 30px 30px 105px;
}
.anuario #principal {
background: #fff url(img/ajax-loader2.gif) no-repeat center center;
}
#principal strong {
color: #f7931e;
font-size: .9em;
}
h1 {
color: #f7931e;
font-size: 1.3em;
text-transform: uppercase;
margin: 1em 0;
}
.destacado {
font-size: 1.1em;
text-transform: uppercase;
color: #000;
display: block;
}
.clear {
clear: both;
}
#pie {
position: relative;
background: #f7931e;
width: 800px;
padding: 3px 30px 0 105px;
height: 37px;
font-size: .8em;
color: #FFF;
margin-top: 50px;
margin-bottom: 50px;
z-index: 500;
}
#pie div {
background: #837c79;
padding: 3px 30px 0 105px;
width: 800px;
height: 17px;
position: absolute;
top: 20px;
left: 0;
}
#pie a {
color: #fff;
}
#proyectos, #proy {
display: none;
}
.proyectos #proyectos, .construccion #proy {
display: block;
}
.izquierda, .derecha {
float: left;
width: 270px;
}
.derecha {
margin-left: 30px;
}
.obras #principal {
width: 570px;
}
.contacto #principal {
width: 570px;
background: #837c79;
color: #FFFFFF;
}
.contacto #principal strong {
font-size: 1em;
color: #fff;
text-transform: uppercase;
}
.contacto #principal a {
color: #fff;
}
.contacto #principal a:hover {
color: #000;
}
#principal ul a {
color: #f7931e;
}
#principal ul li {
margin: .5em 0;
}
.campo #principal ul li {
list-style-type: disc;
list-style-position:inside;
}
ol {list-style-type: decimal;
list-style-position: inside;
}
.alinea_der {
float: right;
margin: 0 0 30px 30px;
}
label {
display: block;
margin-bottom: 3px;
}
input, textarea {
width: 260px;
padding: 10px 5px;
border: none;
color: #837c79;
font: 1em 'ArmataRegular';
}
textarea {
height: 50px;
}
input.button {
width: auto;
padding: 10px 20px;
margin: 0; 
background: #f7931e;
color: #fff;
}
form div {
margin-bottom: 15px;
}

#cssmenu {
	color:#FFF;
	list-style: none;
	margin-left: 600px;
	margin-top: 0px;
	padding-top: 50px;
	width: 12em;
}
#cssmenu li {
	font: 1.800em "Flama Condensed Basic", "Flama Condensed Semibold";
	margin: 0;
	padding: 0;
}
#cssmenu a {
	color: #ccc;
	display: block;
	margin: 0;
	padding: 1px 12px;
	text-decoration: none;
	font-weight:normal;
}
#cssmenu a:hover {
	background: #f7931e;
	color: #fff;
	padding-bottom: 1px;
}
#issue2, #issue3 {
display: none;
}