*{
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:#000000;
font-family:"source_sans_proregular", Helvetica, Verdana;
font-size:1em;

}

a{
	color:#5d5e60;
	font-weight:bold;
	text-decoration: none;
}

a:hover{
	color:#ed1485;
}

figcaption{
font-size:0.85em;
padding:0.25em;
text-align:center;
}
h1{
color:#FFF;
font-size:22px;
}

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

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

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

}

h2 img{
padding-top:30px;
}

h4{
	color:#000000;
	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:#000000;
	font-size: 14px;
}

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

	} 
	
p{

color: #000000;
font-family: Arial;
}

hr {
	border:1px solid #000000;

}


ol{
	padding: 0 2em;
}

ol li{
	padding: 1em 0;
}


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

}

footer{
background:#9a3c96;
}


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


header h1{
width:20%;
}


nav{
width:75%;
}


nav {
padding-top: 60px;
padding-bottom:30px;
padding-right:50px;

}

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:#000000;
	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;
}

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: #9a3c96;
height:50px;
padding-top:30px;
color:#FFF;
width: 12%;
}
article#pie2{
background-color: #9a3c96;
height:50px;
padding-top:30px;
color:#FFF;
width: 65%;
}
article#pie3{
background-color: #9a3c96;
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;
margin-bottom; 70px;
padding-bottom:70px;
}

article#empresa11{
padding-top:20px;
	background: #FFFFFF;
	max-width: 100%;
	min-height: 350px;
	text-align: justify;
	width:25%;
}
article#empresa22{
padding-top:10px;
margin-left:20px;
	background: #FFFFFF;
	max-width: 100%;
	min-height: 350px;
	text-align: justify;
	width:70%
}

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

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

}

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

article#empresatel{
display: inline-block;
	background: #FFFFFF;
	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: #000000;
}

h2 p, article#empresa3{
}


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

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

}

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

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

font-size:14px;
}

article#contacto1{
	background: #000000;
	max-width: 100%;
	width:30%;
}
article#contacto2{
	background: #000000;
	max-width: 100%;
	width:45%;
}
article#contacto1 p{
	color: #FFF;

}


article#nuestros-servicios, article#servicio1, article#servicio2, article#servicio3, article#servicio4, article#servicio5, article#servicio6{
	border-radius: .5em;
	max-width: 100%;
	min-height: 80px;
	padding: .2em .2em 0em .2em;
	margin: .4em .4em; .0em; .4em;
	text-align: justify;

}

article#servicio1, article#servicio2, article#servicio3{
background: #ecebeb;
display: inline-block;
width: 30%;
vertical-align: top;
margin-left: 3px;
margin-right: 3px;
}

article#servicio4, article#servicio5, article#servicio6 {
background: #ecebeb;
display: inline-block;
width: 30%;
vertical-align: top;
margin-left: 3px;
margin-right: 3px;

}

article#hogar1, article#hogar2, article#hogar3, article#hogar4 {
background: #000000;
display: inline-block;
width: 22%;
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: #747572;
font-size: 12px;
}

article#hogar1 h4, article#hogar3 h4{
	color:#FFF;
	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:225px;
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: #000000;
display: inline-block;

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: #FFF;
width: 55%;
font-size:.8em;
}

article#muestra2 {
text-align: justify;
color: #FFF;
width: 25%;
}

article#muestra1 p {
color: #FFF;
}

article#ventajas1, article#ventajas2 {
background: #000000;
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: #000000;
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: #FFFFFF;
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: #000000;
	font-size: 0.85em;
	padding: 0.75em 0;
}

article#galeria-inicio{
		max-width:100%;
		min-width:100%;
		background-color:#FFFFFF;
	}
#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:230px;

}

.boton li{

	padding-left: .4em;
	padding-top: .4em;
	padding-right:.3em;
	padding-bottom:.2em;
	margin-bottom:15px;
	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:20%;
		}
		
	nav{
		text-align:right;
		width:70%;
		padding-top: 60px;
padding-bottom:50px;
padding-right:20px;
	}
	
	
	article#galeria-inicio{
		width:100%;
	}
}

@media screen and (max-width: 1080px){ 
	nav li{
		font-size: 1.3em;
		}
		
	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;
	}
	
}

@media screen and (max-width: 800px){ 
	nav li{
		font-size: 0.95em;
		display: block;
		}
	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: 45%;
	}
}

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

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

nav li{		
display: inline-block;
font-size:8px;
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{
padding-top:5px;
	background: #000000;
	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;
}


}