*{
	border: 0;
	margin: 0;
	padding: 0;
}

article, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
	}

@font-face {
    font-family: "Chalet";
    src: url("../fonts/Chalet.eot");
    src: url("../fonts/Chalet.eot?#iefix") format("embedded-opentype"),
         url("../fonts/Chalet.woff") format("woff"),
         url("../fonts/Chalet.ttf") format("truetype"),
         url("../fonts/Chalet.svg#andika_basicregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'microsoft_yi_baitiregular';
    src: url('../fonts/msyi-webfont.eot');
    src: url('../fonts/msyi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/msyi-webfont.woff') format('woff'),
         url('../fonts/msyi-webfont.ttf') format('truetype'),
         url('../fonts/msyi-webfont.svg#microsoft_yi_baitiregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'lucida_granderegular';
    src: url('../fonts/6216-webfont.eot');
    src: url('../fonts/6216-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/6216-webfont.woff') format('woff'),
         url('../fonts/6216-webfont.ttf') format('truetype'),
         url('../fonts/6216-webfont.svg#lucida_granderegular') format('svg');
    font-weight: normal;
    font-style: normal;

}






body {
	background:#f2f2f2;
	font-family: "lucida_granderegular", Helvetica, Verdana;
	font-size: 1.0em;
	letter-spacing: 0em;
	line-height: 1.5em;
	color: rgb(138, 141, 153);
}

a {
	color: #4d4d4d;
	font-size: 0.9em;
	font-weight: normal;
	text-decoration: none;
}

a:hover {
	color: #F60;	
}



figcaption {
	font-size: 0.85em;
	padding: 0.25em;
	text-align: center;
}

form {
	width: 100%;	
}

form div{
	margin: 0.5em;
}

h1 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.8em;
	margin: 0.25em auto;
	text-align: center;
}

h2 {
	color: #F60;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	margin: 0.25em auto;
	text-align: left;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

hr {
	border: 0.1em solid #f2f2f2;
	margin: 1 em 0;
}

iframe {
	border-radius: 0.5em;
}

input[type="email"], input[type="text"], textarea, input[type="tel"] {
	background: #EEE;
	border-radius: 0.25em;
	color: #012e67;
	font-family: Helvetica, Verdana; 
	font-size: 1em;
	padding: 0.25em;
	width: 95%;
}

input[type="email"]:focus, input[type="text"]:focus, textarea:focus {
	background: #C6ECF9;
}

input[type="submit"] {
	background: #6991b4;
	border-radius: 0 0.25em;
	color: #000;
	font-family: "Chalet";
	font-size: 1em;
	padding: 0.1em;
}

input[type="submit"]:hover {
	background: #003e73;
	border-radius: 0.25em 0;
	color: #FFF;
	cursor: pointer;

}
label {
	cursor: pointer;
}

legend {
	color: #000;
	font-size: 1em;
	text-shadow: none;
	font-family: "lucida_granderegular";
	font-size: 0.9em;
}

textarea {
	resize: none;
}

header, #contenedor, #contenedor-globos, footer {
	background: #FFF;
	margin: 0em auto;
	max-width: 90%;
	text-align: center;
	padding-top: 0.1em;
}

#cabecera_logo {
	margin-bottom: -1em;
}

#contenedor {
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

#contenedor-globos {
	margin-bottom: -2em;
	margin-top: 1.8em;
	margin-left: 0;
	margin-right: auto;
	max-width: 100%;
	width: 100%;
}

header h1, nav {
	display: inline-block;
	max-width: 100%;
	vertical-align: middle;
}

ul{
	margin-left: 1em;
}


#info-contacto, #contactanos{
	border: 0.1em solid #1E6381;
	margin: 0.5em;
	min-height: 58px;
	padding: 0.5em;
}

#contactanos{
	min-height: 373px;
}

#contacto, #mapa {

	display: inline-block;
	margin: 0em auto;
	min-height: 350px;
	padding: 0.5em;
	text-align: justify;
	vertical-align: top;
	width: 48%;
}

.datos-contacto {
	color: #818181;
	margin-left: 1em;
}

#mapa {

	padding-top: 1em;
	text-align: center;
}

#menu{
	color: #000;
	display: block;
	font-family: "microsoft_yi_baitiregular", Helvetica, Verdana;
	font-size: 3.5em;
	font-weight: normal;
	margin: 0.1em 1.6em;
	text-align: left;
	letter-spacing: -0.04em;
}




/* , aside*/
#principal, #principal_galeria, #formulario{
	/*background: #f7f7f7;*/
	/*border: 0.1em solid #000;*/
	/*border-radius: 0.5em;*/
	color: #727272;
	display: inline-block;
	margin: 0.1em;
	min-height: 75px;
	padding-top: 2em;
	text-align: center;
	vertical-align: top;
	width: 84%;
}

.texto_principal {	
	color: rgb(138, 141, 153);
	margin: 0em auto;
	margin-bottom: 0.5em;
	text-align: center;
	width: 92%;	
}



#carrusel {
	display: inline-block;
	max-width: 100%;
	text-align: justify;
	vertical-align: top;
	width: 63%;
	margin-bottom: 3em;
}



#formulario {
	color: #818181;
	text-align: center;

}



#productos, .prod{
	display: inline-block;
	margin: 0.1em;
	margin-bottom: 2em;
	max-width: 100%;
	padding: 1em;
	text-align: center;
	vertical-align: top;
	width: 90%;
}

.prod{
	width: 90%;
}

.texto_prod {
	display: inline-block;
	width: 45%;
}

.img-prod-dcha, .img-prod-izda{
	display: inline-block;
	text-align: right;
	vertical-align: top;
	width: 53%;
}

.img-prod-izda{
	text-align: left;
}

.titulo {
	color: #000;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	text-align: center;
	font-family: "microsoft_yi_baitiregular";
	font-size: 3.3em;
	letter-spacing: -0.04em;
	line-height: 0.7em;
}


.franja {
	margin-top: -3.4em;
}

.franja_2 {
	margin-top: -0.5em;
}

article {
	background: #fff;
	border-radius: 0.5em;
	margin: 0.25em auto;
	min-height: 140px;
	padding: 0.25em;
}



#trabajos {
	background: #f2f2f2;
	border: 0.1em solid #636363;
	border-radius: 0.5em;
	margin: 0 auto;
	max-width: 100%;
	padding: 0.2em;
	text-align: center;
}

div.portafolio {
	margin: 0.8em;
}

article.galeria {
	background: none;
	display: inline;
	padding: 0.9em;
}

footer{
	color: #818181;
	font-size: 0.8em;
	margin-top: 1em;
}

.fade{
	opacity: 1;
	filter:alpha(opacity=7);
	-ms-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
	
}

.fade:hover{
	opacity: 0.7;
	filter:alpha(opacity=10);
}



.redonda {
	border: 0.1em solid #505050;
	border-radius: 3.8em;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}


.texto_img {
	/*box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);*/
	margin-right: 3em;
}



.texto_img_dcha_2 {	
	border: 0.1em solid #000;
	border-radius: 0.5em;
	float: right;
	margin-left: 1.2em;
	margin-right: 3.3em;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);}




ul,li {list-style-type:none;} 

nav {
	width: 1150px;
	height: 78px;
	position: relative;
	margin:auto;
	top: 20px;
}

.menu {background-color: transparent;}

.menu li {float:left;}

.menu a {
background: url(../media/img/nav/nav.jpg) no-repeat;
display: block;  
height:39px;
}


.elver a {width: 127px;background-position: 0px 0px;}
.empresa a {width: 121px; background-position: -127px 0px;}
.productos a {width: 125px; background-position: -248px 0px;}
.idi a {width: 120px; background-position: -373px 0px;}
.ahorro a {width: 123px; background-position: -493px 0px;}
.mantenimiento a {width: 123px; background-position: -616px 0px;}
.rehabilitacion a {width: 123px; background-position: -739px 0px;}
.galeria a {width: 120px; background-position: -862px 0px;}
.contacto a {width: 127px; background-position: -982px 0px;}
.elver a:hover {width: 127px; background-position: 0px -39px;}
.empresa a:hover {width: 121px; background-position: -127px -39px;}
.productos a:hover {width: 125px; background-position: -248px -39px;}
.idi a:hover {width: 120px; background-position: -373px -39px;}
.ahorro a:hover {width: 123px; background-position: -493px -39px;}
.mantenimiento a:hover {width: 123px; background-position: -616px -39px;}
.rehabilitacion a:hover {width: 123px; background-position: -739px -39px;}
.galeria a:hover {width: 120px; background-position: -862px -39px;}
.contacto a:hover {width: 127px; background-position: -982px -39px;}






#globalheader { margin-bottom:10px; }
#main { width:100%; min-width:980px; margin:0 0 10px; clear:both; color:#76797c; }
#billboard,
.globos,
#headlines,
#homefooter { width:1130px; margin:0 auto; padding:0; }




/* globos */
.globos ul { clear:both; width:1130px; *width:982px; padding-bottom:50px; *position:relative; *z-index:1; zoom:1; }
.globos ul:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
.globos ul li { display:inline; float:left; position:relative; z-index:1; width:217px; height:185px; margin-left:11px; _margin-left:9px; border-top:1px solid #f2f2f2;
	-webkit-box-shadow:rgba(0,0,0,.15) 0 1px 3px;
	   -moz-box-shadow:rgba(0,0,0,.15) 0 1px 3px;
	        box-shadow:rgba(0,0,0,.15) 0 1px 3px;
	        box-shadow:rgba(0,0,0,.15) 0 1px 6px \0/IE9;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
}
.globos ul li.first-child { margin-left: -0.7em; }
.globos ul li.last-child { margin-left:10px; _margin-left:8px; }

.globos ul li a { display:block; cursor:pointer;
	background:#f6f6f6;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(249,249,249,1)), color-stop(100%, rgba(240,240,240,1)));
	background:-webkit-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
	background:   -moz-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
	background:    -ms-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
	background:     -o-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
	background:        linear-gradient(top, rgba(249,249,249,1) 50%, rgba(240,240,240,1) 100%);
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
	-webkit-box-shadow:0 -3px 1px rgba(255,255,255,.6), inset 0 2px 1px rgba(255,255,255,.97), 0 0 3px -1px rgba(0,0,0,.7);
	   -moz-box-shadow:0 -3px 1px rgba(255,255,255,.6), inset 0 2px 1px rgba(255,255,255,.97), 0 0 3px -1px rgba(0,0,0,.7);
	        box-shadow:0 -3px 1px rgba(255,255,255,.6), inset 0 2px 1px rgba(255,255,255,.97), 0 0 3px -1px rgba(0,0,0,.7);
}
.globos ul li a:nth-child(1n) { border-color:#fff; }
.globos ul li a:hover {
	background:#f0f0f0;
	background:-webkit-gradient(linear,left top, left bottom, color-stop(50%, rgba(249,249,249,1)), color-stop(100%, rgba(224,224,224,1)));
	background:-webkit-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
	background:   -moz-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
	background:    -ms-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
	background:     -o-linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
	background:        linear-gradient(top, rgba(249,249,249,1) 50%, rgba(224,224,224,1) 100%);
}
.globos ul li .curve-down { display:inline-block; height:185px; width:100%; _display:inline; _zoom:1; border:1px solid #e0e0e0; border-top-color:#efefef; border-bottom-color:#ccc; }
.globos ul li .curve-down:nth-child(1n) { border:none;
	-webkit-border-radius:100% / 33px;
	   -moz-border-radius:100% / 33px;
	        border-radius:100% / 33px;
    -webkit-box-shadow:0 8px 3px -5px rgba(0,0,0,.2);
       -moz-box-shadow:0 8px 3px -5px rgba(0,0,0,.2);
            box-shadow:0 8px 3px -5px rgba(0,0,0,.2);
}
.globos ul li a img { display:block;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
	        padding-right: 20px;
}