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

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

}

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

body{
background:#cccccc;
color:#FFF;
font-family:"source_sans_proregular", Helvetica, Verdana;
font-size:1em;
}

a{
	color:#716e6f;
	font-weight:bold;
	text-decoration: none;
}

a:hover{
	color:#F60;
}

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

h1{
color:#716e6f;
font-size:22px;
}

h2, h3 {
	color:#716e6f;
	font-family:"source_sans_proregular", Helvetica, Verdana;
}

h3{
	color:#2b2a2a;
	box-shadow: .0em .25em 0em 0em rgba(187,187,187,.5 );
	padding-left: .2em;
	padding-top: .3em;
	font-size: 16px;
	padding-bottom:.2em;
}

h2{
font-size:18px;
text-align: left;

}

h2 img{
padding-top:30px;
}

h4{
	color:#373839;
	box-shadow: .25em .25em rgba(187,187,187,.5 );
	padding-left: .4em;
	padding-top: .5em;
	padding-right:.3em;
	padding-bottom:.2em;
	font-size: 14px;
}
.cuadro{
	box-shadow: .10em .10em .25em .25em rgba(187,187,187,.6 );
}


h5{
	color:#716e6f;
	font-size: 14px;
}

h6{	color:#716e6f;
	padding-left: .4em;
	padding-top: .5em;
	font-size: 14px;} 
	
h6 a{color:#716e6f;
	padding-left: .4em;
	padding-top: .5em;
	font-size: 14px;} 
	
	
article#empresa2 h6{	color:#716e6f;
	padding-left: .2em;
	padding-top: .5em;
	font-size: 14px;
	border-bottom: 2px solid #eeeeee;}

	} 
	
p{
color: #716e6f;
font-family: Arial;
}

hr {
	border:1px solid #b1aeae;

}


ol{
	padding: 0 2em;
}

ol li{
	padding: 1em 0;
}


header, section#contenido, footer{
background:#e0e0e0;
margin: 0 auto;
max-width:85%;
text-align:center;
font-family: Arial;

}

section#contenido2 {
background:#FFF;
margin: 0 auto;
max-width:85%;
text-align:center;
font-family: Arial;

}


header{
	background-color:#FFF;
}

header h1, nav{
display: inline-block;
max-width:100%;
vertical-align: middle;
background-color:#FFF;
padding-top: 30px;
}


nav {
padding-top: 10px;
padding-bottom:0px;
padding-right:20px;
padding-left:290px;

}

iframe, img, video{
	max-width:100%;
}

nav ul {
list-style:none;
}

nav li{
display: inline-block;
padding:0.2em;
vertical-align:top;
text-align: left;}

nav a{
	color:#716e6f;
	display: block;
	font-family:"source_sans_proregular", Helvetica, Verdana;
	font-size:.8em;
	padding:0.2em;
	-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;
	
}

nav a:hover{
	background:#666666;
	color:#FFF;
	-ms-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

section#principal, aside{
background: #1E6381;
border-radius: 0.5em;
display: block;
margin: 0 auto;
max-width: 100%;
padding: 0.25em;
vertical-align: top;
width: 65%;
}

section#arriba{
background: #1E6381;
border-radius: 0.5em;
display: inline-block;
margin: 0 auto;
max-width: 100%;
padding: 0.25em;
vertical-align: top;
width: 91%;
height: 200px;
}

section#tel{
padding-bottom:20px;
max-width:98%;
text-align: right;
font-size: 14px;
font-weight:bold;
color:#b71c1c;

}



aside{
width:30%;
}

aside img, #img-acerca img, #video-acerca, #img-servicios {
	border-radius: 0.5em;
}

article#descripcion-acerca, article#multimedia-acerca {
	background: #1E6381;
	border-radius: .5em;
	display: inline-block;
	margin: 0 auto;
	max-width: 100%;
	min-height: 543px;
	padding: .5em;
	text-align: justify;
	vertical-align: top;
	width: 55%;

}

article#multimedia-acerca{
text-align: center;
width: 40%;
}

article#pie1, article#pie2, article#pie3{
display: inline-block;
}

article#pie1{
background-color: #b1aeae;
height:50px;
padding-top:30px;
color:#FFF;
width: 12%;
}
article#pie2{
background-color: #e0e0e0;
height:50px;
padding-top:30px;
color:#5b5a59;
width: 85%;
}
article#pie3{
background-color: #b1aeae;
height:50px;
padding-top:30px;
color:#FFF;
width: 12%;
}


aside img{
	border-radius: 0.5em;
}


article#empresa1, article#empresa2, article#empresa3, article#empresa11, article#empresa22{
width: 100%;
display: inline-block;
vertical-align: top;

}

article#empresa11{
padding-top:20px;
	background: #FFF;
	max-width: 100%;
	min-height: 350px;
	text-align: justify;
	width:25%;
}
article#empresa22{
padding-top:20px;
	background: #FFF;
	max-width: 100%;
	min-height: 350px;
	text-align: justify;
	width:65%;
}

article#empresa1{
padding-top:10px;
	background: #FFF;
	min-height: 260px;
	text-align: justify;
	width:20%;
}


article#empresa2{
display: inline-block;
	background: #FFF;
	border-radius: .5em;
	max-width: 100%;
	min-height: 260x;
	padding: .6em;
	text-align: justify;
	margin-left:20px;
	width:70%;

}

article#empresa3{
display: inline-block;
	background: #FFF;
	border-radius: .5em;
	max-width: 100%;
	min-height: 350px;
	padding: .6em;
	margin-left:20px;
	width:25%;
}

article#empresatel{
display: inline-block;
	background: #FFF;
	border-radius: .5em;
	max-width: 100%;
	min-height: 350px;
	padding: .6em;
	margin-left:20px;
	width:25%;
}

article#empresa2 p{
padding:10px;
font-size:12px;
color: #4f4e4e;
}

article#empresa1-a, article#empresa2-a{
width: 100%;
display: inline-block;
vertical-align: top;
margin-bottom; 70px;
padding-bottom:70px;
}

article#empresa1-a{
padding-top:20px;
	background: #FFF;
	max-width: 100%;
	min-height: 350px;
	text-align: justify;
	width:30%;
}

article#empresa2-a{
display: inline-block;
	background: #FFF;
	border-radius: .5em;
	max-width: 100%;
	min-height: 350x;
	padding: .6em;
	text-align: justify;
	margin-left:20px;
	width:60%;

}

article#empresa2-a p{
color:#4f4e4e;

}

h2 p, article#empresa3{
}

article#info, article#info1, article#info2{
width: 100%;
display: inline-block;
vertical-align: top;

}
article#info{
padding-top:10px;
	background: #FFF;
	min-height: 260px;
	text-align: justify;
	width:20%;
}

article#info1{
display: inline-block;
	background: #FFF;
	border-radius: .5em;
	max-width: 100%;
	min-height: 260x;
	padding: .6em;
	text-align: justify;
	margin-left:20px;
	width:30%;

}

article#info2{
display: inline-block;
	background: #FFF;
	border-radius: .5em;
	max-width: 100%;
	min-height: 260x;
	padding: .6em;
	text-align: justify;
	margin-left:10px;
	width:40%;

}

article#info1 p {
color:#4f4e4e;

}
article#info2 p{
	color: #504b4b;
	text-align:left;
	vertical-align: middle;
	padding-bottom:15px;
	text-align:middle;
}


.contacto{
    padding: 5px 4px 20px;
    margin-top: 0px;
    background-color: white;
	text-align: left;
   
}
.contacto label{
    display: block;
    font-weight: bold;
}

.campo{
    display: block;
    font-weight: bold;
	color:#504b4b;
	font-size:14px;
}


.contacto div{
    margin-bottom: 15px;
}
.contacto input[type='text'], .contacto textarea{
    padding: 7px 6px;
    width: 200px;
    border: 1px solid #CED5D7;
    resize: none;
    box-shadow:0 0 0 3px #eff1f2;
    margin: 5px 0;
}
.contacto input[type='text']:focus, .contacto textarea:focus{
    outline: none;
    box-shadow:0 0 0 3px #dde9ec;
}
.contacto input[type='submit']{
    border: 1px solid #CED5D7;
    box-shadow:0 0 0 3px #eff1f2;
    padding: 8px 16px;
    border-radius: 20px;
    font-weight: bold;
    text-shadow: 1px 1px 0px white;
 
    background: #eff1f2;
    background: -moz-linear-gradient(top, #e4f1f6 0%, #e4e5e6 100%);
    background: -webkit-linear-gradient(top, #e4f1f6 0%,#e4e5e6 100%);
}
.contacto input[type='submit']:hover{
    background: #eff1f2;
    background: -moz-linear-gradient(top, #eff1f2 0%, #cfe6ef 100%);
    background: -webkit-linear-gradient(top, #e4e5e6 0%,#e4e5e6 100%);
}
.contacto input[type='submit']:active{
    background: #cfe6ef;
    background: -moz-linear-gradient(top, #cfe6ef 0%, #edfcff 100%);
    background: -webkit-linear-gradient(top, #cfe6ef 0%,#edfcff 100%);
}

article#contacto2 p{
	color: #504b4b;
	text-align:left;
	vertical-align: middle;
	padding-bottom:15px;
	text-align:middle;
}

article#maquinas1, article#maquinas2{
vertical-align: top;

}

article#maquinas1{
display: inline-block;
	background: #FFF;
	border-radius: .5em;
	max-width: 100%;
	min-height: 260x;
	padding: .6em;
	text-align: justify;
	margin-left:20px;
	width:40%;

}

article#maquinas2{
display: inline-block;
	background: #FFF;
	border-radius: .5em;
	max-width: 100%;
	min-height: 260x;
	padding: .6em;
	text-align: justify;
	margin-left:20px;
	width:27%;

}
article#maquinas1 p{
padding:10px;
font-size:12px;
color: #4f4e4e;
}

article#cuadromaquinas, article#empresa1{
vertical-align: top;
	display:inline-block;
}
article#cuadromaquinasb, article#empresa1{
vertical-align: top;
	display:inline-block;
}

article#cuadromaquinas{
	background: #FFF;
	border-radius: .5em;
	max-width: 100%;
	min-height: 260x;
	padding: .6em;
	text-align: justify;
	margin-left:20px;
	width:70%;

}

article#cuadromaquinasb{
	background: #FFF;
	border-radius: .5em;
	max-width: 100%;
	padding: .6em;
	text-align: justify;
	margin-left:20px;
	width:70%;
	color: #555555;
}

section#cuadromaquinasb p{
color: #555555;
text-align: left;
padding-left:340px;
}

article#cuadromaquinas1, article#cuadromaquinas2, article#cuadromaquinas3, article#cuadromaquinas4{
	display:inline-block;

}

article#cuadromaquinas1{
	background: #FFF;
	border-radius: .5em;
	max-width: 100%;
	min-height: 260x;
	padding: .6em;
	text-align: justify;
	margin-left:20px;
	width:18%;

}
article#cuadromaquinas2{
	background: #FFF;
	border-radius: .5em;
	max-width: 100%;
	min-height: 260x;
	padding: .6em;
	text-align: justify;
	margin-left:20px;
	width:18%;

}
article#cuadromaquinas3{
	background: #FFF;
	border-radius: .5em;
	max-width: 100%;
	min-height: 260x;
	padding: .6em;
	text-align: justify;
	margin-left:20px;
	width:18%;

}
article#cuadromaquinas4{
	background: #FFF;
	border-radius: .5em;
	max-width: 100%;
	min-height: 260x;
	padding: .6em;
	text-align: justify;
	margin-left:20px;
	width:18%;
}



h2 p{
font-weight:bold;
font-size:16px;
color: #4f4e4e;
float:right;
padding-right:180px;
padding-top:50px;
text-align:center;
}

ul p{
font-weight:bold;
font-size:18px;
color: #5a5656;
float:center;

}

section#servicios-principal, section#servicios-tipos{
margin: 0 auto;
max-width: 97%;
}

section#servicios-tipos p{
color: #555555;
text-align: left;
padding-left:340px;
}

#img-servicios, article#nuestros-servicios{
display: inline-block;
margin:1em 0;
vertical-align: top;
width:40%;
height:350px;
}
article#contacto1, article#contacto2{
width: 100%;
display: inline-block;
vertical-align:top;
font-size:12px;
}

article#contacto1 h6{

font-size:14px;
}

article#contacto1{
	background: #FFF;
	max-width: 100%;
	width:42%;
}

article#contacto2{
	background: #FFF;
	max-width: 100%;
	width:42%;
}
article#contacto1 p{
	color: #494646;
}


article#nuestros-servicios, article#servicio1, article#servicio2, article#servicio3, article#servicio4, article#servicio5, article#servicio6{
	border-radius: .5em;
	padding: .0em .0em .0em .0em;
	margin: .4em .4em; .0em; .0em;
}


article#servicio1, article#servicio2, article#servicio3{
	max-width: 100%;
	border-radius: .6em;
	min-height: 150px;
	padding: .5em;
	text-align: justify;
	display: inline-block;
	width: 29%;
	vertical-align: top;
	margin-left: 10px;
	margin-right: 10px;
	vertical-align: top;
	height:220px;
	background: #e9e9e9;
	border-radius: 0.5em;
}

article#servicio1 img, article#servicio2 img, article#servicio3 img{
	border-radius: 0.6em;
}


article#servicio1-ser{
width:100%;
background-position:top left;}

	article#servicio1 h3{
	font-size: 1em;
	text-align: left;
	color:#a81818;
}
	article#servicio2 h3{
	font-size: 1em;
	text-align: left;
	color:#a81818;
}
	article#servicio3 h3{
	font-size: 1em;
	text-align: left;
	color:#a81818;
}
	article#servicio4 h3{
	font-size: 1em;
	text-align: left;
	color:#FFF;
}

article#servicio1 p, article#servicio2 p, article#servicio3 p , article#servicio4 p{
font-size: 0.8em;
text-align: left;
padding-top:5px;
padding-bottom:5px;
color:#FFF;
}

article#servicio1 a, article#servicio2 a, article#servicio3 a , article#servicio4 a{
color:#FFF;
}



article#hogar1, article#hogar2, article#hogar3, article#hogar4 {
background: #FFF;
display: inline-block;
width: 19%;
vertical-align: top;
margin-left: 7px;
margin-right: 7px;
padding: 0.1em;
}

article#hogar1, article#hogar3{
text-align: right;
}



article#hogar1 p, article#hogar3 p {
text-align: right;
color: #373839;
font-size: 12px;
}

article#hogar1 h4, article#hogar3 h4{
	color:#373839;
	box-shadow: .25em .25em rgba(187,187,187,.5 );
	padding-left: .4em;
	padding-top: .5em;
	padding-right:.3em;
	padding-bottom:.2em;
	font-size: 14px;
	width:155px;
float: right;
}

article#hogar2 p, article#hogar4 p{
text-align: middle;
color: #747572;
font-size: 12px;
}

article#hogar1 a, article#hogar2 a, article#hogar3 a, article#hogar4  a{
color: #747572;
}


article#muestra1, article#muestra2 {
background: #FFF;
display: inline-block;
width: 35%;
vertical-align: top;
margin-left: 7px;
margin-right: 7px;
padding: 0.1em;
}

article#instalaciones{
background: #FFF;
display: inline-block;
width: 75%;
vertical-align: top;
margin-left: 7px;
margin-right: 7px;
padding: 0.1em;
}

article#empresaarriba{
width: 25%;
display:block;
padding-right:100px;
float:right;
}
.info{
max-width:400px;
padding-right:100px;
float:right;
}

article#muestra1 {
text-align: justify;
color: #585454;
}

article#muestra1 p {
color: #585454;
}

article#ventajas1, article#ventajas2 {
background: #fef5fa;
display: inline-block;
vertical-align: top;
margin-left: 7px;
margin-right: 7px;
padding: 0.1em;
}
article#ventajas1{
text-align: justify;
color: #FFF;
width: 15%;

}
article#ventajas1 h6{
text-align: left;
}

article#ventajas2{
text-align: justify;
color: #FFF;
width: 65%;
}

article#ventajas2 p{
color: #FFF;
font-size:14px;
text-align: justify;
}

article#granel1, article#granel2 {
background: #fef5fa;
display: inline-block;
vertical-align: top;
margin-left: 7px;
margin-right: 7px;
padding: 0.1em;
width: 45%;
}

article#granel1 h6, article#granel2 h6{
text-align: left;
padding-bottom: 5px;
padding-left: 100px;
}

article#granel1 h5, article#granel2 h5{
text-align: left;
padding-left:100px;
}

article#granel1 h6, article#granel1 h5{
vertical-align: left;

}
article#granel1 p, article#granel1 h6{
text-align: right;
padding-right: 42px;
}

article#granel2 p, article#granel2 h6{
text-align: right;
padding-right: 42px;
}


p.variedad{
font-size: 11px;
font-weight: bold;
}



article#linea, article#ventajas1{
vertical-align: left;
}
article#linea{
width: 84%;
margin: auto;
}



article#boton1, article#boton2, article#boton3, article#boton4, article#boton5, article#boton6 {
background: #fef5fa;
display: inline-block;
width: 14%;
vertical-align: top;
margin-left: 7px;
margin-right: 7px;
padding: 0.1em;
}

article#boton1 p, article#boton2 p, article#boton3 p, article#boton4 p, article#boton5 p, article#boton6 p{
font-size:12px;
font-weight: bold;
padding-top:5px;
padding-bottom:3px;
}


footer{
	color: #fef5fa;
	font-size: 0.85em;
	padding: 0.75em 0;
}

article#galeria-inicio{
		max-width:100%;
		min-width:100%;
		background-color:#FFF;
	}
#sliderFrame{

max-width:100%;
		min-width:100%;}
	
ul.vert-one{margin:0;padding:0;list-style-type:none;display:block;
font:bold 16px Helvetica, Verdana, Arial, sans-serif;line-height:165%;
width:200px;background:#656363;}

ul.vert-one li{margin:0;padding:0;border-top:1px solid #656363;
border-bottom:1px solid #761A1A;}

ul.vert-one li a{display:block;text-decoration:none;color:#fff;
background:#656363;padding:0 0 0 20px;width:180px;}

ul.vert-one li a:hover{
background:#900 url("../img/vert-one_arrow.gif") no-repeat 0 9px;}

ul.vert-one li a.current,ul.vert-one li a.current:hover{
background:#933 url("../img/vert-one_arrow.gif") no-repeat 0 9px;}

ul.boton{
font-size: 14px;
width:240px;
}

.boton li{
box-shadow: .25em .25em rgba(187,187,187,.5 );
	padding-left: .4em;
	padding-top: .2em;
	padding-right:.3em;
	padding-bottom:.2em;
	margin-bottom:10px;
	text-align:left;
	}

.boton p{
vertical-align: middle;
font-size: 14px;
color:#454343;
}


ul.boton2{
font-size: 13px;
width:300px;

}	
.boton2 li{
box-shadow: .25em .25em rgba(187,187,187,.5 );
	padding-left: .4em;
	padding-top: .5em;
	padding-right:.3em;
	padding-bottom:.2em;
	margin-bottom:16px;
	text-align:left;
	}



.fade{
	opacity: 1;
	filter: alpha(opacity=10);
	-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.6;
	filter: alpha(opacity=6);
	-ms-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

}
	
	
@media screen and (min-width: 1081px){ 
	header h1{
		text-align: left;
		width:35%;
		
		}
	nav{
		text-align:right;
		width:60%;
		padding-top: 30px;
padding-bottom:10px;
padding-right:5px;
	}
	
	
	article#galeria-inicio{
		width:100%;
	}
	

article#empresa1{
	margin-right:26px;
}

table{
   width: 300px;

}

article#info, article#info1, article#info2{
display: inline-block;
	width:95%;
}

article#info{
padding-top:10px;
	background: #FFF;
	min-height: 260px;
	text-align: justify;
	width:10%;
}

article#info1{
display: inline-block;
	background: #FFF;
	border-radius: .5em;
	max-width: 100%;
	min-height: 260px;
	padding: .5em;
	text-align: justify;
	margin-left:170px;
	width:32%;

}

article#info2{
display: inline-block;
	background: #FFF;

	max-width: 100%;
	min-height: 260x;

	text-align: justify;
	margin-left:0px;
	width:30%;

}

article#info1 p {
font-size: .8em;

}
article#info2 p{
	color: #504b4b;
	text-align:left;
	vertical-align: middle;
	padding-bottom:15px;
	text-align:middle;
	font-size: .4em;
}
}

@media screen and (max-width: 1080px){ 
	nav li{
		font-size: 1.0em;
		}
		
	article#galeria-inicio{
		width:100%;
	}
	aside{
		width:20%;
	}
	
	article#descripcion-acerca, article#multimedia-acerca, #img-servicios, article#nuestros-servicios{
		width: 45%;
	}
	
	article#servicio1, article#servicio2, article#servicio3, article#servicio4, article#servicio5, article#servicio6 {
		width: 30%;
		margin-bottom: 0.2em;
	}
	article#empresa2 {
display: block;
width: 80%;
padding-bottom:3px;

}
article#empresa1{
padding-top:5px;
	max-width: 100%;
	min-height: 20px;
	text-align: justify;
	width:50%;
}

table{
    
   width: 280px;
   
}

article#info, article#info1, article#info2{
display: inline-block;
	width:95%;
}

article#info{
padding-top:10px;
	background: #FFF;
	min-height: 260px;
	text-align: justify;
	width:10%;
}

article#info1{
display: inline-block;
	background: #FFF;
	border-radius: .5em;
	max-width: 100%;
	min-height: 260px;
	padding: .5em;
	text-align: justify;
	margin-left:170px;
	width:32%;

}

article#info2{
display: inline-block;
	background: #FFF;

	max-width: 100%;
	min-height: 260x;

	text-align: justify;
	margin-left:0px;
	width:30%;

}

article#info1 p {
font-size: .8em;

}
article#info2 p{
	color: #504b4b;
	text-align:left;
	vertical-align: middle;
	padding-bottom:15px;
	text-align:middle;
	font-size: .5em;
}

}

@media screen and (max-width: 800px){ 
	nav li{
		font-size: 0.95em;
		display: block;
		font-size: 1.5em;
		}
	article#galeria-inicio{
		width:100%;
	}
	header{
	display: block;
	}

	#img-servicios, article#nuestros-servicios, article#servicios1{
	display: block;
	margin: 0 0 .25 0;
	width: 95%;
	}
	#img-servicios{
	width: 98%
	}
	
	article#servicio1, article#servicio2, article#servicio3, article#servicio4, article#servicio5, article#servicio6 {
		width: 85%;
		display: block;
	}
	
	article#empresa2 {
display: block;
width: 80%;
padding-bottom:3px;

}
article#empresa1{
padding-top:5px;
	max-width: 100%;
	min-height: 20px;
	text-align: justify;
	width:50%;
}

section#tel{
padding-bottom:30px;
max-width:98%;
text-align: right;
font-size: 16px;
font-weight:bold;
color:#b71c1c;

}
article#info{
	max-width: 100%;
	min-height: 20px;
	text-align: justify;
	width:50%;
}

article#info1{
display: block;
	width:80%;
	font-size: 0.6em;

}

article#info2{
display: block;
	width:80%;
		font-size: 0.4em;

}

}

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

h1{
		display: block;
		margin-bottom: 0.1em;
		width:50%;
		padding-bottom:5px;
		}
		
h2{
		display: block;
		margin-bottom: 0.8em;
font-size: 1.2em;

		}
		
nav {
padding-top: 5px;
padding-bottom:10px;
display: inline-block;
max-width:100%;
vertical-align: middle;
}

nav li{		
display: inline-block;
	font-size: 1.1em;
max-width:100%;
	}	


article#hogar1, article#hogar2, article#hogar3, article#hogar4 {
display: block;
width: 90%;
padding-bottom:3px;

}

article#hogar1 h4, article#hogar3 h4, article#hogar1 h4, article#hogar3 h4{
	box-shadow: .15em .15em rgba(187,187,187,.5 );
	padding-bottom:.3em;
	font-size: 11px;
	width:200px;
float: center;
}

article#hogar2 p, article#hogar4 p, article#hogar1 p, article#hogar3 p{
text-align: middle;
color: #747572;
font-size: 9px;
}

article#hogar2 p, article#hogar4 p
{

padding-bottom:30px;
}

article#hogar1 h5, article#hogar2 h5, article#hogar3 h5, article#hogar4 h5 {
	font-size: 10px;
}

section#hogar h2{
	width:70%;
	}	
	
.info{
	width:30%;
	float:center;
	padding-bottom:10px,
	}	
	
ul.boton{
font-size: 12px;
width:130px;

}

.boton li{
box-shadow: .25em .25em rgba(187,187,187,.5 );
	padding-left: .4em;
	padding-top: .5em;
	padding-right:.3em;
	padding-bottom:.2em;
	margin-bottom:10px;
	text-align:left;
	}
	
article#empresa2 {
display: block;
width: 80%;
padding-bottom:3px;

}
article#empresa1{

	max-width: 100%;
	min-height: 20px;
	text-align: justify;
	width:50%;
}
	
	section#principal, article#descripcion-acerca, article#multimedia-acerca, article#servicio2{
		margin-bottom: 0.2em;
	}
	
	section#principal, aside, article#descripcion-acerca, article#multimedia-acerca, article#servicio1, article#servicio2, article#servicio3, article#servicio4, article#servicio5, article#servicio6 {
		display: block;
		width:95%;
	}
	#img-servicios{
	display:none;
	}
	article#galeria-inicio{
		width:100%;
	}
h2 img{
padding-top:10px;
padding-bottom:20px;
}

article#contacto1 h6{
font-size:11px;
}

article#contacto1{
	background: #000000;
	padding-bottom:20px;
	display: block;
}
article#contacto2{
	background: #000000;
	display: block;
}

article#granel1, article#granel2 {
background: #000000;
display: block;
margin-left: 7px;
margin-right: 7px;
padding: 0.1em;
width: 90%;

}


article#granel2 a{
font-size:12px;
}
section#tel{
padding-bottom:30px;
max-width:98%;
text-align: right;
font-size: 16px;
font-weight:bold;
color:#b71c1c;
padding-right:10px;

}
	article#servicio1, article#servicio2, article#servicio3, article#servicio4, article#servicio5, article#servicio6 {
		width: 85%;
		display: block;
	}
	


article#info{
	max-width: 100%;
	min-height: 20px;
	text-align: justify;
	width:50%;
}

article#info1{
display: block;
	width:80%;
	font-size: 0.6em;

}

article#info2{
display: block;
	width:80%;
		font-size: 0.4em;

}

.contacto{
    padding: 5px 4px 20px;
    margin-top: 0px;
    background-color: white;
	text-align: left;
    display: block;	
}

.contacto label{
    display: block;
    font-weight: bold;
}

.campo{
    display: block;
    font-weight: bold;
	color:#504b4b;
	font-size:8px;
}


.contacto div{
    margin-bottom: 5px;
}
.contacto input[type='text'], .contacto textarea{
    padding: 7px 6px;
    width: 100px;
    border: 1px solid #CED5D7;
    resize: none;
    box-shadow:0 0 0 3px #eff1f2;
    margin: 5px 0;
	background-color:#f8f6f6;
}
table{
    
   width: 300px;
   
}



}