/*******************************************************************/
/*                                                                 */
/*                       CSS by PASSWORD                           */
/*                                                                 */
/*                     www.zonapassword.com                        */
/*                                                                 */
/*******************************************************************/

	
/*-----------------------------------------------------------------------------------*/
/* Landing                                                                            */
/*-----------------------------------------------------------------------------------*/

.intro{ margin:0; width:100%; height:100%; z-index:-1}
.intro img{ margin:0; width:100%; height:100%; }
.deslizar{width:64px; height:64px; position:absolute; left:40px;top:40px;margin:auto; z-index:10;}
.inicio {width:100%; margin-top:3%; height:1px; clear:both;}

/*-----------------------------------------------------------------------------------*/
/* Menú                                                                              */
/*-----------------------------------------------------------------------------------*/

nav { width:100%; height:auto; border-bottom: 0px; position:relative; overflow:hidden; float:right; }
nav ul { list-style:none; margin: 0px; padding: 0px;}
nav ul li{ width:100%; height:auto; font-family: "Lato"; font-size: 1.3em; font-weight: normal; text-align:center; border-bottom: 1px solid #FFF; border-left: 1px solid #FFF; border-right: 1px solid #FFF; }
nav ul li:hover{ text-decoration:underline;}
nav ul li a{ color: #fff; text-decoration:none; display:block; padding: 8% 0; position:relative; }
nav ul li a:hover {color: #048350; text-decoration:underline;}

#head-nav { width:90%; height:auto; border:solid 1px #FFF; padding: 10% 5%; text-align:center; float:right; display:inline; }
#but-nav { width:90%; height:auto; float:right; }
#lan-nav { font-family: inherit; font-size: 1.2em; color: inherit; position:fixed; bottom:5px; left:150px}

#lan-nav a{ font-size: 1.1em; color: #fff; text-decoration:none; padding:5px;}
#lan-nav a:hover{ font-size: 1.1em; color: #fff; text-decoration:none; color: #048350; background:#FFF;}
#descargas { font-family: inherit; font-size: 1.2em; color: inherit; position:fixed; bottom:5px; left:260px; z-index:1000;}
.contacto button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  border:0px;
  background:transparent;
}
.datos { padding:50px; display:none; background:#048350; border:#FFF 1px solid; width:auto; height:auto;}
.datos h1 { float:right; font-size:1.2em; margin:5px 0 5px 2px; padding-top:30px; padding-left:40px;}
.datos .desc { margin-bottom:10px;}
.datos .desc img{ margin-right:10px;}

.logo { width:95%; height:auto; position:relative; }
#boton { width:100%; height:auto; position:relative; margin-top:20px; font-size:1.3em;}

.btn { border: none; font-family: inherit; font-size: inherit; color: inherit; background: none; cursor: pointer; padding: 8% 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; width: 100%; height: auto; }
.btn:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; }

.btn-proyectos:hover, .btn-proyectos:active { color: #048350; background: #fff; }
.btn-proyectos-ac { color: #048350; background: #fff; border-bottom: 1px solid #fff;}
.btn-proyectos-ac:hover { color: #fff; background: #048350; }
.btn-empresa:hover, .btn-empresa:active { color: #e95f63; background: #fff; }
.btn-empresa-ac { color: #e95f63; background: #fff; border-bottom: 1px solid #fff;}
.btn-empresa-ac:hover { color: #fff; background: #e95f63; }
.btn-noticias:hover, .btn-noticias:active { color: #624d68; background: #fff; }
.btn-noticias-ac { color: #624d68; background: #fff; border-bottom: 1px solid #fff;}
.btn-noticias-ac:hover { color: #fff; background: #624d68; }
.btn-contacto:hover, .btn-contacto:active { color: #ae8b67; background: #fff; }
.btn-contacto-ac { color: #ae8b67; background: #fff; border-bottom: 1px solid #fff;}
.btn-contacto-ac:hover { color: #fff; background: #ae8b67; }
.btn-servicios:hover, .btn-servicios:active { color: #d9904c; background: #fff; }
.btn-servicios-ac { color: #d9904c; background: #fff; border-bottom: 1px solid #fff;}
.btn-servicios-ac:hover { color: #fff; background: #d9904c; }

.button{background-color:#000;border-radius:10px;box-shadow:0 2px 3px rgba(0,0,0,0.3);color:#fff;cursor:pointer;display:inline-block;padding:10px 20px;text-align:center;text-decoration:none}
.button.small{border-radius:15px;float:right;margin:22px 5px 0;padding:6px 15px}
.button:hover{background-color:#1e1e1e}
.button>span{font-size:2.0em}
.button.b-close,.button.bClose{border-radius:5px 5px 5px 5px;box-shadow:none;font:bold 131% sans-serif;padding:8px;position:absolute;right:-7px;top:-7px}.example{display:block;line-height:1.25;padding:30px 110px 15px 0}
#popup2,.bMulti{background-color:#fff;border-radius:10px 10px 10px 10px;box-shadow:0 0 25px 5px #999;color:#111;display:none;min-width:90%; height:auto;padding:25px; font:0.7em Arial,sans-serif;}
#popup2 iframe{ height:auto; min-height:240px;min-width:90%;}
.lt-ie9 .bModal{background-color:#000}

.iconos{ width:100%; margin-top:10%; text-align:center; float:left;}
.iconos img{ margin-right:8%;}


h1 { font-size: 1.6em; font-weight: normal; text-align: left; float:left; clear:both; text-shadow:0 1 0 #efe8c4;}
h2 { font-size: 1.3em; font-weight: normal; font-style:italic; text-align: left; float:left; clear:both; text-shadow:0 1 0 #efe8c4;}
h3 { font-size: 1.6em; font-weight: normal; text-shadow:0 1 0 #efe8c4;}
h4 { font-size: 1.5em; font-weight: normal; text-align: left; float:left; text-shadow:0 1 0 #efe8c4;}
h5 { font-size: 1em; font-weight: normal; font-style:normal; text-align: left; float:left; text-shadow:0 1 0 #efe8c4; clear:both;}
h6 { font-size: 1.1em; font-weight: normal; text-align:left; text-shadow:0 1 0 #efe8c4; clear:both;}

  
/*-----------------------------------------------------------------------------------*/
/*	Main + Proyectos
/*-----------------------------------------------------------------------------------*/

main { width:100%; height:auto; position:relative; float:left; }
main ul{ font-size:1.2em;}
main ul li{ margin-bottom:10px;}
#thumbnail { width:25%; height:auto; border-right: 1px solid #048350; border-bottom: 1px solid #048350; background-color:#FFF; padding: 3%; float:left; }
#thumbnail img{ width:100%; height:100%; z-index:1; }

.b-wrapper h6{ margin:10% 0 20% 0; text-align:center; }
.b-wrapper img{ width:50px; height:50px; position:relative; padding:36% 35% 30%; margin:-50% 0 5px 0; }

.b-wrapper-2 h6{ margin:10% 0 20% 0; text-align:center;}
.b-wrapper-2 img{ width:50px; height:50px; position:relative; padding:36% 35% 20%; margin:-50% 0 5px 0; }

.safari5 *{ -webkit-transform: none !important; -webkit-transition: none !important; }
.b-link-flow{ position: relative; display: inline-block; vertical-align: top; }
.b-link-flow .b-wrapper, .b-link-flow .b-wrapper-2{z-index:1;}
.b-link-flow .b-top-line{z-index:0}
.b-link-flow .b-wrapper, .b-link-flow .b-wrapper-2, .b-link-flow .b-top-line{
position:absolute;
width:101%;
height:101%;
top:0;
left:0;
text-transform:uppercase;
text-align:center;
color:#048350;
background: #fff;
visibility:hidden; 
}
.b-link-flow .b-wrapper, .b-link-flow .b-wrapper-2, .b-link-flow .b-top-line{
transition:all 0.6s ease;
-moz-transition:all 0.6s ease;
-ms-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
-webkit-transition:all 0.6s ease;
transform:scale(0);
-moz-transform:scale(0);
-ms-transform:scale(0);
-o-transform:scale(0);
-webkit-transform:scale(0);
opacity:0;
}
.b-link-flow:hover .b-wrapper, .b-link-flow:hover .b-top-line, .b-link-flow:hover .b-wrapper-2{
transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
-webkit-transform:scale(1);
opacity:1;
visibility:visible; 
}

.b-animate-go{ text-decoration:none; }
.b-animate{
transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
-webkit-transition:all 0.5s;
visibility:hidden; 
}

.b-animate-go:hover .b-animate{ visibility:visible; }
.b-scale{
position:relative;
transform:scale(0);
-moz-transform:scale(0);
-ms-transform:scale(0);
-o-transform:scale(0);
-webkit-transform:scale(0);
}
.b-animate-go:hover .b-scale{
transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
-webkit-transform:scale(1);
}
.b-opacity{ opacity:0; }
.b-animate-go:hover .b-opacity{ opacity:1; }

/*--------------------------------*/
/*	Ordenación Proyectos
/*--------------------------------*/
 
#ordenacion { width:100%; height:auto; max-width:102px; max-height:407px; min-width:51px; position:relative; overflow:hidden; float:left; }
#ordenacion ul { list-style:none; margin: 0; padding: 0; }
#ordenacion ul li { width:100%; height:auto; max-width:102px; max-height:102px; min-width:51px; min-height:51px; position:relative; float:left; }
.ico { width:100%; height:auto; max-width:102px; min-width:51px; position:relative; float:left; }
.ico:hover { opacity:1;}

#ordenacion ul li a{ background: url('../img/icons.png'); display:block;  width:100%; height:auto; max-width:102px; min-width:51px; position:relative; float:left;}
#ordenacion ul li a.icoalphabet {background-position: -0px -0px; width: 102px; height: 101px;}
#ordenacion ul li a.icoalphabet:hover{background-position: -0px -111px; width: 102px; height: 101px;}
#ordenacion ul li a.icoalphabet-act{background-position: -0px -111px; width: 102px; height: 101px;}
#ordenacion ul li a.icoalphabet-act:hover {background-position: -0px -0px; width: 102px; height: 101px;}
#ordenacion ul li a.icobudget {background-position: -0px -222px; width: 102px; height: 101px;}
#ordenacion ul li a.icobudget:hover{background-position: -0px -333px; width: 102px; height: 101px;}
#ordenacion ul li a.icobudget-act{background-position: -0px -333px; width: 102px; height: 101px;}
#ordenacion ul li a.icobudget-act:hover {background-position: -0px -222px; width: 102px; height: 101px;}
#ordenacion ul li a.icodate {background-position: -0px -444px; width: 102px; height: 102px;}
#ordenacion ul li a.icodate:hover{background-position: -0px -556px; width: 102px; height: 102px;}
#ordenacion ul li a.icodate-act{background-position: -0px -556px; width: 102px; height: 102px;}
#ordenacion ul li a.icodate-act:hover {background-position: -0px -444px; width: 102px; height: 102px;}
#ordenacion ul li a.icolocation {background-position: -0px -668px; width: 102px; height: 101px;}
#ordenacion ul li a.icolocation:hover{background-position: -0px -780px; width: 102px; height: 101px;}
#ordenacion ul li a.icolocation-act{background-position: -0px -780px; width: 102px; height: 101px;}
#ordenacion ul li a.icolocation-act:hover {background-position: -0px -668px; width: 102px; height: 101px;}


/*-----------------------------------------------------------------------------------*/
/*	Ficha de Proyectos
/*-----------------------------------------------------------------------------------*/

#slideshow { width:100%; height:auto; max-height:660px; min-height:330px; margin-bottom:3%; float:left; padding:3%; background:#FFF;}

/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

.theme-cbs .nivoSlider {
	position:relative;
	background:#fff;
    margin-bottom:10px;
}
.theme-cbs .nivoSlider img {
	position:absolute;
	top:0;
	left:0;
	display:none;
	/*height:523px;*/
}
.theme-cbs .nivoSlider a {
	border:0;
	display:block;
}

.theme-cbs .nivo-controlNav {
	text-align: center;
	padding: 10px 0;
}
.theme-cbs .nivo-controlNav a {
	display:inline-block;
	width:22px;
	height:22px;
	background:url(bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 2px;
}
.theme-cbs .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-cbs .nivo-directionNav a {
	display:block;
	width:23px;
	height:41px;
	text-indent:-9999px;
	border:0;
	opacity: 0;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.theme-cbs:hover .nivo-directionNav a { opacity: 1; }
.theme-cbs a.nivo-nextNav {
	background:url(../img/ico-sig.png) no-repeat;
	right:15px;
}
.theme-cbs a.nivo-prevNav {
	left:15px;
	background:url(../img/ico-ant.png) no-repeat;
}

.theme-cbs .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-cbs .nivo-caption a {
    color:#fff;
}
.theme-cbs .nivo-caption a:hover {
    color:#fff;
}

.theme-cbs .nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
.theme-cbs .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
.theme-cbs .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 80px;
	height: 80px;
}

#project-name{ width:100%; height:auto; margin-bottom:5%; float:left; }
#project-name h1{ }
#project-name h2{ }
#project-name h5{ }
#project-name h6{ }

#col { width:80%; overflow:hidden; border: 1px solid #FFF; margin-bottom:18%; float:left; }

#head-col { width:100%; height:auto; background-color:#FFF; padding: 6%; float:left; }
#head-col h3{ color: #048350; text-transform:uppercase; padding:0 0 10% 0; float:left; font-size:1.5em; line-height:1.0em}
#head-col h2{ color: #048350; margin-bottom:0; float:left; font-size:1.2em; line-height:1.5em}
.ico-cerrar { width:100%; height:auto; position:relative; float: right; }

#main-col { width:100%; height:auto; max-width:330px; min-width:165px; padding: 6%; float:left; }
#info-row { width:100%; height:auto; padding-bottom: 6%; float:left; }
#info-row h5{ width:100%; margin-bottom:-3%; float:left; font-size:1.2em; font-style:italic;}
#info-row h6{ width:100%; color: #fff; font-size:1.2em; text-align: left; float:left; }
#info-row a{ text-decoration:none; }
#info-row a:hover{ text-decoration:none; background:#FFF; color:#048350; }
.firstline{ height:20px;}

#txt-ficha { width:100%; height:auto; text-align: left;}
#txt-ficha p { text-align: left; margin:2% 0; font-size: 1.2em;}
#txt-ficha h1 { width:100%; clear:left; font-size:1.6em; text-shadow: #2b2521; margin-bottom:20px; width:100%; border-bottom:1px solid #fff; text-transform:uppercase;}

.proyectosrelacionados {position: relative; top: 0px; left: 0px; width: 830px; height: 125px; overflow: hidden;}
#social-new{ margin:40px 0; width:100%; text-align:right;}
/*-----------------------------------------------------------------------------------*/
/*	Servicios
/*-----------------------------------------------------------------------------------*/

#servicio { width:100%; height:auto; margin-bottom:6%; float:left; }
#img-servicio { width:40%; height:auto; background:#FFF;float:left; }
#img-servicio img{ width:100%; height:100%; margin:auto; z-index:1; }
#txt-servicio { width:60%; height:auto; padding-left: 3%; float:left; }
#txt-servicio h1 { width:100%; font-size: 1.6em; margin:0 0 6% 0;}
#txt-servicio p { width:100%; font-family: "Lato"; font-size: 1.1em; font-weight: normal; text-align: left; }
#txt-servicio ul { margin-top: 0px; font-size: 1.1em; list-style-type: square; }

#col-destacado { width:100%; height:auto; position:relative; overflow:hidden; margin-bottom:15%; float:left;}
.tit-destacado { width:100%; height:auto; padding:9% 0 9% 0; font-size: 1.2em; text-align:center; }
#thumb-destacado { width:88%; height:auto; background:#FFF; padding: 6%; float:left; }
#thumb-destacado img{ width:100%; height:100%; z-index:1; }

/*-----------------------------------------------------------------------------------*/
/*	Empresa
/*-----------------------------------------------------------------------------------*/

#img-main { width:100%; height:auto; background-color:#FFF; padding: 3%; margin-bottom:3%; float:left; }
#img-main img{ width:100%; height:100%; z-index:1; }
#pdfs { width:100%; float:left; }
.pdf { width:132px; height:90px; border:#FFF 1px solid; position:relative; float:left; text-align:center; margin:0 6% 6% 0; padding:6% 2%; vertical-align:middle; text-decoration:none;}
.pdf:hover { background:#FFF; border:#FFF 1px solid; position:relative; float:left; text-align:center; margin:0 6% 6% 0; padding:6% 2%; vertical-align:middle; text-decoration:none; color:#048350;}
.pdf-r { width:132px; height:90px; border:#FFF 1px solid; position:relative; float:right; text-align:center; margin:0 20% 6% 0; padding:6% 2%; vertical-align:middle; text-decoration:none;}
.pdf-r:hover { background:#FFF; border:#FFF 1px solid; position:relative; float:right; text-align:center; margin:0 20% 6% 0; padding:6% 2%; vertical-align:middle; text-decoration:none; color:#048350;}

#quienes { width:100%; height:auto; margin:4% 0 6% 0; float:left; }
#txt-presidente { font-size:1.0em; font-weight: normal; text-align: left; margin-bottom:3%;}
#txt-quienes { width:100%; height:auto; text-align: left; margin-bottom:80px}
#txt-quienes p { text-align: left; margin:2% 0; font-size: 1.2em;}
#txt-quienes ul { font-size: 1.1em; text-align: left; margin:2% 0;}
#txt-quienes h1 { width:100%; clear:left; font-size:1.6em; text-shadow: #2b2521; margin-bottom:30px; width:100%; border-bottom:1px solid #fff; text-transform:uppercase;}
#txt-quienes h2 { width:100%; clear:left; margin:-1% 0 0 0;font-size:1.4em; }

.img-inmov { width:100%; height:auto; float:left; }
.tit-inmov { width:100%; height:auto; padding:5% 0 5% 0; font-size: 1.2em; text-align:center; float:left; }

/*-----------------------------------------------------------------------------------*/
/*	Noticias
/*-----------------------------------------------------------------------------------*/

#post { width:100%; height:auto; margin-bottom:6%; float:left; }
#img-post { width:30%; height:auto; background-color:#FFF; padding: 3%; float:left; margin-right:10%; }
#img-post img{ width:100%; height:100%; z-index:1; }
#txt-post-1 { width:60%; height:auto; padding-left: 3%; float:left; }
#txt-post-2 { width:60%; height:auto; padding-right: 3%; float:left; }

#txt-post-1 h1 { width:100%; font-size: 1.5em; margin:0 0 3% 0;}
#txt-post-1 h2 { width:100%; font-size: 1em; margin:0}
#txt-post-2 h1 { width:100%; font-size: 1.5em; margin:0 0 3% 0;}
#txt-post-2 h2 { width:100%; font-size: 1em; margin:0}
#txt-post-1 p { width:100%; font-family: "Lato"; font-size: 1.1em; font-weight: normal; text-align: left; }
#txt-post-2 p { width:100%; font-family: "Lato"; font-size: 1.1em; font-weight: normal; text-align: left; }
#txt-post-1 a { width:100%; font-family: "Lato"; color: #fff; font-size: 1.1em; font-weight: normal; text-decoration:none; }
#txt-post-2 a { width:100%; font-family: "Lato"; color: #fff; font-size: 1.1em; font-weight: normal; text-decoration:none; }
#txt-post-1 a:hover { width:100%; text-decoration:none; background:#FFF; color:#048350; }
#txt-post-2 a:hover { width:100%; text-decoration:none; background:#FFF; color:#048350; }

.b-wrapper-3 img{ width:18%; height:36%; max-width:64px; min-width:32px; position:relative; padding:29% 41% 29% 41%; }

#slideshow-noticia { width:100%; height:auto; background-color:#FFF; padding: 3%; margin-bottom:4%; float:left; }
#slideshow-noticia img{ width:100%; height:100%; z-index:1; }

/*--------------------------------*/
/*	Ficha Noticias
/*--------------------------------*/

#paginado { width:100%; height:auto; position:relative; margin-top:6%; float:left; }

#head-news { width:100%; background-color:#FFF; padding: 6%; float:left; }
#head-news h3{ color: #048350; font-size: 1.4em; text-transform:uppercase; padding:0; float:left; }

/*-----------------------------------------------------------------------------------*/
/*	Contacto
/*-----------------------------------------------------------------------------------*/

#mapa { width:100%; height:auto; background:#FFF; padding: 3%; margin-bottom:4%; float:left; }
#mapa iframe{ width:100%; float:left; }

.head-contact { width:100%; height:auto; font-size: 1.2em; text-align: left; margin-bottom:6%; float:left; }

#content-form-1 { width:47%; height:auto; max-width:445px; min-width:222px; position:relative; float:left; }
#content-form-2 { width:47%; height:auto; max-width:445px; min-width:222px; position:relative; float:right; }

#contact-form { width:100%; height:auto; max-width:445px; min-width:222px; }
#contact-form input, #contact-form textarea, #contact-form label { font-family: "Lato"; color: #048350; font-size: 1.0em; font-weight: normal; text-align: left; } 
#contact-form input, #contact-form textarea { width:100%; height:auto; max-height: 80px; border-bottom:0px solid #048350; padding:4%; } 
 
#contact-form textarea { height:auto; max-height: 245px; overflow:hidden; } 
#contact-form #submit { width:100%; font-size: 2.5em; color:#fff; text-align: center; border:none; background: #048350; padding: 4%; } 
#contact-form #submit:hover { background-color: #a0815f; }

input:required, textarea:required { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; }
#contact-form .required { font-weight:normal; color: #ae8b67; }
#failure, #success { color: #ae8b67; display:none; }

#head-contact { width:100%; height:auto; background-color:#FFF; padding: 6%; float:left; }
#head-contact h3{ color: #048350; font-size: 1.1em; float:left; }
.ico-mail { width:100%; height:auto; max-width:67px; min-width:33px; margin-top:12%; position:relative; float: left; }

#caja-formulario { width:100%; height:auto; clear:both;}
/*-----------------------------------------------------------------------------------*/
/*	Footer
/*-----------------------------------------------------------------------------------*/
footer { width:100%; height:auto; margin: 4% 0 4% 0; position:relative; float: left; text-align:center; }
footer h6{ width:100%; color:#fff; text-align: center; font-size: 1.0em; line-height:20px; float:left; }
footer a{ color:#fff; text-align: left; text-decoration:none; }
footer a:hover{ color:#fff; text-align: left; text-decoration:underline; }
#sep { width:100%; height:1px; background-color:#FFF; margin-bottom: 4%; }
#password { width:100%; float:left; margin: 20px 0; text-align:center;}
#password h6{ width:100%; color:#fff; text-align: center; font-size: 0.9em; line-height:20px; float:left; }
#password img{ width:100%; max-width:105px; min-width:52px; text-align: center; float:left; }

/*-----------------------------------------------------------------------------------*/
/*	Media Queries
/*-----------------------------------------------------------------------------------*/

@media (max-width: 1920px){
	html { font-size:100%;}
	#txt-servicio h1 { width:100%; font-size: 1.8em; margin:0 0 6% 0;}
	#txt-servicio p { width:100%; font-family: "Lato"; font-size: 1.1em; font-weight: normal; text-align: left; }
	#txt-servicio ul { margin-top: 0px; font-size: 1.1em; list-style-type: square; }
}

@media (max-width: 1280px){
	html { font-size:90%;}
	#boton { font-size:0.7em;}
	#thumbnail { width:33.3333333333333%; height:auto; border-right: 1px solid #048350; border-bottom: 1px solid #048350; background-color:#FFF; padding: 3%; float:left; }
	#thumbnail img{ width:100%; height:100%; z-index:1; }
	nav ul li{ font-size: 1.2em; }
	#txt-servicio h1 { width:100%; font-size: 1.6em; margin:0 0 6% 0;}
	#txt-servicio p { width:100%; font-family: "Lato"; font-size: 1em; font-weight: normal; text-align: left; }
	#txt-servicio ul { margin-top: 0px; font-size: 1em; list-style-type: square; }
	#head-col h3{ color: #048350; text-transform:uppercase; padding:0 0 10% 0; float:left; font-size:1.16em; line-height:1.0em}
	#head-col h2{ color: #048350; margin-bottom:0; float:left; font-size:1.0em; line-height:1.5em}
	#info-row h5{ width:100%; margin-bottom:-3%; float:left; font-size:1.1em; font-style:italic;}
#info-row h6{ width:100%; color: #fff; font-size:1.0em; text-align: left; float:left; }
	#txt-quienes p { text-align: left; margin:2% 0; font-size: 1.1em;}
	#txt-quienes h1 { width:100%; clear:left; font-size:1.6em; text-shadow: #2b2521;}
	#txt-quienes h2 { width:100%; clear:left; margin:-1% 0 0 0;font-size:1.2em; }
	#lan-nav { font-family: inherit; font-size: 1.2em; color: inherit; position:fixed; bottom:5px; left:50px}
	#descargas { font-family: inherit; font-size: 1.2em; color: inherit; position:fixed; bottom:5px; left:150px; z-index:1000;}
	#txt-quienes { width:100%; height:auto; text-align: left; margin-bottom:30px}
	#col { width:95%; overflow:hidden; border: 1px solid #FFF; margin-bottom:18%; float:left; }
	#password { float:right; margin-top: 15px;}
	#pdfs { width:100%; float:left; }
	#pdfs a{ font-size:0.8em;}
	.pdf { width:85px; height:60px; border:#FFF 1px solid; position:relative; float:left; text-align:center; margin:0 6% 6% 0; padding:6% 2%; vertical-align:middle; text-decoration:none;}
	.pdf:hover { background:#FFF; border:#FFF 1px solid; position:relative; float:left; text-align:center; margin:0 6% 6% 0; padding:6% 2%; vertical-align:middle; text-decoration:none; color:#048350;}
	.pdf-r { width:85px; height:60px; border:#FFF 1px solid; position:relative; float:right; text-align:center; margin:0 7% 6% 0; padding:6% 2%; vertical-align:middle; text-decoration:none;}
	.pdf-r:hover { background:#FFF; border:#FFF 1px solid; position:relative; float:right; text-align:center; margin:0 7% 6% 0; padding:6% 2%; vertical-align:middle; text-decoration:none;}
	.proyectosrelacionados {position: relative; top: 0px; left: 0px; width: 460px; height: 125px; overflow: hidden;}
	#thumb-destacado { width:88%; height:auto; background:#FFF; padding: 6%; float:left; margin-bottom:10%;}
}

@media (max-width: 992px){
	html { font-size:75%; }
	#boton { font-size:0.7em;}
	nav { width:100%; height:auto; border-bottom: 0px; position:relative; overflow:hidden; float:left; }
	nav ul { list-style:none; margin: 0px; padding: 0px;}
	nav ul li{ width:100%; height:auto; font-family: "Lato"; font-size: 0.8em; font-weight: normal; text-align:center; border-bottom: 1px solid #FFF; border-left: 1px solid #FFF; border-right: 1px solid #FFF; }
	nav ul li:hover{ text-decoration:underline;}
	nav ul li a{ color: #fff; text-decoration:none; display:block; padding: 10% 0; position:relative; }
	nav ul li a:hover {color: #048350; text-decoration:underline;}
	#thumbnail { width:33.3333333333333%; height:auto; border-right: 1px solid #048350; border-bottom: 1px solid #048350; background-color:#FFF; padding: 3%; float:left; }
	#thumbnail img{ width:100%; height:100%; z-index:1; }
	#lan-nav { font-family: inherit; font-size: 1.2em; color: inherit; position:fixed; bottom:5px; left:40px}
	#descargas { font-family: inherit; font-size: 1.2em; color: inherit; position:fixed; bottom:5px; left:140px; z-index:1000;}
	
	
	#pdfs { width:100%; float:left; }
	#pdfs a{ font-size:0.8em;}
	.pdf { width:95%; height:50px; border:#FFF 1px solid; position:relative; float:left; text-align:center; margin:0 6% 6% 0; padding:6% 2%; vertical-align:middle; text-decoration:none;}
	.pdf:hover { background:#FFF; border:#FFF 1px solid; position:relative; float:left; text-align:center; margin:0 6% 6% 0; padding:6% 2%; vertical-align:middle; text-decoration:none; color:#048350;}
	.pdf-r { width:95%; height:50px; border:#FFF 1px solid; position:relative; float:left; text-align:center; margin:0 6% 6% 0; padding:6% 2%; vertical-align:middle; text-decoration:none;}
	.pdf-r:hover { background:#FFF; border:#FFF 1px solid; position:relative; float:left; text-align:center; margin:0 6% 6% 0; padding:6% 2%; vertical-align:middle; text-decoration:none;}
	#head-news h3{ color: #048350; font-size: 1.2em; text-transform:uppercase; padding:0; float:left; }
	#txt-servicio h1 { width:100%; font-size: 1.4em; margin:0 0 6% 0;}
	#txt-servicio p { width:100%; font-family: "Lato"; font-size: 0.9em; font-weight: normal; text-align: left; }
	#txt-servicio ul { margin-top: 0px; font-size: 0.9em; list-style-type: square; }
	
	#txt-quienes p { text-align: left; margin:2% 0; font-size: 0.9em;}
	#txt-quienes h1 { width:100%; clear:left; font-size:1.4em; text-shadow: #2b2521;}
	#txt-quienes h2 { width:100%; clear:left; margin:-1% 0 0 0;font-size:1.2em; }
	.tit-inmov { width:100%; height:auto; padding:5% 0 5% 0; font-size: 1.1em; text-align:center; float:left; }
	.proyectosrelacionados {position: relative; top: 0px; left: 0px; width: 360px; height: 125px; overflow: hidden;}
}


@media (max-width: 480px){
    html{ font-size:90%; }
	nav { width:100%; height:auto; border-bottom: 0px; position:relative; overflow:hidden; float:right; }
nav ul { list-style:none; margin: 0px; padding: 0px;}
nav ul li{ width:100%; height:auto; font-family: "Lato"; font-size: 1.4em; font-weight: normal; text-align:center; border-bottom: 1px solid #FFF; border-left: 1px solid #FFF; border-right: 1px solid #FFF; }
nav ul li:hover{ text-decoration:underline;}
nav ul li a{ color: #fff; text-decoration:none; display:block; padding: 8% 0; position:relative; }
nav ul li a:hover {color: #048350; text-decoration:underline;}

.inicioalto {width:100%; height:100px; clear:both;}

#head-nav { width:100%; height:auto; padding: 5%; text-align:center; float:right; display:inline; }
#but-nav { width:100%; height:auto; float:left;float:right; }

.logo { width:100%; height:auto; max-width:250px; min-width:36px; position:relative; }
#boton { width:100%; height:auto; position:relative; margin-top:10px;}

.button{background-color:#000;border-radius:10px;box-shadow:0 2px 3px rgba(0,0,0,0.3);color:#fff;cursor:pointer;display:inline-block;padding:10px 20px;text-align:center;text-decoration:none}
.button.small{border-radius:15px;float:right;margin:22px 5px 0;padding:6px 15px}
.button:hover{background-color:#1e1e1e}
.button>span{font-size:10px}
.button.b-close,.button.bClose{border-radius:7px 7px 7px 7px;box-shadow:none;font:bold 131% sans-serif;padding:0 6px 2px;position:absolute;right:-7px;top:-7px}.example{display:block;line-height:1.25;padding:30px 110px 15px 0}
#popup2,.bMulti{background-color:#fff;border-radius:10px 10px 10px 10px;box-shadow:0 0 25px 5px #999;color:#111;display:none;min-width:90%; height:auto;padding:25px; font:0.7em Arial,sans-serif;}
#popup2 iframe{ height:auto; min-height:240px;min-width:90%;}
.lt-ie9 .bModal{background-color:#000}

.iconos{ width:100%; margin-top:10%; text-align:center; float:left;}
.iconos img{ margin-right:8%;}


h1 { font-size: 2.0em; font-weight: normal; text-align: left; float:left; clear:both; text-shadow:0 1 0 #efe8c4;}
h2 { font-size: 1.3em; font-weight: normal; font-style:italic; text-align: left; float:left; clear:both; text-shadow:0 1 0 #efe8c4;}
h3 { font-size: 2.0em; font-weight: normal; text-shadow:0 1 0 #efe8c4;}
h4 { font-size: 1.5em; font-weight: normal; text-align: left; float:left; text-shadow:0 1 0 #efe8c4;}
h5 { font-size: 1em; font-weight: normal; font-style:italic; text-align: left; float:left; text-shadow:0 1 0 #efe8c4;}
h6 { font-size: 1.3em; font-weight: normal; text-align:left; text-shadow:0 1 0 #efe8c4;}

  
/*-----------------------------------------------------------------------------------*/
/*	Main + Proyectos
/*-----------------------------------------------------------------------------------*/

main { width:100%; height:auto; position:relative; float:left; padding:5%;}
#thumbnail { width:50%; height:auto; border-right: 1px solid #048350; border-bottom: 1px solid #048350; background-color:#FFF; padding: 3%; float:left; }
#thumbnail img{ width:100%; height:100%; z-index:1; }

.b-wrapper h6{ margin:10% 0 25% 0; }
.b-wrapper img{ width:28%; position:relative; padding:36%; margin:-50% 0 0 0; }

.safari5 *{ -webkit-transform: none !important; -webkit-transition: none !important; }
.b-link-flow{ position: relative; display: inline-block; vertical-align: top; }
.b-link-flow .b-wrapper{z-index:1;}
.b-link-flow .b-top-line{z-index:0}
.b-link-flow .b-wrapper, .b-link-flow .b-top-line{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
text-transform:uppercase;
text-align:center;
color:#048350;
background: #fff;
visibility:hidden; 
}
.b-link-flow .b-wrapper, .b-link-flow .b-top-line{
transition:all 0.6s ease;
-moz-transition:all 0.6s ease;
-ms-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
-webkit-transition:all 0.6s ease;
transform:scale(0);
-moz-transform:scale(0);
-ms-transform:scale(0);
-o-transform:scale(0);
-webkit-transform:scale(0);
opacity:0;
}
.b-link-flow:hover .b-wrapper, .b-link-flow:hover .b-top-line{
transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
-webkit-transform:scale(1);
opacity:1;
visibility:visible; 
}

.b-animate-go{ text-decoration:none; }
.b-animate{
transition:all 0.5s;
-moz-transition:all 0.5s;
-ms-transition:all 0.5s;
-o-transition:all 0.5s;
-webkit-transition:all 0.5s;
visibility:hidden; 
}

.b-animate-go:hover .b-animate{ visibility:visible; }
.b-scale{
position:relative;
transform:scale(0);
-moz-transform:scale(0);
-ms-transform:scale(0);
-o-transform:scale(0);
-webkit-transform:scale(0);
}
.b-animate-go:hover .b-scale{
transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
-webkit-transform:scale(1);
}
.b-opacity{ opacity:0; }
.b-animate-go:hover .b-opacity{ opacity:1; }

/*-----------------------------------------------------------------------------------*/
/*	Ficha de Proyectos
/*-----------------------------------------------------------------------------------*/

#slideshow { width:100%; height:auto; margin-bottom:3%; float:left; padding:3%; background:#FFF;}

#project-name{ width:100%; height:auto; margin-bottom:5%; float:left; }
#project-name h1{ }
#project-name h2{ }
#project-name h5{ }
#project-name h6{ }

#col { width:80%; overflow:hidden; border: 1px solid #FFF; margin-bottom:18%; float:left; }

#head-col { width:100%; height:auto; max-width:330px; max-height:330px; min-width:165px; min-height:165px; background-color:#FFF; padding: 6%; float:left; }
#head-col h3{ color: #048350; text-transform:uppercase; padding:0 0 10% 0; float:left; font-size:1.8em; line-height:1.0em}
#head-col h2{ color: #048350; margin-bottom:0; float:left; font-size:1.2em; line-height:1.5em}
.ico-cerrar { width:100%; height:auto; max-width:40px; max-height:39px; min-width:20px; min-height:19px; position:relative; float: right; }
.proyectosrelacionados {position: relative; top: 0px; left: 0px; width: 275px; height: 125px; overflow: hidden;}
#main-col { width:100%; height:auto; max-width:330px; min-width:165px; padding: 6%; float:left; }
#info-row { width:100%; height:auto; padding-bottom: 6%; float:left; }
#info-row h5{ width:100%; margin-bottom:-3%; float:left; font-size:1.2em;}
#info-row h6{ width:100%; color: #fff; font-size:1.2em; text-align: left; float:left; }
#info-row a{ text-decoration:none; }

.firstline{ height:20px;}

/******* MENU *******/

ul.dropdown                         { position: relative; list-style: none; z-index:10; left:-15%;}
ul.dropdown li                      { font-size: 1.0em; font-style: normal; color: #fff; text-decoration: none; float: left; zoom: 1; list-style: none; width:200px; }
ul.dropdown a:hover		            {  }
ul.dropdown a:active                {  }
ul.dropdown li a                    { display: block; font-size:1.0em; font-style: normal; color: #fff; text-decoration: none; width:100%; padding:5px 0px;}
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { font-size: 1.0em; font-style: normal; color: #000; text-decoration: none; position: relative;}
ul.dropdown li.hover a              { font-size: 1.0em; font-style: normal; color: #000; text-decoration: none; }

/* LEVEL TWO */

ul.dropdown ul 						{ text-align:left; visibility: hidden; position: absolute; top: 0px; left: 180px; color: #000; font-size: 1.0em; font-style:normal;}
ul.dropdown ul li 					{ background: #fff; float: none; float:left; width:212px; color: #000; font-size: 1.0em; font-style:normal; padding-left:10px;}
			  

                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ display: inline-block; color: #000; font-size: 12px; }
ul.dropdown ul li a:active			{ color: #000; font-size: 1.0em; }
ul.dropdown ul li a:hover			{ color: #000; font-size: 1.0em; text-decoration:underline;} 

/*-----------------------------------------------------------------------------------*/
/*	Servicios
/*-----------------------------------------------------------------------------------*/

#servicio { width:100%; height:auto; margin-bottom:6%; float:left; }
#img-servicio { width:100%; height:auto; background:#FFF;float:left; }
#img-servicio img{ width:100%; height:100%; margin:auto; z-index:1; }
#txt-servicio { width:100%; height:auto; padding-top: 3%; float:left; }
#txt-servicio h1 { width:100%; font-size: 2em; margin:0 0 6% 0;}
#txt-servicio p { width:100%; font-family: "Lato"; font-size: 1.2em; font-weight: normal; text-align: left; }
#txt-servicio ul { margin-top: 0px; font-size: 1.2em; list-style-type: square; }

/*-----------------------------------------------------------------------------------*/
/*	Empresa
/*-----------------------------------------------------------------------------------*/

#img-main { width:100%; height:auto; background-color:#FFF; padding: 3%; margin-bottom:3%; float:left; }
#img-main img{ width:100%; height:100%; z-index:1; }
#pdfs { width:100%; float:left; }
.pdf { width:40%; position:relative; float:left; text-align:center; padding:0 6% 6% 0; }

#quienes { width:100%; height:auto; margin:4% 0 6% 0; float:left; }
#txt-presidente { font-size:1.0em; font-weight: normal; text-align: left; margin-bottom:3%;}
#txt-quienes { width:100%; height:auto; text-align: left; }
#txt-quienes p { text-align: left; margin:2% 0;}
#txt-quienes h1 { width:100%; clear:left; font-size:2.0em; text-shadow: #2b2521;}
#txt-quienes h2 { width:100%; clear:left; margin:-1% 0 0 0;font-size:1.4em; }

.img-inmov { width:100%; height:auto; float:left; }
.tit-inmov { width:100%; height:auto; padding:5% 0 5% 0; font-size: 1.2em; text-align:center; float:left; }

/*-----------------------------------------------------------------------------------*/
/*	Noticias
/*-----------------------------------------------------------------------------------*/

#post { width:100%; height:auto; margin-bottom:6%; float:left; }
#img-post { width:100%; height:auto; background-color:#FFF; padding: 3%; }
#img-post img{ width:100%; height:100%; z-index:1; }
#txt-post-1 { width:100%; height:auto; padding-top: 3%; }

#txt-post-1 h1 { width:100%; font-size: 1.5em; margin:0 0 3% 0;}
#txt-post-1 h2 { width:100%; font-size: 1em; margin:0}
#txt-post-2 h1 { width:100%; font-size: 1.5em; margin:0 0 3% 0;}
#txt-post-2 h2 { width:100%; font-size: 1em; margin:0}
#txt-post-1 p { width:100%; font-family: "Lato"; font-size: 1em; font-weight: normal; text-align: left; }
#txt-post-2 p { width:100%; font-family: "Lato"; font-size: 1em; font-weight: normal; text-align: left; }
#txt-post-1 a { width:100%; font-family: "Lato"; color: #fff; font-size: 1em; font-weight: normal; text-decoration:none; }
#txt-post-2 a { width:100%; font-family: "Lato"; color: #fff; font-size: 1em; font-weight: normal; text-decoration:none; }
#txt-post-1 a:hover { width:100%; font-family: "Lato"; color: #fff; font-size: 1em; font-weight: normal; text-decoration: underline; }
#txt-post-2 a:hover { width:100%; font-family: "Lato"; color: #fff; font-size: 1em; font-weight: normal; text-decoration: underline; }

.b-wrapper-3 img{ width:18%; height:36%; max-width:64px; min-width:32px; position:relative; padding:29% 41% 29% 41%; }

#slideshow-noticia { width:100%; height:auto; background-color:#FFF; padding: 3%; margin-bottom:4%; float:left; }
#slideshow-noticia img{ width:100%; height:100%; z-index:1; }

/*--------------------------------*/
/*	Ficha Noticias
/*--------------------------------*/

#head-news { width:100%; max-width:330px; max-height:330px; min-width:165px; background-color:#FFF; padding: 6%; float:left; }
#head-news h3{ color: #048350; font-size: 2.4em; text-transform:uppercase; padding:0 0 20% 0; float:left; }

/*-----------------------------------------------------------------------------------*/
/*	Contacto
/*-----------------------------------------------------------------------------------*/

#mapa { width:100%; height:auto; max-width:940px; max-height:380px; min-width:470px; min-height:190px; background:#FFF; padding: 3%; margin-bottom:4%; float:left; }
#mapa iframe{ width:100%; max-width:840px; max-height:600px; min-width:420px; min-height:280px; float:left; }

.head-contact { width:100%; height:auto; font-size: 1.2em; text-align: left; margin-bottom:6%; float:left; }

#head-contact { width:100%; height:auto; max-width:330px; min-width:165px; background-color:#FFF; padding: 6%; float:left; }
#head-contact h3{ color: #048350; font-size: 1.1em; float:left; }
.ico-mail { width:100%; height:auto; max-width:67px; min-width:33px; margin-top:12%; position:relative; float: left; }

/*-----------------------------------------------------------------------------------*/
/*	Footer
/*-----------------------------------------------------------------------------------*/

footer { width:100%; height:auto; margin: 4% 0 0 0; position:relative; float: left; text-align:center; }
footer h6{ width:100%; color:#fff; text-align: center; font-size: 0.7em; line-height:20px; float:left; }
footer a{ color:#fff; text-align: left; text-decoration:none; }
footer a:hover{ color:#fff; text-align: left; text-decoration:underline; }
#sep { width:100%; height:1px; background-color:#FFF; margin-bottom: 4%; }
}


 .jssora03l, .jssora03r, .jssora03ldn, .jssora03rdn
{
	position: absolute;
	cursor: pointer;
	display: block;
	background: url(../img/a03.png) no-repeat;
	overflow:hidden;
}
.jssora03l { background-position: -3px -33px; }
.jssora03r { background-position: -63px -33px; }
.jssora03l:hover { background-position: -123px -33px; }
.jssora03r:hover { background-position: -183px -33px; }
.jssora03ldn { background-position: -243px -33px; }
.jssora03rdn { background-position: -303px -33px; }