/* ARQUITECTOS GS =================================================================================== */

/* RESET =================================================================================== */
 
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

a, a:link, a:visited, a:active {
	border: none;
	color: #666;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

hr {
	display: none;
}

p {
	margin: 0 0 10px 0;
	/* line-height: 16px; */
}

strong {
	font-weight: bold;
}

.text_hide {
	display: block;
	text-indent: -9999px;
}

.show {
	display: block;
}

.hide {
	display: none;
}

/* BODY =================================================================================== */

body {
	font-family: Arial, Helvetica, 'Helvetica Neue', Verdana, sans-serif;
	background-color: #1f0603;
	background-image: url(../img/bg/bg_body.jpg);
	background-repeat: repeat-x;
	font-size: 13px;
	color: #666;
}

body#pg_inicio {
	background-color: #f2f4ee;
}

body#pg_proyectos, body#pg_servicios, body#pg_contactenos, body#pg_varios {
	background-position: 0 -240px;
}

/* LAYOUT =================================================================================== */

#head_wrap {
	background-image: url(../img/bg/bg_wrapper.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: auto;
	margin: 0 0 20px 0;
	padding: 0 0 15px 0;
}

#pg_inicio #head_wrap {
	border-bottom: 1px dotted #ccc;
}

#head {
	width: 960px;
	margin: 0 auto;
}

#pg_inicio #feature {
	height: 375px;
}

#feature {	
	height: 70px;
}

#content_wrap {
	overflow: auto;
	background-color: #f2f4ee;
	background-image: url(../img/bg/bg_body.jpg);
	background-repeat: repeat-x;
	background-position: center -495px;
}

#pg_inicio #content_wrap {
	background-color: transparent;
	background-image: none;
}

#content {	
	width: 960px;
	margin: 10px auto 30px auto;
	overflow: auto;
	margin-top: 0px;
}

#content_left {
	float: left;
	width: 360px;
	margin-right: 25px;
}

#content_right {
	float: left;
	width: 575px;
}

#foot_wrap {
	background-color: #1f0603;
	background-image: url(../img/bg/bg_foot.png);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: auto;
}

#foot {
	width: 960px;
	margin: 0 auto;
	padding: 35px 0 68px 0;
	overflow: visible;
	border-top: 1px dotted #666;
}

/* HEADER =================================================================================== */

#header {
	height: 110px;
	margin-bottom: 40px;
}

#logo {
	display: block;
	background-image: url(../img/logo/gs-arquitectos.png);
	margin-top: 36px;
	float: left;
	width: 178px;
	height: 34px;
}

/* NAVIGATION =================================================================================== */

ul#nav {
	padding: 0;
	margin: 44px 0 0 120px;
	float: left;
	height: 33px;
	/*width: 302px;*/
	/* width: 161px; */
	list-style: none;
}

#nav li {
	float: left;
	list-style: none;
}

#nav li a {
	display: block;
	background-color: transparent;
	background-image: url(../img/bg/bg_nav.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 26px;
}

#nav li#inicio, #nav li#inicio a:link, #nav li#inicio a:visited, #nav li#inicio a:active {
	background-position: 0 0;
	width: 57px;
	margin-right: 12px;
}

#nav li#proyectos, #nav li#proyectos a:link, #nav li#proyectos a:visited, #nav li#proyectos a:active {
	background-position: -57px 0;
	width: 92px;
	margin-right: 12px;
}

#nav li#quienes, #nav li#quienes a:link, #nav li#quienes a:visited, #nav li#quienes a:active {
	background-position: -150px 0;
	width: 129px;
	/*margin-right: 12px;*/
}

#nav li#servicios, #nav li#servicios a:link, #nav li#servicios a:visited, #nav li#servicios a:active {
	background-position: -279px 0;
	width: 125px;
	margin-right: 12px;
}

#nav li#contactenos, #nav li#contactenos a:link, #nav li#contactenos a:visited, #nav li#contactenos a:active {
	background-position: -279px 0;
	width: 125px;
}

#nav li#inicio a:hover {
	background-position: 0px -33px;
}

#nav li#proyectos a:hover {
	background-position: -57px -33px;
}

#nav li#quienes a:hover {
	background-position: -150px -33px;
}

#nav li#servicios a:hover {
	background-position: -279px -33px;
}

#nav li#contactenos a:hover {
	background-position: -279px -33px;
}

#pg_inicio #nav li#inicio, #pg_inicio #nav li#inicio a:link, #pg_inicio #nav li#inicio a:visited, #pg_inicio #nav li#inicio a:active {
	background-position: 0px -66px;
	height: 33px;
}

#pg_proyectos #nav li#proyectos, #pg_proyectos #nav li#proyectos a:link, #pg_proyectos #nav li#proyectos a:visited, #pg_proyectos #nav li#proyectos a:active {
	background-position: -57px -66px;
	height: 33px;
}

#pg_quienes #nav li#quienes, #pg_quienes #nav li#quienes a:link, #pg_quienes #nav li#quienes a:visited, #pg_quienes #nav li#quienes a:active {
	background-position: -150px -66px;
	height: 33px;
}

#pg_servicios #nav li#servicios, #pg_servicios #nav li#servicios a:link, #pg_servicios #nav li#servicios a:visited, #pg_servicios #nav li#servicios a:active {
	background-position: -279px -66px;
	height: 33px;
}

#pg_contactenos #nav li#contactenos, #pg_contactenos #nav li#contactenos a:link, #pg_contactenos #nav li#contactenos a:visited, #pg_contactenos #nav li#contactenos a:active {
	background-position: -279px -66px;
	height: 33px;
}

/* BUTTONS =================================================================================== */

a#btn_descubre:link, a#btn_descubre:visited, a#btn_descubre:active {
	display: block;
	background-image: url(../img/btn/btn_descubre.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 46px;
	width: 176px;
	text-indent: -9999px;
	margin: 20px 0 0 20px;
}

a#btn_descubre:hover {
	background-position: 0px -46px;
}

a.btn_proyecto:link, a.btn_proyecto:visited, a.btn_proyecto:active, a.btn_servicio:link, a.btn_servicio:visited, a.btn_servicio:active {
	display: block;
	background-image: url(../img/btn/btn_proyecto.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 35px;
	width: 175px;
	text-indent: -9999px;
	margin: 20px 0 0 0;
}

a.btn_servicio:link, a.btn_servicio:visited, a.btn_servicio:active {
	background-image: url(../img/btn/btn_servicio.png);
	margin: 5px auto;
}

a.btn_proyecto:hover, a.btn_servicio:hover {
	background-position: 0px -35px;
}

/* FEATURE =================================================================================== */

#feature_txt {
	float: left;
	width: 385px;
	margin-top: 15px;
}

#feature_img {
	float: right;
	margin-top: 10px;
}

#photos {
	width: 575px;
	height: 365px;
	overflow: hidden;
}

#photos img {
	position: absolute;
	width: 575px;
	height: 365px;
}

#feature h1 {
	font-size: 36px;
	height: 50px;
	width: 900px;
}

h1#inicio {
	font-size: 36px;
	background-image: url(../img/inicio/inicio_h1.png);
	height: 70px;
	width: 356px;
	margin-bottom: 20px;
}

h1#proyectos {
	background-image: url(../img/proyectos/proyectos_h1.png);
}

h1#haulotte {
	background-image: url(../img/proyectos/haulotte/haulotte_h1.png);
}

h1#albergue-medina {
	background-image: url(../img/proyectos/albergue-medina/albergue-medina_h1.png);
}

h1#vivienda-sobradiel {
	background-image: url(../img/proyectos/vivienda-sobradiel/vivienda-sobradiel_h1.png);
}

h1#coca-cola {
	background-image: url(../img/proyectos/coca-cola/coca-cola_h1.png);
}

h1#centro-juventud {
	background-image: url(../img/proyectos/centro-juventud/centro-juventud_h1.png);
}

h1#tgss-majadahonda {
	background-image: url(../img/proyectos/tgss-majadahonda/tgss-majadahonda_h1.png);
}

h1#hospital-mahon {
	background-image: url(../img/proyectos/hospital-mahon/hospital-mahon_h1.png);
}

h1#servicios {
	background-image: url(../img/servicios/servicios_h1.png);
}

h1#contactenos {
	background-image: url(../img/contactenos/contactenos_h1.png);
}

h1#terminos {
	background-image: url(../img/varios/terminos_h1.png);
}

h1#privacidad {
	background-image: url(../img/varios/privacidad_h1.png);
}

#feature h2 {
	font-size: 11px;	
	font-weight: bold;	
	color: #eb2a2e;
	text-transform: uppercase;	
	letter-spacing: 2px;
	margin: 0 0 10px 0;
}

#feature_txt p {
	font-size: 18px;
	line-height: 20px;
	color: #ccc;
	margin: 0 25px 10px 20px;
}

/* CONTENT =================================================================================== */

#content a {
	color: #eb2a2e;
}

#content .noticia {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #ccc;
}

#content .last {
	margin: 0;
	padding: 0;
	border-bottom: none;
}

#content h2 {
	font-size: 11px;	
	font-weight: bold;	
	color: #eb2a2e;
	text-transform: uppercase;	
	letter-spacing: 2px;
	margin: 0 0 10px 0;
}

#content h3 {
	font-size: 16px;
	font-weight: bold;
	color: #430d08;	
	text-transform: none;
	letter-spacing: normal;
	margin: 10px 0;	
}

#content h4 {
	font-size: 12px;
	font-weight: bold;
	color: #666;	
	text-transform: uppercase;
	letter-spacing: normal;
	margin: 10px 0;	
}

#content .noticia h2 {
	font-size: 16px;
	font-weight: bold;
	color: #430d08;	
	text-transform: none;
	letter-spacing: normal;
	margin: 0 0 5px 0;
}

#content .latest h2 {
	font-size: 26px;
	line-height: 26px;
}


#content p.published {
	font-size: 12px;
	color: #999;
	margin-top: 5px;
}

#content .noticia p.published {
	margin: 0;
}

#content_right li {
	float: left;
	width: 175px;
	list-style: none;
	margin: 0 25px 0 0;
}

#content_right li.last {
	margin: 0 0 0 0;
}

#projects_arquitectura, #projects_fachadas {
	overflow: auto;
	clear: both;
}

#projects_arquitectura li, #projects_fachadas li {
	float: left;
	width: 176px;
	list-style: none;
	margin-right: 20px;
}

#projects_arquitectura li {
	margin-bottom: 30px;
}

#projects_arquitectura li.last, #projects_fachadas li.last {
	margin-right: 0px;
}

#project_overview {
	margin-bottom: 10px;
	padding-bottom: 0px;
	border-bottom: 1px dotted #ccc;
}

#project_overview p {
	font-size: 18px;
	line-height: 22px;
}

#project_data {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}

#project_photos li {
	margin-bottom: 20px;
}

#project_photos ul.last li {
	margin-bottom: 0;
}

.srv_headers li {
	float: left;
	width: 225px;
	list-style: none;
	margin: 0 20px 0 0;
	border-radius: 10px;
}
.srv_headers li.last {
	margin-right: 0;
}

.srv_headers li ul li {
	float: none;
	list-style: disc;
	width: auto;
	margin: 0 20px;
}

div.tarifas {
	/*
background-color: #ddd;
	padding: 3px 5px 15px 12px;
	margin: 25px 0 0 0;
	border-radius: 10px;
	color: #888;
	font-size: 11px;
	display: none;
*/
}

div.tarifas h2 {
	padding-top: 20px;
}

div.tarifas table {
	background-color: #ddd;
	border: 1px solid #ccc;
	font-size: 12px;
	border-radius: 10px;
	color: #666;
}

div.tarifas table thead th {
	width: 19%;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 0 1px 1px rgba(255,255,255, 0.85);
	padding: 10px 0;
	color: #430d08;
}

div.tarifas table thead th.empty {
	width: 24%;
}

div.tarifas table tbody th {
	padding: 5px;
	text-align: right;
	color: #430d08;
	vertical-align: middle;
}

div.tarifas table tbody td, div.tarifas table tfoot td {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 5px;
	text-align: center;
	background-color: #fff;
	vertical-align: middle;
}

div.tarifas table tbody tr.precios td {
	font-size: 24px;
	padding: 10px inherit;
}

div.tarifas table tbody tr.precios td span {
	font-size: 11px;
}

div.tarifas table tbody tr.extras td {
	text-align: left;
	vertical-align: top;
}

div.tarifas table tbody tr.extras td ul {
	margin-left: 20px;
}

div.tarifas table tfoot td.right {
	border-bottom-right-radius: 10px;
} 

/*
#content .srv_headers div h4 {
	margin: 8px 0 5px 0;
	text-shadow: 0 1px 1px rgba(255,255,255, 0.85); 
}

.srv_headers div .btn_proyecto {
	padding: 0 50px;
}
*/
/*
.srv_headers li a {
	display: block;
	width: 225px;
	background-color: #eb2a2e;
	height: 120px;
	margin: 0 0 25px 0;
	border-radius: 10px;
}
*/


/* FOOT =================================================================================== */


#foot dl {
	float: left;
	width: 187px;
	margin: 0 25px 20px 0;
}

#foot dt {
	font-size: 11px;		
	font-weight: bold;
	color: #eb2a2e;
	text-transform: uppercase;	
	letter-spacing: 2px;
	margin: 0 0 10px 0;
}

#foot dd {
	font-size: 12px;
	color: #666;
	line-height: 20px;
}

#foot p {
	clear: both;
	font-size: 11px;
	color: #666;
}

#foot a:hover {
	color: #ccc;
}

/* VARIOS =================================================================================== */

#pg_varios h3 {
	margin: 20px 0 5px 0;
}

#pg_varios ol {
	list-style-position: outside;
	margin: 10px 25px;
	font-size: 16px;
	font-weight: bold;
	color: #430d08;
}

#pg_varios ol p {
	color: #666;
	font-size: 12px;
	font-weight: normal;
}

span.obligatorio {
	color: #eb2a2e;
}

/* HIDDEN FANCYBOX FORMS =================================================================================== */
#form-1 {
	display: none;
}

div#data {
	width:700px;
}