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

}

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

a:hover{
	color:#F60;
}

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

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

h3{
	color:#0088b2;
	padding-left: .4em;
	padding-top: .5em;
	font-size: 18px;
	padding-bottom:5px;
	margin-bottom:5px;
	text-align:left;
}

h2{
font-size:18px;
text-align: left;
padding-left:45px;
text-decoration:underline;
}

h2 img{
padding-top:30px;
}

h4{
	color:#000000;
	box-shadow: .20em .20em rgba(187,187,187,.5 );
	padding-left: .4em;
	padding-top: .5em;
	padding-right:.3em;
	padding-bottom:.2em;
	font-size: 13px;
}
.cuadro{
	
	box-shadow: .10em .10em .25em .25em rgba(187,187,187,.6 );
	
}
h5{
	color:#0088b2;
	font-size: 16px;
	padding-left:5px;
	margin-bottom:8px;
}

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 #6d8fab;
}


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;

}
header{
background:#ffffff;

}

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

}

header h1, nav{
width:20%;
}

nav{
width:75%;
}



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

}


nav {
padding-top: 40px;
padding-bottom:10px;
padding-right:40px;

}

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:#006286;
	display: block;
	font-family:"source_sans_proregular", Helvetica, Verdana;
	font-size:.9em;
	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:#006286;
	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#tel{
padding-bottom:25px;
max-width:98%;
text-align: right;
font-size: 20px;
font-weight:bold;
color:#002a5c;

}

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: #ffffff;
height:50px;
padding-top:30px;
color:#605d5d;
width: 12%;
}
article#pie2{
background-color: #ffffff;
height:50px;
padding-top:30px;
color:#605d5d;
width: 65%;
}
article#pie3{
background-color: #ffffff;
height:50px;
padding-top:30px;
color:#605d5d;
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:20px;
	background: #ffffff;
	max-width: 100%;
	min-height: 350px;
	text-align: justify;
	width:65%;
}

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

article#empresa2{
display: inline-block;
	background: #FFF;
	border-radius: .5em;
	max-width: 100%;
	min-height: 350x;
	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{
}


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: #000000;
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: #ffffff;
	max-width: 100%;
	width:30%;
}
article#contacto2{
	background: #ffffff;
	max-width: 100%;
	width:45%;
}
article#contacto1 p{
	color: #000000;

}


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

}

article#servicio1, article#servicio2, article#servicio3{
background: #f2f3f3;
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#hogar3 {
background: #ffffff;
display: inline-block;
width: 24%;
vertical-align: top;
margin-left: 7px;
margin-right: 7px;
padding: 0.1em;
}

article#hogar2, article#hogar4 {
background: #ffffff;
display: inline-block;
width: 20%;
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: #474545;
font-size: 11px;
}

article#hogar1 h4, article#hogar3 h4{
	color:#000000;
	box-shadow: .20em .20em rgba(187,187,187,.5 );
	padding-left: .4em;
	padding-top: .5em;
	padding-right:.3em;
	padding-bottom:.2em;
	font-size: 14px;
	width:150px;
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: #ffffff;
display: inline-block;
width: 35%;
vertical-align: top;
margin-left: 7px;
margin-right: 7px;
padding: 0.1em;
}


article#bateas1, article#bateas2 {
background: #ffffff;
display: inline-block;
vertical-align: top;
margin-left: 7px;
margin-right: 7px;
padding: 0.1em;
width:100%;
}

article#bateas1 {
width: 25%;
}

article#bateas2 {
width: 45%;
text-align: left;
}

article#bateas3, article#bateas4 {
background: #ffffff;
display: inline-block;
vertical-align: top;
margin-left: 7px;
margin-right: 7px;
padding: 0.1em;
width:100%;
}

article#bateas3 {
width: 40%;
}

article#bateas4 {
width: 45%;
text-align: left;
}


article#trainers1, article#trainers2 {
background: #ffffff;
display: inline-block;
vertical-align: top;
margin-left: 7px;
margin-right: 7px;
padding: 0.1em;
width:100%;
}

article#trainers1 {
width: 40%;
}

article#trainers2 {
width: 40%;
text-align: left;
}

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

article#muestra1 p {
color: #000000;
}

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

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

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

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

article#granel1, article#granel2 {
background: #ffffff;
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:200px;

}

.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:20px;
	text-align:left;
	}


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

}	
.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:10px;
	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: 30px;
padding-bottom:30px;
padding-right:5px;
	}
		nav li{
		font-size: 0.9em;
		}
	
	article#galeria-inicio{
		width:100%;
	}
	
	
}

@media screen and (max-width: 1080px){ 
	nav li{
		font-size: 1.2em;
		}
		
	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: #ffffff;
	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: #ffffff;
	padding-bottom:20px;
	display: block;
}
article#contacto2{
	background: #ffffff;
	display: block;
}

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

}


article#granel2 a{
font-size:12px;
}


}