@charset "utf-8";
header, nav, section, article, aside, figure, footer{
	display: block;
	text-align: center;
}
.limpiar{
	clear:both;
	}

body{
	background-color: #333333;
	background-repeat: repeat-x;
}

p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	}
p1{
	font-family: Candara;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	}
h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFF;
	margin: 6px;
}
h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFF;
	margin: 6px;
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	margin: 0px;
	padding-left:2px;
	}
h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	margin: 0px;
	padding-left: 2px;
	}
h4{
	font-family: Candara;
	font-size: 24px;
	font-weight: bold;
	color: #FFF;
	}
h5{
	font-family: Candara;
	font-size: 18px;
	font-weight: normal;
	color: #FFF;
	text-align: justify;	
	}

/*-- maquetacion --*/
#contenedor{
	width:1325px;
	margin:auto;
	background:#000000;
	padding:0px;
	}
.flotante {
	display: scroll;
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: 999;
}
#cabecera0{
	background-repeat: repeat-x;
	height: 150px;
	width: 1325px;
	background-color: #DDDDDD;
	background-image: url(../imagenes/fond-cab.jpg);
	}
#cabecera{
	background-repeat: repeat-x;
	height: 150px;
	width: 1325px;
	background-color: #DDDDDD;
	background-image: url(../imagenes/fond-cab.jpg);
	}


#logo-p{
	float: left;
	margin-top: 15px;
	margin-right: 5px;
	margin-left: 10px;	
	
	}

#social-cabecera{
	float: left;
	margin-right: 5px;
	padding-top: 15px;
	margin-left: 100px;
	}
#social-cabecera1{
	float: left;
	margin-right: 5px;
	padding-top: 15px;
	margin-left: 50px;
	}
#contacto-cabecera{
	float: right;
	width: 300px;
	color: #FFF;
	font-family: "Eras Medium ITC";
	font-size: 12px;
	padding-top: 15px;
	text-align: center;
	margin-left: 20px;
	border-left-width: 3px;
	border-left-style: dotted;
	border-left-color: #C30;
	height: 60px;
	margin-top: 15px;
	}
#contacto-cabecera1{
	float: right;
	width: 200px;
	color: #FFF;
	font-family: "Eras Medium ITC";
	font-size: 12px;
	padding-top: 5px;
	text-align: center;
	margin-left: 20px;
	border-left-width: 3px;
	border-left-style: dotted;
	border-left-color: #C30;
	height: 60px;
	margin-top: 15px;
	}
#logo{
	float: left;
	margin-bottom: 0px;
	margin-left: 0px;
	}

/*--slider--*/

#slider{
	float: right;
	width: 742px;
	height: 557px;
	}

	
#cssmenu{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
#marcas{
	float: left;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 170px;
	}
#cuerpo{
	border-top-width: 3px;
	border-top-style: ridge;
	border-top-color: #CC3300;
	}

/*-- cuerpo --*/
.corporativo{
	background-image: url(../imagenes/img-%20qs-g.jpg);
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 30px;
	padding-left: 5px;
	margin-top: 50px;
	margin-bottom: 100px;
	}
.t-qs{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}
.tx-qs{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	}
.corporativo1{
	background-image: url(../imagenes/img-mision-g.jpg);
	padding-top: 60px;
	padding-right: 5px;
	padding-bottom: 100px;
	padding-left: 5px;
	margin-top: 50px;
	margin-bottom: 100px;
	}
.mision{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}

.tx-mision{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	}

.corporativo2{
	background-image: url(../imagenes/img-vision-g.jpg);
	padding-top: 30px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-top: 50px;
	margin-bottom: 100px;	
	}	

.vision{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}
.tx-vision{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	}
	
.corporativo3{
	background-image: url(../imagenes/img-valores-g.jpg);
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-top: 50px;
	margin-bottom: 100px;
	}	


.valores{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}
#val{
	
	}
#tx-valores{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	float: left;
	margin-left: 40px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-top: 60px;
	}
.compromiso{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 100px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}
.tx-compromiso{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 15px;
	padding-bottom: 50px;
	padding-left: 15px;
	margin-top: 20px;
	}	
	
/*--footer--*/
#piepagina-index{
	background-color: #CC3300;
	height: 30px;
	width: auto;
	}
#piepagina{
	
	background-color: #CC3300;
	height: 30px;
	width: auto;
	}
/*--piepagina--*/

#dreservados{
	margin-top: 5px;
	float: left;
	margin-left:450px;
	}
#dreservados1{
	margin-top: 5px;
	padding-top: 5px;
	float: left;
	margin-left: 500px;
	}
#visitas{
	float: right;
	margin-left: 10px;	
	}
/*-- contactenos--*/
.t-ubc{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}
.t-opinion{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: center;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-top: 20px;
	}
	
#cuerpo-mf{
	background-image: url(../imagenes/img-mision-g.jpg);
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	margin-bottom: 20px;
	}
/*--mapa--*/
.mapa{
	float: right;
	margin-right: 40px;
	width: 450px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 25px;
	margin-bottom: 30px;
	border: 5px solid #666666;
	visibility: hidden;
	}
/*--codigo-mapa-google--*/

.mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 450px !important;
	height: 350px !important;
}	
#rt-cont{
	float: none;
	margin-top: 10px;
	padding-top: 10px;
	}
#tex-form{
	float: left;
	margin-left: 250px;
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 5px;
	margin-bottom: 10px;
	margin-top: 0px;	
	}
form{
	width: 200px;
	float: left;
	margin-top:50px;
	margin-left: -200px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;	
	}
input, textarea{
	width: auto;
	margin-bottom: 20px;	
	}
#contestacion{
	float: left;
	margin-left: 150px;
	}
@media (max-width:480px){
	form{
		width:95%;
	}
}

#p-wilita{
	margin-top: 30px;
	margin-bottom: 30px;	
	}
/******************************************/
/***    DISEÑO PARA TABLETAS           ****/
/******************************************/

@media only screen and (max-width:1024px){
	
	body{
	width:100%;	
	}
	
	#contenedor{
		width:100%;
	}
	#cabecera0{
	background-repeat: repeat;
	height: 150px;
	width: auto;
	background-color: #DDDDDD;
	background-image: url(../imagenes/fond-cab.jpg);
	padding-top: 5px;
	padding-bottom: 5px;
	}
	#cabecera{
	background-repeat: repeat;
	height: 250px;
	width: auto;
	background-color: #DDDDDD;
	background-image: url(../imagenes/fond-cab.jpg);
	padding-top: 5px;
	padding-bottom: 5px;
	}

#logo-p{
	float: left;
	margin-top: 15px;
	margin-right: 5px;
	margin-left: 250px;	
	
	}

#social-cabecera{
	float: left;
	margin-right: 5px;
	padding-top: 15px;
	margin-left: 10px;
	}
#social-cabecera1{
	float: left;
	margin-right: 5px;
	padding-top: 15px;
	margin-bottom:25px;
	margin-left: 50px;
	}
#contacto-cabecera{
	float: left;
	width: 200px;
	color: #FFF;
	font-family: "Eras Medium ITC";
	font-size: 12px;
	padding-top: 15px;
	text-align: center;
	margin-left: 50px;
	border-left-width: 3px;
	border-left-style: dotted;
	border-left-color: #C30;
	height: 60px;
	margin-top: 15px;
	}
#contacto-cabecera1{
	float: right;
	width: 200px;
	color: #FFF;
	font-family: "Eras Medium ITC";
	font-size: 12px;
	padding-top: 5px;
	text-align: center;
	margin-left: 0px;
	margin-right: 100px;
	border-left-width: 3px;
	border-left-style: dotted;
	border-left-color: #C30;
	height: 60px;
	margin-top: 15px;
	}
#logo{
	float: left;
	height: auto;
	width: auto;
	margin-left: -50px;
	}
#logo img{
	height: auto;
	width: 80%;	
	}

/*--slider--*/

#slider{
	width: 520px;
	height: auto;
	margin-top: -420px;
	}
.slider{
	width: 100%;
	
	}
	
#marcas{
	float: left;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 80px;
	}
#cuerpo{
	border-top-width: 3px;
	border-top-style: ridge;
	border-top-color: #CC3300;
	}

/*-- cuerpo --*/
.corporativo{
	background-image: url(../imagenes/img-%20qs-g.jpg);
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 30px;
	padding-left: 5px;
	margin-top: 50px;
	margin-bottom: 100px;
	}
.t-qs{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}
.tx-qs{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	}
.corporativo1{
	background-image: url(../imagenes/img-mision-g.jpg);
	padding-top: 60px;
	padding-right: 5px;
	padding-bottom: 100px;
	padding-left: 5px;
	margin-top: 50px;
	margin-bottom: 100px;
	}
.mision{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}

.tx-mision{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	}

.corporativo2{
	background-image: url(../imagenes/img-vision-g.jpg);
	padding-top: 30px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-top: 50px;
	margin-bottom: 100px;	
	}	

.vision{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}
.tx-vision{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	}
	
.corporativo3{
	background-image: url(../imagenes/img-valores-g.jpg);
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-top: 50px;
	margin-bottom: 100px;
	}	


.valores{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}
#tx-valores{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	float: left;
	margin-left: 40px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-top: 60px;
	}
.compromiso{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 100px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}
.tx-compromiso{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 15px;
	padding-bottom: 80px;
	padding-left: 15px;
	margin-top: 20px;
	}	
	
/*--footer--*/
#piepagina-index{
	background-color: #CC3300;
	height: 30px;
	width: auto;
	}
#piepagina{
	
	background-color: #CC3300;
	height: 30px;
	width: auto;
	}
/*--piepagina--*/

#dreservados{
	margin-top: 0px;
	padding-top: 5px;
	float: left;
	margin-left: 100px;
	}
#dreservados1{
	margin-top: 5px;
	padding-top: 5px;
	float: left;
	margin-left: 350px;
	}
#visitas{
	float: right;
	margin-left: 10px;
	margin-right: 20px;
	}
/*-- contactenos--*/
.t-ubc{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}
.t-opinion{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: center;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-top: 20px;
	}
	
#cuerpo-mf{
	background-image: url(../imagenes/img-mision-g.jpg);
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	margin-bottom: 20px;
	}
/*--mapa--*/
.mapa{
	float: right;
	margin-right: 200px;
	width: 450px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 25px;
	margin-bottom: 30px;
	border: 5px solid #666666;
	}
/*--codigo-mapa-google--*/

.mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 450px !important;
	height: 350px !important;
}	
#rt-cont{
	float: none;
	margin-top: 10px;
	padding-top: 10px;
	}
#tex-form{
	float: left;
	margin-left: 350px;
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 5px;
	margin-bottom: 10px;
	margin-top: 0px;	
	}
form{
	width: 200px;
	float: left;
	margin-top:50px;
	margin-left: -200px;
	margin-bottom: 20px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;	
	}
input, textarea{
	width: auto;
	margin-bottom: 20px;	
	}
#contestacion{
	float: left;
	margin-left: 150px;
	}
@media (max-width:480px){
	form{
		width:95%;
	}
	
	
}
@media only screen and (max-width:768px){
	/*---index---*/
	body{
	width:100%;	
	}
	
	#contenedor{
	width: 100%;
	
	
	}
	#cabecera0{
	background-repeat: repeat;
	height: 250px;
	width: auto;
	background-color: #DDDDDD;
	background-image: url(../imagenes/fond-cab.jpg);
	padding-top: 5px;
	padding-bottom: 5px;
	}
	
	#cabecera{
	background-repeat: repeat;
	height: 350px;
	width: auto;
	background-color: #DDDDDD;
	background-image: url(../imagenes/fond-cab.jpg);
	padding-top: 5px;
	padding-bottom: 5px;
	}

#logo-p{
	float: left;
	margin-top: 15px;
	margin-right: 5px;
	margin-left: 200px;	
	
	}

#social-cabecera{
	float: left;
	margin-right: 5px;
	padding-top: 15px;
	margin-left: 50px;
	}
#social-cabecera1{
	float: left;
	margin-right: 5px;
	padding-top: 15px;
	margin-bottom:10px;
	margin-left: 150px;
	}
#contacto-cabecera{
	float: left;
	width: 150px;
	color: #FFF;
	font-family: "Eras Medium ITC";
	font-size: 12px;
	padding-top: 15px;
	text-align: center;
	margin-left: 80px;
	border-left-width: 3px;
	border-left-style: dotted;
	border-left-color: #C30;
	height: 60px;
	margin-top: 15px;
	}
#contacto-cabecera1{
	float: right;
	width: 200px;
	color: #FFF;
	font-family: "Eras Medium ITC";
	font-size: 12px;
	padding-top: 5px;
	text-align: center;
	margin-left: 0px;
	margin-right: 100px;
	border-left-width: 3px;
	border-left-style: dotted;
	border-left-color: #C30;
	height: 60px;
	margin-top: 15px;
	}
#logo{
	float: left;
	height: auto;
	width: 100%;
	margin-left: 0px;
	background-color: #DDD;
	}
#logo img{
	height: auto;
	width: 80%;	
	}

/*--slider--*/

#slider{
	width: 100%;
	height: auto;
	margin-top: 0px;
	
	}

	
#marcas{
	float: left;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 80px;
	}
#cuerpo{
	border-top-width: 3px;
	border-top-style: ridge;
	border-top-color: #CC3300;
	}

/*-- cuerpo --*/
.corporativo{
	background-image: url(../imagenes/img-%20qs-g.jpg);
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 30px;
	padding-left: 5px;
	margin-top: 50px;
	margin-bottom: 100px;
	}
.t-qs{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}
.tx-qs{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	}
.corporativo1{
	background-image: url(../imagenes/img-mision-g.jpg);
	padding-top: 60px;
	padding-right: 5px;
	padding-bottom: 100px;
	padding-left: 5px;
	margin-top: 50px;
	margin-bottom: 100px;
	}
.mision{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}

.tx-mision{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	}

.corporativo2{
	background-image: url(../imagenes/img-vision-g.jpg);
	padding-top: 30px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-top: 50px;
	margin-bottom: 100px;	
	}	

.vision{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}
.tx-vision{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	}
	
.corporativo3{
	background-image: url(../imagenes/img-valores-g.jpg);
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-top: 50px;
	margin-bottom: 100px;
	}	


.valores{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}
#tx-valores{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	float: left;
	margin-left: 40px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-top: 60px;
	}
.compromiso{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 100px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}
.tx-compromiso{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 15px;
	padding-bottom: 80px;
	padding-left: 15px;
	margin-top: 20px;
	}	
	
/*--footer--*/
#piepagina-index{
	background-color: #CC3300;
	height: 30px;
	width: auto;
	}
#piepagina{
	
	background-color: #CC3300;
	height: 30px;
	width: auto;
	}
/*--piepagina--*/

#dreservados{
	margin-top: 0px;
	padding-top: 5px;
	float: left;
	margin-left: 100px;
	}
#dreservados1{
	margin-top: 5px;
	padding-top: 5px;
	float: left;
	margin-left: 250px;
	}
#visitas{
	float: right;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 60px;
	}
/*-- contactenos--*/
.t-ubc{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}
.t-opinion{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: center;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-top: 20px;
	}
	
#cuerpo-mf{
	background-image: url(../imagenes/img-mision-g.jpg);
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	margin-bottom: 20px;
	}
/*--mapa--*/
.mapa{
	float: right;
	margin-right: 120px;
	width: 450px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 25px;
	margin-bottom: 30px;
	border: 5px solid #666666;
	}
/*--codigo-mapa-google--*/

.mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 450px !important;
	height: 350px !important;
}	
#rt-cont{
	float: none;
	margin-top: 10px;
	padding-top: 10px;
	}
#tex-form{
	float: left;
	margin-left: 250px;
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 5px;
	margin-bottom: 10px;
	margin-top: 0px;	
	}
form{
	width: 200px;
	float: left;
	margin-left: 250px;
	margin-bottom: 20px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;	
	}
input, textarea{
	width: auto;
	margin-bottom: 20px;	
	}
#contestacion{
	float: left;
	margin-left: 150px;
	}
@media (max-width:480px){
	form{
		width:95%;
	}

	
}
/******************************************/
/***    DISEÑO PARA MOVILES 640        ****/
/******************************************/
@media only screen and (max-width:640px){
	body{
	width:100%;	
	}
	
	#contenedor{
	width: 100%;
	
	
	}
	#cabecera0{
	background-repeat: repeat;
	height: 250px;
	width: auto;
	background-color: #DDDDDD;
	background-image: url(../imagenes/fond-cab.jpg);
	padding-top: 5px;
	padding-bottom: 5px;
	}
	
	#cabecera{
	background-repeat: repeat;
	height: 350px;
	width: auto;
	background-color: #DDDDDD;
	background-image: url(../imagenes/fond-cab.jpg);
	padding-top: 5px;
	padding-bottom: 5px;
	}

#logo-p{
	float: left;
	margin-top: 15px;
	margin-right: 5px;
	margin-left: 100px;	
	
	}


#social-cabecera{
	float: left;
	margin-right: 5px;
	padding-top: 15px;
	margin-left: 80px;
	}
#social-cabecera1{
	float: left;
	margin-right: 5px;
	padding-top: 15px;
	margin-bottom:10px;
	margin-left: 100px;
	}
#contacto-cabecera{
	float: left;
	width: 150px;
	color: #FFF;
	font-family: "Eras Medium ITC";
	font-size: 12px;
	padding-top: 15px;
	text-align: center;
	margin-left: 80px;
	border-left-width: 3px;
	border-left-style: dotted;
	border-left-color: #C30;
	height: 60px;
	margin-top: 15px;
	}
#contacto-cabecera1{
	float: right;
	width: 200px;
	color: #FFF;
	font-family: "Eras Medium ITC";
	font-size: 12px;
	padding-top: 5px;
	text-align: center;
	margin-left: 0px;
	margin-right: 60px;
	border-left-width: 3px;
	border-left-style: dotted;
	border-left-color: #C30;
	height: 60px;
	margin-top: 15px;
	}
#logo{
	float: left;
	height: auto;
	width: 100%;
	margin-left: 0px;
	background-color: #DDD;
	}
#logo img{
	height: auto;
	width: 80%;	
	}

/*--slider--*/

#slider{
	width: 100%;
	height: auto;
	margin-top: 0px;
	
	}

	
#marcas{
	float: right;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 20px;
	margin-right: 60px;
	}
#cuerpo{
	border-top-width: 3px;
	border-top-style: ridge;
	border-top-color: #CC3300;
	}

/*-- cuerpo --*/
.corporativo{
	background-image: url(../imagenes/img-%20qs-g.jpg);
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 30px;
	padding-left: 5px;
	margin-top: 50px;
	margin-bottom: 100px;
	}
.t-qs{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}
.tx-qs{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	}
.corporativo1{
	background-image: url(../imagenes/img-mision-g.jpg);
	padding-top: 60px;
	padding-right: 5px;
	padding-bottom: 100px;
	padding-left: 5px;
	margin-top: 50px;
	margin-bottom: 100px;
	}
.mision{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}

.tx-mision{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	}

.corporativo2{
	background-image: url(../imagenes/img-vision-g.jpg);
	padding-top: 30px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-top: 50px;
	margin-bottom: 100px;	
	}	

.vision{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}
.tx-vision{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	}
	
.corporativo3{
	background-image: url(../imagenes/img-valores-g.jpg);
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-top: 50px;
	margin-bottom: 100px;
	}	


.valores{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}
#tx-valores{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	float: left;
	margin-left: 40px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-top: 60px;
	}
.compromiso{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}
.tx-compromiso{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 15px;
	padding-bottom: 40px;
	padding-left: 15px;
	margin-top: 20px;
	}	
	
/*--footer--*/
#piepagina-index{
	background-color: #CC3300;
	height: 50px;
	width: auto;
	}
#piepagina{
	
	background-color: #CC3300;
	height: 30px;
	width: auto;
	}


#dreservados{
	margin-top: 10px;
	float: left;
	margin-left: 100px;
	}
#dreservados1{
	margin-top: 5px;
	padding-top: 5px;
	float: left;
	margin-left: 120px;
	}
#visitas{
	float: right;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 20px;
	}
/*-- contactenos--*/
.t-ubc{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}
.t-opinion{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: center;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-top: 20px;
	}
	
#cuerpo-mf{
	background-image: url(../imagenes/img-mision-g.jpg);
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	margin-bottom: 20px;
	}
/*--mapa--*/
.mapa{
	float: right;
	margin-right: 60px;
	width: 450px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 25px;
	margin-bottom: 30px;
	border: 5px solid #666666;
	}
/*--codigo-mapa-google--*/

.mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 450px !important;
	height: 350px !important;
}	
#rt-cont{
	float: none;
	margin-top: 10px;
	padding-top: 10px;
	}
#tex-form{
	float: left;
	margin-left: 200px;
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 5px;
	margin-bottom: 10px;
	margin-top: 0px;	
	}
form{
	width: 150px;
	float: left;
	margin-left: 150px;
	margin-bottom: 20px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;	
	}
input, textarea{
	width: auto;
	margin-bottom: 20px;	
	}
#contestacion{
	float: left;
	margin-left: 150px;
	}
@media (max-width:480px){
	form{
		width:95%;
	}
}
/******************************************/
/***    DISEÑO PARA MOVILES 480        ****/
/******************************************/
@media only screen and (max-width:480px){
body{
	width:100%;	
	}
	
	#contenedor{
	width: 100%;
	
	
	}
	#cabecera0{
	background-repeat: repeat;
	height: 250px;
	width: auto;
	background-color: #DDDDDD;
	background-image: url(../imagenes/fond-cab.jpg);
	padding-top: 5px;
	padding-bottom: 5px;
	}

#cabecera{
	background-repeat: repeat;
	height: 450px;
	width: auto;
	background-color: #DDDDDD;
	background-image: url(../imagenes/fond-cab.jpg);
	padding-top: 5px;
	padding-bottom: 5px;
	}

#logo-p{
	float: left;
	margin-top: 15px;
	margin-right: 5px;
	margin-left: 30px;	
	
	}
#logo-p img{
	width:80%;
	height:auto;
	}

#social-cabecera{
	float: left;
	margin-right: 5px;
	padding-top: 15px;
	margin-left: 60px;
	}
#social-cabecera1{
	float: left;
	margin-right: 5px;
	padding-top: 15px;
	margin-bottom:10px;
	margin-left: 150px;
	}
#contacto-cabecera{
	float: left;
	width: 150px;
	color: #FFF;
	font-family: "Eras Medium ITC";
	font-size: 12px;
	padding-top: 15px;
	text-align: center;
	margin-left: 50px;
	border-left-width: 3px;
	border-left-style: dotted;
	border-left-color: #C30;
	height: 60px;
	margin-top: 15px;
	}
#contacto-cabecera1{
	float: right;
	width: 200px;
	color: #FFF;
	font-family: "Eras Medium ITC";
	font-size: 12px;
	padding-top: 5px;
	text-align: center;
	margin-left: 0px;
	margin-right: 90px;
	border-left-width: 3px;
	border-left-style: dotted;
	border-left-color: #C30;
	height: 60px;
	margin-top: 15px;
	}
#logo{
	float: left;
	height: auto;
	width: 100%;
	margin-left: 0px;
	background-color: #DDD;
	}
#logo img{
	height: auto;
	width: 80%;	
	}

/*--slider--*/

#slider{
	width: 100%;
	height: auto;
	margin-top: 0px;
	
	}

	
#marcas{
	float: right;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 20px;
	margin-right: 120px;
	}
#cuerpo{
	border-top-width: 3px;
	border-top-style: ridge;
	border-top-color: #CC3300;
	}

/*-- cuerpo --*/
.corporativo{
	background-image: url(../imagenes/img-%20qs-g.jpg);
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 30px;
	padding-left: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	}
.t-qs{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}
.tx-qs{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	}
.corporativo1{
	background-image: url(../imagenes/img-mision-g.jpg);
	padding-top: 60px;
	padding-right: 5px;
	padding-bottom: 100px;
	padding-left: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	}
.mision{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}

.tx-mision{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	}

.corporativo2{
	background-image: url(../imagenes/img-vision-g.jpg);
	padding-top: 30px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-top: 10px;
	margin-bottom: 10px;	
	}	

.vision{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}
.tx-vision{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	}
	
.corporativo3{
	background-image: url(../imagenes/img-valores-g.jpg);
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-top: 10px;
	margin-bottom: 30px;
	}	


.valores{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}
#val img{
	width:95%;
	height:95%;
	}
#tx-valores{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	float: left;
	margin-left: 40px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-top: 60px;
	}
.compromiso{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}
.tx-compromiso{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 15px;
	padding-bottom: 40px;
	padding-left: 15px;
	margin-top: 20px;
	}	
	
/*--footer--*/
#piepagina-index{
	background-color: #CC3300;
	height: 50px;
	width: auto;
	}
#piepagina{
	
	background-color: #CC3300;
	height: 40px;
	width: auto;
	}
/*--piepagina--*/

#dreservados{
	margin-top: 0px;
	padding-top: 5px;
	float: left;
	width: 200px;
	margin-left:50px;
	}
#dreservados1{
	margin-top: 5px;
	padding-top: 5px;
	float: left;
	margin-left: 50px;
	}
#visitas{
	float: right;
	margin-left: 10px;
	margin-right: 20px;
	}
/*-- contactenos--*/
.t-ubc{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}
.t-opinion{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: center;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-top: 20px;
	}
	
#cuerpo-mf{
	background-image: url(../imagenes/img-mision-g.jpg);
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	margin-bottom: 20px;
	}
/*--mapa--*/
.mapa{
	float: right;
	margin-right: 60px;
	width: 300px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 25px;
	margin-bottom: 30px;
	border: 5px solid #666666;
	}
/*--codigo-mapa-google--*/

.mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 450px !important;
	height: 350px !important;
}	
#rt-cont{
	float: none;
	margin-top: 10px;
	padding-top: 10px;
	}
#tex-form{
	float: left;
	margin-left: 150px;
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 5px;
	margin-bottom: 10px;
	margin-top: 0px;	
	}
form{
	width: 200px;
	float: left;
	margin-left: 0px;
	margin-bottom: 20px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;	
	}
input, textarea{
	width: auto;
	margin-bottom: 10px;	
	}
#contestacion{
	float: left;
	margin-left: 150px;
	}
@media (max-width:480px){
	form{
		width:95%;
		}
	}
}

/******************************************/
/***    DISEÑO PARA MOVILES 414        ****/
/******************************************/
@media only screen and (max-width:414px){
body{
	width:100%;	
	}
	
	#contenedor{
	width: 100%;
	
	
	}
	#cabecera0{
	background-repeat: repeat;
	height: 250px;
	width: auto;
	background-color: #DDDDDD;
	background-image: url(../imagenes/fond-cab.jpg);
	padding-top: 5px;
	padding-bottom: 5px;
	}

#cabecera{
	background-repeat: repeat;
	height: 450px;
	width: auto;
	background-color: #DDDDDD;
	background-image: url(../imagenes/fond-cab.jpg);
	padding-top: 5px;
	padding-bottom: 5px;
	}

#logo-p{
	float: left;
	margin-top: 15px;
	margin-right: 5px;
	margin-left: 30px;	
	
	}
#logo-p img{
	width:80%;
	height:auto;
	}

#social-cabecera{
	float: left;
	margin-right: 5px;
	padding-top: 15px;
	margin-left: 60px;
	}
#social-cabecera1{
	float: left;
	margin-right: 5px;
	padding-top: 15px;
	margin-bottom:10px;
	margin-left: 150px;
	}
#contacto-cabecera{
	float: left;
	width: 150px;
	color: #FFF;
	font-family: "Eras Medium ITC";
	font-size: 12px;
	padding-top: 15px;
	text-align: center;
	margin-left: 50px;
	border-left-width: 3px;
	border-left-style: dotted;
	border-left-color: #C30;
	height: 60px;
	margin-top: 15px;
	}
#contacto-cabecera1{
	float: right;
	width: 200px;
	color: #FFF;
	font-family: "Eras Medium ITC";
	font-size: 12px;
	padding-top: 5px;
	text-align: center;
	margin-left: 0px;
	margin-right: 90px;
	border-left-width: 3px;
	border-left-style: dotted;
	border-left-color: #C30;
	height: 60px;
	margin-top: 15px;
	}
#logo{
	float: left;
	height: auto;
	width: 100%;
	margin-left: 0px;
	background-color: #DDD;
	}
#logo img{
	height: auto;
	width: 80%;	
	}

/*--slider--*/

#slider{
	width: 100%;
	height: auto;
	margin-top: 0px;
	
	}

	
#marcas{
	float: right;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 20px;
	margin-right: 120px;
	}
#cuerpo{
	border-top-width: 3px;
	border-top-style: ridge;
	border-top-color: #CC3300;
	}

/*-- cuerpo --*/
.corporativo{
	background-image: url(../imagenes/img-%20qs-g.jpg);
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 30px;
	padding-left: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	}
.t-qs{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}
.tx-qs{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	}
.corporativo1{
	background-image: url(../imagenes/img-mision-g.jpg);
	padding-top: 60px;
	padding-right: 5px;
	padding-bottom: 100px;
	padding-left: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	}
.mision{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}

.tx-mision{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	}

.corporativo2{
	background-image: url(../imagenes/img-vision-g.jpg);
	padding-top: 30px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-top: 10px;
	margin-bottom: 10px;	
	}	

.vision{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}
.tx-vision{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	}
	
.corporativo3{
	background-image: url(../imagenes/img-valores-g.jpg);
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-top: 10px;
	margin-bottom: 30px;
	}	


.valores{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}
#val img{
	width:90%;
	height:90%;
	}
#tx-valores{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	float: left;
	margin-left: 120px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-top: 60px;
	}
.compromiso{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}
.tx-compromiso{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 15px;
	padding-bottom: 40px;
	padding-left: 15px;
	margin-top: 20px;
	}	
	
/*--footer--*/
#piepagina-index{
	background-color: #CC3300;
	height: 100px;
	width: auto;
	}
#piepagina{
	
	background-color: #CC3300;
	height: 50px;
	width: auto;
	}
/*--piepagina--*/

#dreservados{
	margin-top: 0px;
	padding-top: 5px;
	float: left;
	margin-left: 20px;
	width: 100px;
	}
#dreservados1{
	width: 350px;
	margin-top: 5px;
	padding-top: 10px;
	float: left;
	margin-left: 30px;
	}
#visitas{
	float: right;
	margin-left: 10px;
	margin-right: 20px;
	}
/*-- contactenos--*/
.t-ubc{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}
.t-opinion{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: center;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-top: 20px;
	}
	
#cuerpo-mf{
	background-image: url(../imagenes/img-mision-g.jpg);
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	margin-bottom: 20px;
	}
/*--mapa--*/
/*--mapa--*/
.mapa{
	float: right;
	margin-right: 40px;
	width: 300px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 25px;
	margin-bottom: 30px;
	border: 5px solid #666666;
	}
/*--codigo-mapa-google--*/

.mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 450px !important;
	height: 350px !important;
}	
#rt-cont{
	float: none;
	margin-top: 10px;
	padding-top: 10px;
	}
#tex-form{
	float: left;
	margin-left: 100px;
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 5px;
	margin-bottom: 10px;
	margin-top: 0px;	
	}
form{
	width: 200px;
	float: left;
	margin-left: -10px;
	margin-bottom: 20px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;	
	}
input, textarea{
	width: auto;
	margin-bottom: 10px;	
	}
#contestacion{
	float: left;
	margin-left: 150px;
	}
@media (max-width:480px){
	form{
		width:95%;
		}
	}
}

/******************************************/
/***    DISEÑO PARA MOVILES 375        ****/
/******************************************/
@media only screen and (max-width:375px){
	
body{
	width:100%;	
	}
	
	#contenedor{
	width: 100%;
	
	
	}
	#cabecera0{
	background-repeat: repeat;
	height: 250px;
	width: auto;
	background-color: #DDDDDD;
	background-image: url(../imagenes/fond-cab.jpg);
	padding-top: 5px;
	padding-bottom: 5px;
	}

#logo-p{
	float: left;
	margin-top: 15px;
	margin-right: 5px;
	margin-left: 10px;	
	
	}

#social-cabecera{
	float: left;
	margin-right: 5px;
	padding-top: 15px;
	margin-left: 60px;
	}
#social-cabecera1{
	float: left;
	margin-right: 5px;
	padding-top: 15px;
	margin-left: 10px;
	}
#contacto-cabecera{
	float: left;
	width: 150px;
	color: #FFF;
	font-family: "Eras Medium ITC";
	font-size: 12px;
	padding-top: 15px;
	text-align: center;
	margin-left: 50px;
	border-left-width: 3px;
	border-left-style: dotted;
	border-left-color: #C30;
	height: 60px;
	margin-top: 15px;
	}
#contacto-cabecera1{
	float: right;
	width: 200px;
	color: #FFF;
	font-family: "Eras Medium ITC";
	font-size: 12px;
	padding-top: 5px;
	text-align: center;
	margin-left: 20px;
	border-left-width: 3px;
	border-left-style: dotted;
	border-left-color: #C30;
	height: 60px;
	margin-top: 15px;
	}
#logo{
	float: left;
	height: auto;
	width: 100%;
	margin-left: 0px;
	background-color: #DDD;
	}
#logo img{
	height: auto;
	width: 80%;	
	}

/*--slider--*/

#slider{
	width: 100%;
	height: auto;
	margin-top: 0px;
	
	}

	
#marcas{
	float: right;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 20px;
	margin-right: 120px;
	}
#cuerpo{
	border-top-width: 3px;
	border-top-style: ridge;
	border-top-color: #CC3300;
	}

/*-- cuerpo --*/
.corporativo{
	background-image: url(../imagenes/img-%20qs-g.jpg);
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 30px;
	padding-left: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	}
.t-qs{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}
.tx-qs{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	}
.corporativo1{
	background-image: url(../imagenes/img-mision-g.jpg);
	padding-top: 60px;
	padding-right: 5px;
	padding-bottom: 100px;
	padding-left: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	}
.mision{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}

.tx-mision{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	}

.corporativo2{
	background-image: url(../imagenes/img-vision-g.jpg);
	padding-top: 30px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-top: 10px;
	margin-bottom: 10px;	
	}	

.vision{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}
.tx-vision{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	}
	
.corporativo3{
	background-image: url(../imagenes/img-valores-g.jpg);
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-top: 10px;
	margin-bottom: 30px;
	}	


.valores{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}
#tx-valores{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	float: left;
	margin-left: 100px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 60px;
	}
.compromiso{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}
.tx-compromiso{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
	margin-top: 20px;
	}	
	
/*--footer--*/
#piepagina-index{
	background-color: #CC3300;
	height: 100px;
	width: auto;
	}
#piepagina{
	
	background-color: #CC3300;
	height: 50px;
	width: auto;
	}
/*--piepagina--*/

#dreservados{
	margin-top: 0px;
	padding-top: 5px;
	float: left;
	margin-left: 20px;
	width: 100px;
	}
#dreservados1{
	width: 250px;
	margin-top: 5px;
	padding-top: 5px;
	float: left;
	margin-left: 40px;
	}
#visitas{
	float: right;
	margin-left: 10px;
	margin-right: 20px;
	}
/*-- contactenos--*/
.t-ubc{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}
.t-opinion{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: center;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-top: 20px;
	}
	
#cuerpo-mf{
	background-image: url(../imagenes/img-mision-g.jpg);
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	margin-bottom: 20px;
	}
/*--mapa--*/
/*--mapa--*/
.mapa{
	float: right;
	margin-right: 20px;
	width: 300px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 25px;
	margin-bottom: 30px;
	border: 5px solid #666666;
	}
/*--codigo-mapa-google--*/

.mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 450px !important;
	height: 350px !important;
}	
#rt-cont{
	float: none;
	margin-top: 10px;
	padding-top: 10px;
	}
#tex-form{
	float: left;
	margin-left: 100px;
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 5px;
	margin-bottom: 10px;
	margin-top: 0px;	
	}
form{
	width: 200px;
	float: left;
	margin-left: 0px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;	
	}
input, textarea{
	width: auto;
	margin-bottom: 10px;	
	}
#contestacion{
	float: left;
	margin-left: 150px;
	}
@media (max-width:480px){
	form{
		width:95%;
		}
	}

}

/******************************************/
/***    DISEÑO PARA MOVILES 360        ****/
/******************************************/
@media only screen and (max-width:360px){
	
body{
	width:100%;	
	}
	
	#contenedor{
	width: 100%;
	
	
	}
	#cabecera0{
	background-repeat: repeat;
	height: 250px;
	width: auto;
	background-color: #DDDDDD;
	background-image: url(../imagenes/fond-cab.jpg);
	padding-top: 5px;
	padding-bottom: 5px;
	}

#logo-p{
	float: left;
	margin-top: 15px;
	margin-right: 5px;
	margin-left: 10px;	
	
	}

#social-cabecera{
	float: left;
	margin-right: 5px;
	padding-top: 15px;
	margin-left: 60px;
	}
#social-cabecera1{
	float: left;
	margin-right: 5px;
	padding-top: 15px;
	margin-left: 10px;
	}
#contacto-cabecera{
	float: left;
	width: 150px;
	color: #FFF;
	font-family: "Eras Medium ITC";
	font-size: 12px;
	padding-top: 15px;
	text-align: center;
	margin-left: 50px;
	border-left-width: 3px;
	border-left-style: dotted;
	border-left-color: #C30;
	height: 60px;
	margin-top: 15px;
	}
#contacto-cabecera1{
	float: right;
	width: 200px;
	color: #FFF;
	font-family: "Eras Medium ITC";
	font-size: 12px;
	padding-top: 5px;
	text-align: center;
	margin-left: 20px;
	border-left-width: 3px;
	border-left-style: dotted;
	border-left-color: #C30;
	height: 60px;
	margin-top: 15px;
	}
#logo{
	float: left;
	height: auto;
	width: 100%;
	margin-left: 0px;
	background-color: #DDD;
	}
#logo img{
	height: auto;
	width: 80%;	
	}

/*--slider--*/

#slider{
	width: 100%;
	height: auto;
	margin-top: 0px;
	
	}

	
#marcas{
	float: right;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 20px;
	margin-right: 120px;
	}
#cuerpo{
	border-top-width: 3px;
	border-top-style: ridge;
	border-top-color: #CC3300;
	}

/*-- cuerpo --*/
.corporativo{
	background-image: url(../imagenes/img-%20qs-g.jpg);
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 30px;
	padding-left: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	}
.t-qs{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}
.tx-qs{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	}
.corporativo1{
	background-image: url(../imagenes/img-mision-g.jpg);
	padding-top: 60px;
	padding-right: 5px;
	padding-bottom: 100px;
	padding-left: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	}
.mision{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}

.tx-mision{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	}

.corporativo2{
	background-image: url(../imagenes/img-vision-g.jpg);
	padding-top: 30px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-top: 10px;
	margin-bottom: 10px;	
	}	

.vision{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}
.tx-vision{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	}
	
.corporativo3{
	background-image: url(../imagenes/img-valores-g.jpg);
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-top: 10px;
	margin-bottom: 30px;
	}	


.valores{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}
#tx-valores{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	float: left;
	margin-left: 100px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 60px;
	}
.compromiso{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}
.tx-compromiso{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
	margin-top: 20px;
	}	
	
/*--footer--*/
#piepagina-index{
	background-color: #CC3300;
	height: 100px;
	width: auto;
	}
#piepagina{
	
	background-color: #CC3300;
	height: 50px;
	width: auto;
	}
/*--piepagina--*/

#dreservados{
	margin-top: 0px;
	padding-top: 5px;
	float: left;
	margin-left: 20px;
	width: 100px;
	}
#dreservados1{
	width: 250px;
	margin-top: 5px;
	padding-top: 5px;
	float: left;
	margin-left: 40px;
	}
#visitas{
	float: right;
	margin-left: 10px;
	margin-right: 20px;
	}
/*-- contactenos--*/
.t-ubc{
	font-family: Candara;
	font-size: 24px;
	color: #FFF;
	padding-top: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-left: 5px;
	font-weight: bold;
	}
.t-opinion{
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: center;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-top: 20px;
	}
	
#cuerpo-mf{
	background-image: url(../imagenes/img-mision-g.jpg);
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	margin-bottom: 20px;
	}
/*--mapa--*/
/*--mapa--*/
.mapa{
	float: right;
	margin-right: 20px;
	width: 300px;
	height: 350px;
	position: relative;
// This is the aspect ratio
    height: 75%;
	overflow: hidden;
	margin-top: 25px;
	margin-bottom: 30px;
	border: 5px solid #666666;
	}
/*--codigo-mapa-google--*/

.mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 450px !important;
	height: 350px !important;
}	
#rt-cont{
	float: none;
	margin-top: 10px;
	padding-top: 10px;
	}
#tex-form{
	float: left;
	margin-left: 100px;
	font-family: Candara;
	font-size: 18px;
	color: #FFF;
	text-align: justify;
	padding-right: 5px;
	margin-bottom: 10px;
	margin-top: 0px;	
	}
form{
	width: 200px;
	float: left;
	margin-left: 0px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;	
	}
input, textarea{
	width: auto;
	margin-bottom: 10px;	
	}
#contestacion{
	float: left;
	margin-left: 150px;
	}
@media (max-width:480px){
	form{
		width:95%;
		}
	}

}