/*termotec*/ 

*{
	margin: 0;
	padding: 0;
}

img{
	border: 0;
}


h1, h2, h3, h4, h5, h6{
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}

body{

font-family: 'Roboto', sans-serif;
font-weight: 300;


background: rgb(246,248,249); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(215,222,227,1)), color-stop(100%,rgba(245,247,249,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

background-image: url("../images/bg_1.jpg");
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;

}

.clear{
	clear: both;
}

.logo{
	width: 80%;
	display: block;
	margin: auto; 
}

.logo img{
	max-width: 100%;
	display: block;
	margin: auto;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.contenedor100{
	width:100%;
	max-width: 1100px;
	background: white;
	display: block;
	margin: auto;
	
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 2px 2px 10px undefinedpx #000000;
	box-shadow: 1px 1px 20px #666;
}

.activo{
	background: #003e82;
	color: white;
	width: 25%;
	float: left;
	text-align: center;

	font-size: 0.8em;
	font-weight: 400;
	padding-top: 1.2em;
	padding-bottom: 1.2em;
	

	
}

.menu{
	width: 80%;
	display: block;
	margin: auto;
	border-bottom: 3px solid #003e82;
}

.menu ul{
	list-style-type: none;
}

.menu ul li a{
	width: 25%;
	float: left;
	text-align: center;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: 400;
	padding-top: 1.2em;
	padding-bottom: 1.2em;
	color: gray;
	transition: all 0.3s;
}

.menu ul li a:hover{
	background: #003e82;
	color: white;
	opacity: 0.8;
}



.btnrojo{
	

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f85032+0,f16f5c+50,f6290c+51,f02f17+71,e73827+100;Red+Gloss+%231 */
	background: #f85032; /* Old browsers */
	background: -moz-linear-gradient(top,  #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f85032), color-stop(50%,#f16f5c), color-stop(51%,#f6290c), color-stop(71%,#f02f17), color-stop(100%,#e73827)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */



	border-radius: 5px;
	padding: 1em 3em; 
	color: white;

	transition: all 0.5s;
}

.btnrojo:hover{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f85032+0,f16f5c+80,f6290c+90,f02f17+97,e73827+100 */
	background: #f85032; /* Old browsers */
	background: -moz-linear-gradient(top,  #f85032 0%, #f16f5c 80%, #f6290c 90%, #f02f17 97%, #e73827 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f85032), color-stop(80%,#f16f5c), color-stop(90%,#f6290c), color-stop(97%,#f02f17), color-stop(100%,#e73827)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f85032 0%,#f16f5c 80%,#f6290c 90%,#f02f17 97%,#e73827 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f85032 0%,#f16f5c 80%,#f6290c 90%,#f02f17 97%,#e73827 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f85032 0%,#f16f5c 80%,#f6290c 90%,#f02f17 97%,#e73827 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f85032 0%,#f16f5c 80%,#f6290c 90%,#f02f17 97%,#e73827 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */


}


.submenu{
	width: 80%;
	display: block;
	margin: auto;

}

.submenu ul{
	list-style-type: none;
}

.submenu ul li a{
	width: 33.3%;
	float: left;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4096ee+0,4096ee+100;Blue+Flat+%232 */
	background: #4096ee; /* Old browsers */
	background: -moz-linear-gradient(top,  #4096ee 0%, #4096ee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4096ee), color-stop(100%,#4096ee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4096ee 0%,#4096ee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4096ee 0%,#4096ee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4096ee 0%,#4096ee 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4096ee 0%,#4096ee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4096ee', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */


	text-align: center;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: 400;
	padding-top: 1.2em;
	padding-bottom: 1.2em;
	color: #fff;
	transition: all 0.3s;
}

.submenu ul li a:hover{
	opacity: 0.8;
}

#gray{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3f4c6b+0,3f4c6b+100;Blue+Grey+Flat */
background: #3f4c6b; /* Old browsers */
background: -moz-linear-gradient(top,  #3f4c6b 0%, #3f4c6b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f4c6b), color-stop(100%,#3f4c6b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3f4c6b 0%,#3f4c6b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3f4c6b 0%,#3f4c6b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3f4c6b 0%,#3f4c6b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #3f4c6b 0%,#3f4c6b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */

}

#red{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc0000+0,cc0000+100;Red+Flat */
background: #cc0000; /* Old browsers */
background: -moz-linear-gradient(top,  #cc0000 0%, #cc0000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0000), color-stop(100%,#cc0000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cc0000 0%,#cc0000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cc0000 0%,#cc0000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cc0000 0%,#cc0000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #cc0000 0%,#cc0000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#cc0000',GradientType=0 ); /* IE6-9 */


}





.slider{
	width: 100%;
	height: 350px;
	display: block;
	background: orange;
}

.unacol{
	width: 80%;
	display: block;
	margin: auto;
	padding-bottom: 3em;
	border-top: 2px solid #003e82;
	clear: both;
}

.unacol img{
	
	display: block;
	margin: auto;

}

.espacio{
	display: block;
	height: 2em;
}

.unacol h1{
	color: #003e82;
	text-align: center;
	font-size: 1.4em;
	padding-top: 1em;
	padding-bottom: 1em;
	font-weight: 400;
}

.unacol h2{
	color: #5B5B5E;
	text-align: center;
	font-size: 1.4em;
	padding-top: 1em;
	padding-bottom: 1em;
	font-weight: 400;
}
.unacol p{
	text-align: justify;
	color: #5B5B5E;
	font-size: 1em;
}


.menu2{
	width: 100%;
	display: block;
	background: pink;
}

.menu2 ul{
	list-style-type: none;
}

.menu2 ul li a{
	width: 33.3%;
	display: block;
	float: left;
	background: orange;
	text-align: center;
	
	height: auto;
}

.menu2 ul li a:hover{
	opacity: 0.8;
}

.menu2 ul li a > img{
	width: 100%;
	display: block;
	float: left;
	background: orange;
	text-align: center;
	
	height: auto;
}

.banner{
	
	width: 100%;
	display: block;
	background: #5B5B5E;
	margin-top: 3px;

}

.banner h3{
	width: 40%;
	display: block;
	float: left;
	color: orange;
	font-size: 2em;
	text-align: center;
	line-height: 2em;
}

.banner p{
	width: 56%;
	display: block;
	float: left;
	color: white;
	font-size: 0.8em;
	text-align: center;
	padding-top: 1em;
}


.tel{
	clear: both;
	width: 100%;
	display: block;
	background: cyan;
	text-align: center;
	padding-bottom: 1em;
	background-image: url("../images/recepcionista.jpg");
}

.tel h2{
	color: white;
	font-size: 1.4em;
	padding-top: 1em;
}

.tel h3{
	color: white;
	font-size: 3em;	
}

.tel h4{
	color: white;
	font-size: 1.4em;
	
}

.foot{
	display: block;
	margin: auto;
	background: black;
}

.foot h2{
	text-align: center;
	font-size: 0.8em;
	color: white;
	padding-top: 1em;
	padding-bottom: 1em;
	font-weight: 400;
	letter-spacing: 1px;
}

.empresas{
	width: 100%;
	display: flex;

	padding: 2em 0;

	background: gray;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#959595+0,0d0d0d+46,010101+50,0a0a0a+53,4e4e4e+76,383838+87,1b1b1b+100;Black+Gloss+Pipe */
background: #959595; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#959595), color-stop(46%,#0d0d0d), color-stop(50%,#010101), color-stop(53%,#0a0a0a), color-stop(76%,#4e4e4e), color-stop(87%,#383838), color-stop(100%,#1b1b1b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* IE10+ */
background: linear-gradient(135deg,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}

.empresas > ul{
	width: 100%;
	display: block;
}

.empresas > ul > li{
	width: 20%;
	display: block;
	float: left;
}

.empresas > ul > li > img{
	width: 80%;
	display: block;
	margin: auto;

	
}

/*Productos*/

#residenciales, #comerciales, #industriales{

		width: 80%;
		display: block;
		margin: auto;	
}

#residenciales h2{

		width: 100%;
		display: block;
		font-size: 1.4em;
		color: #fff;
		text-align: center;
		margin-top: 1em;
		padding-bottom: 0.5em;
		padding-top: 0.5em;

		border-radius: 5px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4096ee+0,4096ee+100;Blue+Flat+%232 */
		background: #4096ee; /* Old browsers */
		background: -moz-linear-gradient(top,  #4096ee 0%, #4096ee 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4096ee), color-stop(100%,#4096ee)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #4096ee 0%,#4096ee 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #4096ee 0%,#4096ee 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #4096ee 0%,#4096ee 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #4096ee 0%,#4096ee 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4096ee', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */
}

#comerciales h2{

		width: 100%;
		display: block;
		font-size: 1.4em;
		color: #fff;
		text-align: center;
		margin-top: 1em;
		padding-bottom: 0.5em;
		padding-top: 0.5em;

		border-radius: 5px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3f4c6b+0,3f4c6b+100;Blue+Grey+Flat */
		background: #3f4c6b; /* Old browsers */
		background: -moz-linear-gradient(top,  #3f4c6b 0%, #3f4c6b 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f4c6b), color-stop(100%,#3f4c6b)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #3f4c6b 0%,#3f4c6b 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #3f4c6b 0%,#3f4c6b 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #3f4c6b 0%,#3f4c6b 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #3f4c6b 0%,#3f4c6b 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */

}

#industriales h2{

		width: 100%;
		display: block;
		font-size: 1.4em;
		color: #fff;
		text-align: center;
		margin-top: 1em;
		padding-bottom: 0.5em;
		padding-top: 0.5em;

		border-radius: 5px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc0000+0,cc0000+100;Red+Flat */
		background: #cc0000; /* Old browsers */
		background: -moz-linear-gradient(top,  #cc0000 0%, #cc0000 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0000), color-stop(100%,#cc0000)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #cc0000 0%,#cc0000 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #cc0000 0%,#cc0000 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #cc0000 0%,#cc0000 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #cc0000 0%,#cc0000 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#cc0000',GradientType=0 ); /* IE6-9 */


}

#residenciales a, #comerciales a, #industriales a{

		width: 31%;
		padding: 1%;
		display: block;
		float: left;
		margin-top: 0.3em;	
}

#residenciales a:hover, #comerciales a:hover, #industriales a:hover{

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
background: linear-gradient(135deg,  #eeeeee 0%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


	z-index: 5;
			
}

#residenciales a > img, #comerciales a > img, #industriales a > img{

		width: 100%;
			
}

.naranja h2, .verde h2, .gris h2{
	color: white;
	text-align: center;
	padding-top: 3em;
	font-size: 3em;
	font-weight: 400;
}

.naranja p, .verde p, .gris p{
	color: white;
	text-align: center;
	padding-top: 1em;
	font-size: 1.4em;
	font-weight: 300;
}

.naranja{

		width: 100%;
		display: block;
		margin: auto;
		height: 450px;

		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa84c+0,ff7b0d+100;Orange+3D */
background: #ffa84c; /* Old browsers */
background: -moz-linear-gradient(top,  #ffa84c 0%, #ff7b0d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa84c), color-stop(100%,#ff7b0d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffa84c 0%,#ff7b0d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */


}

.verde{

		width: 100%;
		display: block;
		margin: auto;
		height: 450px;

		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a4b357+0,75890c+100;Olive+3D+%233 */
background: #a4b357; /* Old browsers */
background: -moz-linear-gradient(top,  #a4b357 0%, #75890c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a4b357), color-stop(100%,#75890c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a4b357 0%,#75890c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a4b357 0%,#75890c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a4b357 0%,#75890c 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a4b357 0%,#75890c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#75890c',GradientType=0 ); /* IE6-9 */


}

.gris{

		width: 100%;
		display: block;
		margin: auto;
		height: 450px;

		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,828c95+36,28343b+100;Grey+Black+3D */
background: #b5bdc8; /* Old browsers */
background: -moz-linear-gradient(top,  #b5bdc8 0%, #828c95 36%, #28343b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5bdc8), color-stop(36%,#828c95), color-stop(100%,#28343b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */


}

/*EN CONSTRUCCION*/

.construccion{

	width: 100%;
	display: block;

}

.construccion img{

	max-width: 100%;

	
}




/*CONTACTO*/

.contenedor80{
	width: 80%;
	display: block;
	margin: auto;

}

.enviado{

  width: 40%;
  padding-top: 4em;
  padding-bottom: 4em;
  padding-left: 5%;
  padding-right: 5%;

  -webkit-border-radius: 15px;
  border-radius: 15px;
  
  display: block;
  float: left;
  margin-top: 6em;

  background: #ffffff; /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#e5e5e5 100%); /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
  background: radial-gradient(ellipse at center,  #ffffff 0%,#e5e5e5 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.enviado h2{
  text-align: center;
}

.enviado p{
  text-align: center;
}

.enviado a{
  display: block;
  text-align: center;
  padding-top: 2em;
}

.enviado a:hover{
  text-decoration: underline;
}



.form{
  width: 40%;
  display: block;
  padding-top: 4em;
  padding-bottom: 6em;
  padding-left: 5%;
  padding-right: 5%;

  -webkit-border-radius: 15px;
  border-radius: 15px;
  
  float: left;
  margin-top: 1em;


}

.form h4{
  font-size: 1.2em;
  text-align: center;
  padding: 2.4em;
}




.form input.text, .form textarea
      {
        position: relative;
        -webkit-appearance: none;
        display: block;
        float: left;
        border: 1px solid black;
        margin-top: 1em;
        background: #fff;
        background: rgba(255,255,255,0.5);
        width: 90%;
        padding: 0.75em 1em 0.75em 1em;
        box-shadow: inset 0 0.1em 0.1em 0 rgba(0,0,0,0.05);
        border: solid 1px rgba(0,0,0,0.3);
        -moz-transition: all 0.35s ease-in-out;
        -webkit-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
        -ms-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;        
      }
      
.form input.boton
      {
        position: relative;
        -webkit-appearance: none;       
        float: left;        
        
        background: #e6e6e6;
        color: black;

        width: 30%;
        padding: 0.5em;
        margin-top: 1em;
        margin-left: 1%;
        
        cursor: pointer;        
        
        border: none;
        
        -moz-transition: all 0.35s ease-in-out;
        -webkit-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
        -ms-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;    
      
      }
      
    .form input.boton:hover{
      color: #009bdb;

    }

.form img{
  clear: both;
  display: block;
  margin: auto;
  padding-top: 1.5em;
  width: 200px;
}

.direccioncontacto{
  width: 40%;
  padding: 0 5%;
  display: block;
  float: left;
 
  margin-top: 5em;
  margin-bottom: 4em;
}

.direccioncontacto h2, .direccioncontacto h3{
  font-size: 0.9em;
  color: #727176;
  font-weight: 300;
}


.direccioncontacto iframe{
  width: 100%;
  display: block;
  margin-top: 1em;

}

.bloque{
  width: 100%;
  display: block;


}

.bloque img{

  width: 10%;

  padding-top: 2.5em;
  padding-bottom: 2.5em;

  display: block;
  margin: auto;
  

}

/*==========================
RESPONSIVE
============================*/

@media only screen and (max-width: 768px) {

	body{

		background: rgb(246,248,249); /* Old browsers */
		background: -moz-linear-gradient(-45deg,  rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(215,222,227,1)), color-stop(100%,rgba(245,247,249,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(-45deg,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(-45deg,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(-45deg,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* IE10+ */
		background: linear-gradient(135deg,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		}

		.logo{
		width: 80%;
		display: block;
		margin: auto; 
		}

		.logo img{
			max-width: 50%;
			display: block;
			margin: auto;
			margin-top: 0.5em;
			margin-bottom: 0.5em;
		}

		.contenedor100{
			width:98%;
			
			background: white;
			display: block;
			margin: auto;
			box-shadow: none;
			
			
		}

		.activo{
			background: #003e82;
			color: white;
			width: 100%;
		
			text-align: center;

			font-size: 0.8em;
			font-weight: 400;
			padding-top: 1.2em;
			padding-bottom: 1.2em;
			

			
		}

		.menu{
			width: 100%;
			display: block;
			margin: auto;
			border-bottom: 3px solid #003e82;
		}

		.menu ul{
			list-style-type: none;
		}

		.menu ul li a{
			width: 100%;
		
			text-align: center;
			text-decoration: none;
			font-size: 0.8em;
			font-weight: 400;
			padding-top: 1.2em;
			padding-bottom: 1.2em;
			color: gray;
			transition: all 0.3s;
			border-top: 1px dashed #d6d6d6;
		}

		.menu ul li a:hover{
			background: #003e82;
			color: white;
			opacity: 0.8;
		}


		.unacol{
			width: 90%;
			display: block;
			margin: auto;
			padding-bottom: 3em;
			border-top: 2px solid #003e82;
			clear: both;
		}

		.unacol img{
			
			display: block;
			margin: auto;

		}

		.espacio{
			display: block;
			height: 2em;
		}

		.unacol h1{
			color: #003e82;
			text-align: center;
			font-size: 1.2em;
			padding-top: 1em;
			padding-bottom: 1em;
			font-weight: 400;
		}

		.unacol h2{
			color: #5B5B5E;
			text-align: center;
			font-size: 1.2em;
			padding-top: 1em;
			padding-bottom: 1em;
			font-weight: 400;
		}
		.unacol p{
			text-align: justify;
			color: #5B5B5E;
			font-size: 1em;
		}

		.menu2{
		width: 100%;
		display: block;
		
		}

		.menu2 ul{
			list-style-type: none;
		}

		.menu2 ul li a{
			width: 100%;
			display: block;
		
			text-align: center;
			
			height: auto;
		}

		

		.menu2 ul li a > img{
			width: 100%;
			display: block;
			text-align: center;
			
			height: auto;
		}


		.banner{
	
		width: 100%;
		display: block;
		background: #5B5B5E;
		

		}

		.banner h3{
			width: 100%;
			display: block;
			
			color: orange;
			font-size: 1.4em;
			text-align: center;
			padding-top: 0.5em;
		}

		.banner p{
			width: 90%;
			display: block;
			margin: auto;
			color: white;
			font-size: 0.8em;
			text-align: center;
			padding-top: 0.5em;
			padding-bottom: 0.5em;
			padding-left: 5%;
		}

		.tel{
		clear: both;
		width: 100%;
		display: block;
		background: cyan;
		text-align: center;
		padding-bottom: 1em;
		background-image: url("../images/recepcionista.jpg");
		}

		.tel h2{
			color: white;
			font-size: 1.2em;
			padding-top: 1em;
		}

		.tel h3{
			color: white;
			font-size: 1.6em;	
		}

		.tel h4{
			color: white;
			font-size: 1em;
			
		}

		/*Productos*/

		.submenu{
			display: none;
		}

		#residenciales, #comerciales, #industriales{

				width: 100%;
				display: block;
				margin: auto;	
		}

		#residenciales h2{

				width: 100%;
			
				font-size: 1.2em;
			
		}

		#comerciales h2{

				width: 100%;
			
				font-size: 1.2em;
				
		}

		#industriales h2{

				width: 100%;
				
				font-size: 1.2em;
				
		}

		#residenciales a, #comerciales a, #industriales a{

				width: 48%;
				padding: 1%;
				display: block;
				float: left;
				margin-top: 0.3em;	
		}



		#residenciales a > img, #comerciales a > img, #industriales a > img{

				width: 100%;
					
		}

		.naranja h2, .verde h2, .gris h2{
			color: white;
			text-align: center;
			padding-top: 3em;
			font-size: 3em;
			font-weight: 400;
		}

		.naranja p, .verde p, .gris p{
			color: white;
			text-align: center;
			padding-top: 1em;
			font-size: 1.4em;
			font-weight: 300;
		}

		.naranja{

				width: 100%;
				display: block;
				margin: auto;
				height: 450px;

				/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa84c+0,ff7b0d+100;Orange+3D */
		background: #ffa84c; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffa84c 0%, #ff7b0d 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa84c), color-stop(100%,#ff7b0d)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffa84c 0%,#ff7b0d 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ffa84c 0%,#ff7b0d 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */


		}

		.verde{

				width: 100%;
				display: block;
				margin: auto;
				height: 450px;

				/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a4b357+0,75890c+100;Olive+3D+%233 */
		background: #a4b357; /* Old browsers */
		background: -moz-linear-gradient(top,  #a4b357 0%, #75890c 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a4b357), color-stop(100%,#75890c)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #a4b357 0%,#75890c 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #a4b357 0%,#75890c 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #a4b357 0%,#75890c 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #a4b357 0%,#75890c 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#75890c',GradientType=0 ); /* IE6-9 */


		}

		.gris{

				width: 100%;
				display: block;
				margin: auto;
				height: 450px;

				/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,828c95+36,28343b+100;Grey+Black+3D */
		background: #b5bdc8; /* Old browsers */
		background: -moz-linear-gradient(top,  #b5bdc8 0%, #828c95 36%, #28343b 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5bdc8), color-stop(36%,#828c95), color-stop(100%,#28343b)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #b5bdc8 0%,#828c95 36%,#28343b 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */


		}


				/*CONTACTO*/

		.contenedor80{
			width: 100%;
			

		}

		.enviado{

		  width: 90%;
		  
		}

		


		.form{
		  width: 90%;
		  padding-left: 5%; 
		  display: block;
		  padding-top: 0.5em;
		  padding-bottom: 0.5em;
		 

		  
		  margin-top: 0em;


		}

		.form h4{
		  font-size: 1.2em;
		  text-align: center;
		  padding: 1em;
		}




		

		.direccioncontacto{
		  width: 90%;
		  padding: 0 5%;
		  display: block;
	
		 
		  margin-top: 1em;
		  margin-bottom: 1em;
		}

		.direccioncontacto h2, .direccioncontacto h3{
		  font-size: 0.9em;
		  color: #727176;
		  font-weight: 300;
		}


		.bloque{
		  width: 100%;
		  display: block;


		}

		.bloque img{

		  width: 10%;

		  padding-top: 1em;
		  padding-bottom: 1em;

		  display: block;
		  margin: auto;
		  

		}

		.form input.boton
      {
        position: relative;
        -webkit-appearance: none;       
        float: left;        
        
        background: #e6e6e6;
        color: black;

        width: 46%;
        padding: 0.5em;
        margin-top: 1em;
        margin-left: 1%;
        
        cursor: pointer;        
        
        border: none;
        
        -moz-transition: all 0.35s ease-in-out;
        -webkit-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
        -ms-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;    
      
      }



}