/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
body{
	background-color:#FFF;
}

/*********************REDES SOCIALES************************/
#rsociales {
	position: fixed;
	top:30%;
	right: 0rem;
	z-index: 200;
	background-color:rgba(255,255,255,0.8);
	border-top-left-radius: 0.625rem;
	border-bottom-left-radius: 0.625rem;
	border-top: 1px solid #FF6200;
	border-left: 1px solid #FF6200;
	border-bottom: 1px solid #FF6200;
	padding: 0.2rem 0.5rem;
	width: 35px;
	display: block;
}

ul#lista_rsociales {
	padding: 0rem;
	margin: 0rem;
	list-style-position: inside;
	list-style-type: none;
}

ul#lista_rsociales li {
	text-align: center;
	margin-bottom: 0.125rem;
	margin-top: 0.125rem;
}

ul#lista_rsociales li img {
	opacity:1;
	-webkit-transition: opacity 0.4s ease-in-out;
   -moz-transition: opacity 0.4s ease-in-out;
   -o-transition: opacity 0.4s ease-in-out;
   -ms-transition: opacity 0.4s ease-in-out;
   transition: opacity 0.4s ease-in-out;
}

ul#lista_rsociales li img:hover {
	opacity:0.85;
	-webkit-transition: opacity 0.4s ease-in-out;
   -moz-transition: opacity 0.4s ease-in-out;
   -o-transition: opacity 0.4s ease-in-out;
   -ms-transition: opacity 0.4s ease-in-out;
   transition: opacity 0.4s ease-in-out;
}

/*******************************HEAD**********************/
header#fondo_horizontal_header {
	height:226px;
	background:url(../img/fondo_horizontal_head.jpg) top left repeat-x;
}

.fondo_sombra_head {
	width:auto;
	height:226px;
	/*position:relative; /**esta se coloccó aqui relativa ya que pondré el chat en esta caja***/
}

#logo {
	text-align:center;
	height:220px;
}

#logo img {
	width:100%;
	max-width:340px;
	max-height:100%;
}

#logo img:hover {
	opacity:0.8;
	-webkit-transition: opacity 0.4s ease-in-out;
   -moz-transition: opacity 0.4s ease-in-out;
   -o-transition: opacity 0.4s ease-in-out;
   -ms-transition: opacity 0.4s ease-in-out;
   transition: opacity 0.4s ease-in-out;
}

#espacio_head {
	height:226px;
}

/***BOTONES HEAT***/
#botones_heat {
	height:187px;
	margin-top:36px;
	text-align:center;
}

#botones_heat:hover {
	-webkit-transform: translate(0px, -6px) rotate(0deg) skew(0deg, 0deg) scale(1, 1);
	-moz-transform: translate(0px, -6px) rotate(0deg) skew(0deg, 0deg) scale(1, 1);
	-o-transform: translate(0px, -6px) rotate(0deg) skew(0deg, 0deg) scale(1, 1);
	-ms-transform: translate(0px, -6px) rotate(0deg) skew(0deg, 0deg) scale(1, 1);
	transform: translate(0px, -6px) rotate(0deg) skew(0deg, 0deg) scale(1, 1);

	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}

/**************************CONTENEDOR FONDO HORIZONTAL, SOMBRA, CABEZOTE***************************/
.fondo_horizontal_cabezote{
	width:100%;
	height:430px;
}

.fondo_horizontal_cabezote .fondo_sombra_cabezote{
	width:auto;
	height:430px;
	background:none;
}


/***************BARRA MENU HORIZONTAL************************/
nav#fondo_horizontal_nav {
	width:100%;
	height:102px;
	background:url(../img/fondo_horizontal_nav.jpg) top left repeat-x;
}

nav#fondo_horizontal_nav .fondo_sombra_nav {
	width:auto;
	height:102px;
	background:url(../img/fondo_sombra_nav.jpg) top center no-repeat;
}

nav h2{
	display:none;
}

#barramenu {
	height:51px;
	margin-top:1px;
}

/***************CONTENEDOR INDEX FONDO_COLOR****************************/
/*#fondo_color {
	background-color:#fbfafa;
}*/

/*************ARCHIVOS DE DESCARGAS A LA DERECHA*************/
.resumen_descarga {
	width:100%;
	text-align:left;
	margin-bottom:8px;
}

.boton_descarga {
	text-align:center;
	-moz-box-shadow:inset 0px 1px 0px 0px #9acc85;
	-webkit-box-shadow:inset 0px 1px 0px 0px #9acc85;
	box-shadow:inset 0px 1px 0px 0px #9acc85;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b));
	background:-moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-o-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b',GradientType=0);
	background-color:#74ad5a;
	border:1px solid #3b6e22;
	display:inline-block;
	cursor:pointer;
	font-size:14px;
	padding:6px 0px;
	text-decoration:none;
	margin-bottom:10px;
	width:100%;
}
.boton_descarga a {
	color:#ffffff;
	text-decoration:none;
}
.boton_descarga a:hover {
	color:#57524b;
	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.boton_descarga:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #68a54b), color-stop(1, #74ad5a));
	background:-moz-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:-webkit-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:-o-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:-ms-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a54b', endColorstr='#74ad5a',GradientType=0);
	background-color:#68a54b;
}
.boton_descarga:active {
	position:relative;
	top:1px;
}

#separador_descarga {
	border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 12px; height: 0;
}


/*************PUBLICIDAD COLUMNA DERECHA**************/
#banner_derecha {
	text-align:center;
	padding-top:36px;
}

#banner_derecha img:hover {
	opacity:0.7;
	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}

/***********CONTENEDOR QSOMOS - CLAIDAD CERTIFICADA- SERVICIO AL CLIENTE******************/
section#fondo_horizontal_qsomos_calidad_scliente {
	width:100%;
	height:366px;
	background:url(../img/fondo_horizontal_qsomos_calidad_scliente.png) top left repeat-x;
}

section#fondo_horizontal_qsomos_calidad_scliente .fondo_sombra_qsomos_calidad_scliente {
	width:auto;
	height:366px;
	background:url(../img/fondo_sombra_qsomos_calidad_scliente.png) bottom center no-repeat;
}

/***************************CONCÓCENOS HOME********************/
#conocenos {
	overflow:hidden;
	height:298px;
	padding-bottom:52px;
}

#conocenos h2 {
	width:280px;
	height:28px;
	text-align:left;
	font-size:26px;
	font-weight:600;
	color:#97c121;
	text-transform:uppercase;
}

#conocenos .contenido_conocenos {
	width:280px;
	height:253px;
	float:left;
	margin-top:17px;
}

#conocenos .contenido_conocenos img {
	width:100%;
	max-width:280px;
	max-height:100%;
	margin-bottom:10px;
}

#conocenos .contenido_conocenos img:hover {
	opacity:0.7;
	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}

#conocenos .contenido_conocenos .texto_conocenos {
	width:280px;
	height:170px;
	float:left;
	position:relative;
	text-align:justify;
}

#conocenos .contenido_conocenos .texto_conocenos .bot_vermas {
	width:77px;
	height:39px;
	position:absolute;
	bottom:0px;
	right:0px;
}

#conocenos .contenido_conocenos .texto_conocenos .bot_vermas img:hover {
	opacity:0.7;
	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}


/*******************CALIDAD GARANTIZADA****************************/
#calidad_garantizada {
	text-align:center;
}

#calidad_garantizada img:hover {
	opacity:0.7;
	-webkit-transition: opacity 0.4s ease-in-out;
   -moz-transition: opacity 0.4s ease-in-out;
   -o-transition: opacity 0.4s ease-in-out;
   -ms-transition: opacity 0.4s ease-in-out;
   transition: opacity 0.4s ease-in-out;
}

/*******************SERVICIO AL CLIENTE****************************/
#servicio_cliente {
	text-align:center;
}

#servicio_cliente img:hover {
	opacity:0.7;
	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}

/***********CONTENEDOR SERVICIOS SIN COSTOS******************/
section#fondo_horizontal_svs_sin_costo {
	width:100%;
	height:370px;
	background:url(../img/fondo_horizontal_svs_sin_costo.jpg) top left repeat-x;
}

#contenedor_servicios_sin_costo {
	height:315px;
	overflow:hidden;
}

#contenedor_servicios_sin_costo h2 {
	width:940px;
	height:41px;
	padding-top:22px;
	text-align:center;
	font-size:26px;
	font-weight:600;
	color:#97c121;
	text-transform:uppercase;
}

#contenedor_servicios_sin_costo .contenido_servicios_scosto {
	overflow:hidden;
}


/**********************THUMBS SERVICIOS SIN COSTO HOME****************************/
.thumbs_servicios_sincosto_home {
	width:220px;
	float:left;
	text-align:center;
	margin-left:5px;
	margin-right:5px;
}

.thumbs_servicios_sincosto_home img{
	width:100%;
	max-width:220px;
	max-height:100%;
}

.thumbs_servicios_sincosto_home img:hover{
	-webkit-transform: translate(0px, 0px) rotate(0deg) skew(0deg, 0deg) scale(0.9, 0.9);
	-moz-transform: translate(0px, 0px) rotate(0deg) skew(0deg, 0deg) scale(0.9, 0.9);
	-o-transform: translate(0px, 0px) rotate(0deg) skew(0deg, 0deg) scale(0.9, 0.9);
	-ms-transform: translate(0px, 0px) rotate(0deg) skew(0deg, 0deg) scale(0.9, 0.9);
	transform: translate(0px, 0px) rotate(0deg) skew(0deg, 0deg) scale(0.9, 0.9);
	opacity:0.75;

	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}


/*****************************TITULOS INTERNOS*********************/
#titulos_internos {
	height:auto;
}

#titulos_internos h2 {
	font-size:35px;
	font-weight:300;
	color:#3a688d;
	text-align:left;
	padding-top:18px;
	border-bottom:0.5px solid #ececec;
}

/*************CONTENEDOR BARRA UNICA PARA LAS INTERNES****************/
#espacio_barraunica {
	padding-bottom:35px;
}

/********CONTENIDO A 16 COLUMNNAS - INTERNAS*********/
.contenido {
	width:auto;
	overflow:hidden;
}

.contenido h2 {
	text-align:justify;
	margin-bottom:10px;
	font-size:18px;
	color:#97c121;
}

.contenido p {
	text-align:justify;
}

.contenido a {
	text-decoration:none;
	color:#80a22a;
}

.contenido a:hover {
	color:#333;
	-webkit-transition: color 0.4s ease-in-out;
   -moz-transition: color 0.4s ease-in-out;
   -o-transition: color 0.4s ease-in-out;
   -ms-transition: color 0.4s ease-in-out;
   transition: color 0.4s ease-in-out;
}

.contenido img#foto_contenido {
	margin-bottom:10px;
}

/***div que contiene las fotos de contenidos ampliados***/
.imagen_ampliada {
	height:auto;
	text-align:center;
	margin-bottom:10px;
}

.imagen_ampliada img {
	text-align:center;
	width:100%;
	max-width:940px;
	max-height:100%;
}

/*****AJUSTTES DE IMAGENS Y VIDEO PARA CUANDO SE VEA EN TABLETAS Y MOVILES*******/
#ajuste_imagen {
	width:100%;
	max-width:640px;
	max-height:100%;
}

#ajuste_imagen_logo {
	width:100%;
	max-width:220px;
	max-height:100%;
}

#ajuste_video {
	width:100%;
	max-width:400px;
	max-height:100%;
}

object,embed {
	width:220px;
}

/******************CONTENEDOR FORMULARIO CONTACTENOS********************/
.formulario_contactenos {
	width:460px;
	float:left;
	margin-right:20px;
}

.mapa_contactenos {
	width:460px;
	float:left;
}

.mapa_contactenos #mapa_google {
	width:100%;
	max-width:460px;
	max-height:100%;
}


/*******************************************THUMBS CONTENIDOS INDICES****************************/
.thumbs_lista_indice {
	width:auto;
	float:left;
	margin-bottom:15px;
	border-bottom:1px dashed rgba(209,231,247,0.7);
	padding-bottom:20px;
	position:relative;
}

.thumbs_lista_indice h2{
	width:auto;
	color:#3E3E3E;
	font-size: 14px;
	text-align:left;
	font-weight:700;
	margin-bottom:10px;
}

.thumbs_lista_indice h2 a {
	text-decoration:none;
	color:#3E3E3E;
	font-weight:700;
}

.thumbs_lista_indice h2 a:hover {
	color:#20629A;
   -webkit-transition: color 0.4s ease-in-out;
   -moz-transition: color 0.4s ease-in-out;
   -o-transition: color 0.4s ease-in-out;
   -ms-transition: color 0.4s ease-in-out;
   transition: color 0.4s ease-in-out;
}

.thumbs_lista_indice h3{
	width:550px;
	font-size: 14px;
	text-align:left;
	margin-bottom:10px;
}

.thumbs_lista_indice h3 a {
	text-decoration:none;
	color:#3E3E3E;
	font-weight:700;
}

.thumbs_lista_indice h3 a:hover {
	color:#20629A;
   -webkit-transition: color 0.4s ease-in-out;
   -moz-transition: color 0.4s ease-in-out;
   -o-transition: color 0.4s ease-in-out;
   -ms-transition: color 0.4s ease-in-out;
   transition: color 0.4s ease-in-out;
}

.thumbs_lista_indice #fondo_foto_indice{
	width:173px;
	/*height:149px;*/
	float:left;
	/*border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;*/
	padding-left:7px;
	padding-top:7px;
	padding-bottom:7px;
	margin-right:8px;
	margin-bottom:8px;
}

.thumbs_lista_indice #fondo_foto_indice:hover{
	margin-right:8px;
	margin-bottom:8px;
	opacity: .65;
	-moz-opacity: .65;
	-webkit-opacity: .65;
	-o-opacity: .65;
	-ms-opacity: .65;
}

.thumbs_lista_indice p a {
	text-decoration:none;
	color:#3E3E3E;
}

.thumbs_lista_indice p a:hover {
	color:#20629A;
   -webkit-transition: color 0.4s ease-in-out;
   -moz-transition: color 0.4s ease-in-out;
   -o-transition: color 0.4s ease-in-out;
   -ms-transition: color 0.4s ease-in-out;
   transition: color 0.4s ease-in-out;
}

/**********************THUMBS GALERIA FOTOS *************************/
.thumbs_galeria_fotos{
	width:140px;
	height:106px;
	float:left;
	margin-right:7px;
	margin-left:7px;
	margin-bottom:15px;
}
.thumbs_galeria_fotos p{
	text-align:center;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	color: #c43d3c;
}
.thumbs_galeria_fotos h2{
	color:#e2001a;
	text-align:center;
	font-size: 11px;
	text-transform: uppercase;
	clear: both;
	padding-top: 1px;
}
.thumbs_galeria_fotos a{
		text-decoration:none; text-align:center;
}
.thumbs_galeria_fotos a:hover{
	text-decoration:underline;
}

/***********************ALINEACIÓN BOTONES MAS, REGRESAR***************************/
.alineacion_derecha {
	width:77px;
	float:right;
	margin-top:15px;
}

.alineacion_derecha img:hover{
	opacity:0.7;
	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}

.alineacion_derecha_act_home {
	width:auto;
	font-size:12px;
	position:absolute;
	bottom:0px;
	right:0px;
	background-color:#656c74;
	padding:5px;
}

.alineacion_derecha_act_home:hover{
	background-color:#35383c;
	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}

.alineacion_derecha_act_home a {
	color:#dcdcdc;
	text-decoration:none;
}

.alineacion_derecha_act_home a:hover {
	color:#dcdcdc;
}

.thumbs_lista_indice .alineacion_derecha_indice {
	width:26px;
	height:26px;
	position:absolute;
	bottom:0px;
	right:0px;
	background-color:#656c74;
}

.thumbs_lista_indice .alineacion_derecha_indice a:hover{
	width:26px;
	height:26px;
	position:absolute;
	bottom:0px;
	right:0px;
	background-color:#9a1629;
	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}


/*************************/

.carrusel{
	padding:10px 0px 10px 0px;
}

/********************LOGOS PAGOS EN LINeA**************/
#logos_pagos {
	margin-bottom:30px;
	text-align:center;
}


/********************CREDITOS*************************/
footer#fondo_horizontal_creditos {
	height:376px;
	background:url(../img/fondo_horizontal_creditos.jpg) top left repeat-x;
}

#certificados_creditos {
	height:178px;
	text-align:center;
	margin-bottom:32px;
}

#certificados_creditos img {
	width:100%;
	max-width:940px;
	max-height:100%;
}

#certificados_creditos img:hover {
	opacity:0.7;
	-webkit-transition: opacity 0.4s ease-in-out;
   -moz-transition: opacity 0.4s ease-in-out;
   -o-transition: opacity 0.4s ease-in-out;
   -ms-transition: opacity 0.4s ease-in-out;
   transition: opacity 0.4s ease-in-out;
}

#creditos{
	height:111px;
	padding-top:55px;
	text-align:left;
	color:#fffefe;
	font-size:12px;
	background:url(../img/logo_creditos.png) top center no-repeat;
}

#creditos a{
	color:#333;
	font-weight:700;
}

#creditos a:hover{
	color:#ccc;
	-webkit-transition: color 0.4s ease-in-out;
   -moz-transition: color 0.4s ease-in-out;
   -o-transition: color 0.4s ease-in-out;
   -ms-transition: color 0.4s ease-in-out;
   transition: color 0.4s ease-in-out;
}

address#ancho_address {
	width:460px;
	margin-left:60px;
}

a#top {
	border-top-left-radius:20px;
	border-top-right-radius:20px;
    border: 3px solid rgba(181, 229, 63, 0.8);
    color:rgba(255, 255, 255, 0.8);
	background-color:rgba(118, 157, 36, 0.8);
    display: none;
    font-size: 28px;
    font-weight: 400;
    position:fixed;
    right: 10px;
	bottom: 0px;
    z-index:10;
	padding:5px;
	text-decoration:none;
}

a#top:hover {
	color: rgba(51, 51, 51, 1);
	-webkit-transition: color 0.4s ease-in-out;
   -moz-transition: color 0.4s ease-in-out;
   -o-transition: color 0.4s ease-in-out;
   -ms-transition: color 0.4s ease-in-out;
   transition: color 0.4s ease-in-out;
}

/*******************************************THUMBS CONTENIDOS INDICE****************************/
.thumbs_contenidos_indice {
	width:940px;
	float:left;
	margin-bottom:10px;
	border-bottom:1px solid rgba(99,99,99,0.8);
	padding-bottom:20px;
	position:relative;
}

.thumbs_contenidos_indice h2{
	color:#97c121;
	font-size: 18px;
	text-align:left;
	font-weight:600;
	margin-bottom:10px;
}

.thumbs_contenidos_indice h3 {
	text-align:justify;
	margin-bottom:10px;
	font-size:18px;
	font-weight:600;
}

.thumbs_contenidos_indice #foto_indice{
	margin-right:8px;
	margin-bottom:8px;
}

img#foto_indice {
	width:100%;
	max-width:200px;
	max-height:100%;
}

img#foto_indice:hover{
	opacity:0.7;
	-webkit-transition: color 0.4s ease-in-out;
   -moz-transition: color 0.4s ease-in-out;
   -o-transition: color 0.4s ease-in-out;
   -ms-transition: color 0.4s ease-in-out;
   transition: color 0.4s ease-in-out;
}

.thumbs_contenidos_indice .alineacion_derecha_indice {
	position:absolute;
	bottom:5px;
	right:0px;
	width:auto;
}

.thumbs_contenidos_indice .alineacion_derecha_indice img:hover{
	opacity:0.7;
	-webkit-transition: color 0.4s ease-in-out;
   -moz-transition: color 0.4s ease-in-out;
   -o-transition: color 0.4s ease-in-out;
   -ms-transition: color 0.4s ease-in-out;
   transition: color 0.4s ease-in-out;
}

/********THUMBS GALERIAS INDICE********/
#thumbs_galeria_indice {
	width:200px;
	height:200px;
	float:left;
	text-align:center;
	position:relative;
	margin-right:16px;
	margin-left:16px;
	margin-bottom:10px;
	margin-top:10px;
}

#thumbs_galeria_indice .foto_galeria {
	width:190px;
	float:left;
	background-color:#a0c740;
	padding:5px;
	text-align:center;
	box-shadow: 0px 0px 10px 0px rgba(5,5,5,0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(5,5,5,0.5);
	-o-box-shadow: 0px 0px 10px 0px rgba(5,5,5,0.5);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(5,5,5,0.5);
}

#thumbs_galeria_indice .foto_galeria img {
	width:100%;
	max-width:190px;
	max-height:100%;
}

#thumbs_galeria_indice .foto_galeria:hover {
	-webkit-transform: translate(0px, 0px) rotate(0deg) skew(0deg, 0deg) scale(0.9, 0.9);
	-moz-transform: translate(0px, 0px) rotate(0deg) skew(0deg, 0deg) scale(0.9, 0.9);
	-o-transform: translate(0px, 0px) rotate(0deg) skew(0deg, 0deg) scale(0.9, 0.9);
	-ms-transform: translate(0px, 0px) rotate(0deg) skew(0deg, 0deg) scale(0.9, 0.9);
	transform: translate(0px, 0px) rotate(0deg) skew(0deg, 0deg) scale(0.9, 0.9);

	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}

#thumbs_galeria_indice h2 {
	width:200px;
	height:27px;
	float:left;
	text-align:center;
	font-size:15px;
	font-weight:600;
	color:#a0c740;
	padding-top:3px;
	font-style:normal;
}


/*************************FORMULARIOS********************************/
.datos_personales {
	float:left;
	height:auto;
}

.nombre_telefono {
	width:300px;
	text-align:left;
	float:left;
	margin-right:20px;
}

.empresa_mail {
	width:300px;
	text-align:left;
	float:left;
}

.mensaje {
	width:300px;
	float:left;
	text-align:left;
	margin-right:20px;
}

.codigo_seguridad {
	width:300px;
	text-align:left;
	float:left;
}

form {
	width:auto;
}

.label{
	width:auto;
	margin-top:8px;
	margin-bottom:8px;
	font-weight:700;
}

input.i_text {
	color:#333;
	background-color:#FFF;
	border: 1px solid #3e3e3e;
	padding-left:5px;
	width:250px;
	height: 15px;
}

.i_text_login {
	width:auto;
	height:26px;
	background-color:#99DCF1;
	border:0px solid #3e3e3e;
	border-radius:15px;
	margin-left:10px;
	margin-right:15px;
	clear:both;
}

.i_text_captcha {
	color:#9e4012;
	background-color: #99DCF1;
	border: 1px solid #3e3e3e;
	padding-left:5px;
	width:90px;
	height: 25px;
}

.i_group_title{
	color:#9e4012;
	font-weight: bold;
	font-size:15px;
	margin-top:20px;
}

.enlace_captcha a{
	text-decoration:underline;
	color:#3e3e3e;
}

.enlace_captcha a:hover{
	color:#3e3e3e;
	text-shadow:#000 0px 2px 3px;
	-moz-transition: text-shadow 0.2s ease-out 0s;
}

.i_combo{
	color:#333;
	background-color:#FFF;
	border: 1px solid #CCCCCC;
	padding-left:5px;
	width:auto;
	height: 25px;
}

.i_buscar {
	width:auto;
	height:16px;
	background-color:#D7DEE8;
	border:0px solid #3e3e3e;
	border-radius:15px;
	margin-left:10px;
	margin-right:25px;
	padding:5px;
}

textarea.i_text{
	color:#333;
	background-color:#FFF;
	border: 1px solid #CCCCCC;
	padding-left:5px;
	width: 280px;
	height: 100px;
}

.submit:hover{
	 opacity: 0.6;
   -webkit-transition: opacity 0.4s ease-in-out;
   -moz-transition: opacity 0.4s ease-in-out;
   -o-transition: opacity 0.4s ease-in-out;
   -ms-transition: opacity 0.4s ease-in-out;
   transition: opacity 0.4s ease-in-out;
}

#bsubmit:hover{
	background-color:#D7DEE8;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}

input.i_text:hover{
	background-color:#D7DEE8;
	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}

select:hover{
	background-color:#D7DEE8;
	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}

textarea:hover{
	background-color:#D7DEE8;
	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}

input.submit {
    width: 25px;
	height:28px;
	background:transparent;
	background-image:url(../img/bot_buscar_form.png);
	background-repeat:no-repeat;
	border:0px solid #960;
}

input.submit:hover {
	cursor:  pointer;
}

.i_button {
	color:#333;
	font-weight:600px;
	background-color:#0098E1;
	border: 1px solid #413845;
	border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-webkit-border-radius:10px;
	-ms-border-radius:10px;
	width: 100px;
	cursor:pointer;
}

.i_button#bsubmit:hover {
	cursor:  pointer;
	background-color:#D7DEE8;
	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}

/*************************************PAGINADOR***********************/
.wqueryPager {
	text-align: center;
	clear: both;
}

.wqueryPager a{
	text-decoration:none;
	text-align: center;
	color:#b20062;
	clear: both;
}

.wqueryPager a:hover{
	color:#333;
	clear: both;
}

.wqueryPagerCurrent {
    margin:0px;
}

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) tableta mas grande*/
	@media only screen and (min-width: 768px) and (max-width: 959px) {

		/*******************************BOTONES HEAD X 748**********************/
		#botones_heat img {
			width:100%;
			max-width:124px;
			max-height:100%;
		}

		/***************************CONCÓCENOS HOME X 748*******************/
		#conocenos {
			overflow:hidden;
			height:auto;
			padding-bottom:0px;
			margin-bottom:20px;
		}

		#conocenos h2 {
			width:220px;
			height:28px;
			text-align:left;
			font-size:26px;
			font-weight:600;
			color:#97c121;
			text-transform:uppercase;
		}

		#conocenos .contenido_conocenos {
			width:220px;
			height:253px;
			float:left;
			margin-top:17px;
		}

		#conocenos .contenido_conocenos #img_seccion {
			width:100%;
			max-width:220px;
			max-height:100%;
			margin-bottom:10px;
		}

		#conocenos .contenido_conocenos img:hover {
			opacity:0.7;
			-webkit-transition: all 0.4s ease-in-out;
		   -moz-transition: all 0.4s ease-in-out;
		   -o-transition: all 0.4s ease-in-out;
		   -ms-transition: all 0.4s ease-in-out;
		   transition: all 0.4s ease-in-out;
		}

		#conocenos .contenido_conocenos .texto_conocenos {
			width:220px;
			height:170px;
			float:left;
			position:relative;
			text-align:justify;
		}

		#conocenos .contenido_conocenos .texto_conocenos .bot_vermas {
			width:77px;
			height:39px;
			position:absolute;
			bottom:0px;
			right:0px;
		}

		#conocenos .contenido_conocenos .texto_conocenos .bot_vermas img:hover {
			opacity:0.7;
			-webkit-transition: all 0.4s ease-in-out;
		   -moz-transition: all 0.4s ease-in-out;
		   -o-transition: all 0.4s ease-in-out;
		   -ms-transition: all 0.4s ease-in-out;
		   transition: all 0.4s ease-in-out;
		}

		/*******************CALIDAD GARANTIZADA X 748****************************/
		#calidad_garantizada img {
			width:100%;
			max-width:220px;
			max-height:100%;
		}

		/*******************SERVICIO AL CLIENTE X 748****************************/
		#servicio_cliente img {
			width:100%;
			max-width:268px;
			max-height:100%;
		}

		/***********CONTENEDOR SERVICIOS SIN COSTOS X 748******************/
		section#fondo_horizontal_svs_sin_costo {
			width:100%;
			height:370px;
			background:url(../img/fondo_horizontal_svs_sin_costo.jpg) top left repeat-x;
		}

		#contenedor_servicios_sin_costo {
			height:315px;
			overflow:hidden;
		}

		#contenedor_servicios_sin_costo h2 {
			width:748px;
			height:41px;
			padding-top:22px;
			text-align:center;
			font-size:20px;
			font-weight:600;
			color:#97c121;
			text-transform:uppercase;
		}

		#contenedor_servicios_sin_costo .contenido_servicios_scosto {
			overflow:hidden;
		}

		/**********************THUMBS SERVICIOS SIN COSTO HOME X 748****************************/
		.thumbs_servicios_sincosto_home {
			width:185px;
			float:left;
			text-align:center;
			margin-left:0px;
			margin-right:0px;
		}

		.thumbs_servicios_sincosto_home img {
			width:100%;
			max-width:185px;
			max-height:100%;

			-webkit-transition: all 0.4s ease-in-out;
		   -moz-transition: all 0.4s ease-in-out;
		   -o-transition: all 0.4s ease-in-out;
		   -ms-transition: all 0.4s ease-in-out;
		   transition: all 0.4s ease-in-out;
		}


		/***************************THUMBS CONTENIDOS INDICE INTERNAS X 748****************************/
		.thumbs_contenidos_indice {
			width:748px;
			float:left;
			margin-bottom:10px;
			border-bottom:1px solid rgba(99,99,99,0.8);
			padding-bottom:20px;
			position:relative;
		}

		/********THUMBS GALERIAS X 748********/
		#thumbs_galeria_indice {
			width:200px;
			height:200px;
			float:left;
			text-align:center;
			position:relative;
			margin-right:22px;
			margin-left:22px;
			margin-bottom:10px;
			margin-top:10px;
		}

		/******************CONTENEDOR FORMULARIO CONTACTENOS********************/
		.formulario_contactenos {
			width:354px;
			float:left;
			margin-right:30px;
		}

		.mapa_contactenos {
			width:354px;
			float:left;
		}

		.mapa_contactenos #mapa_google {
			width:100%;
			max-width:354px;
			max-height:100%;
		}

	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

		/*******************************HEAD X 420**********************/
		header#fondo_horizontal_header {
			height:auto;
			background:url(../img/fondo_horizontal_head.jpg) top left repeat-x;
		}

		.fondo_sombra_head {
			width:auto;
			height:auto;
			/*position:relative; /**esta se coloccó aqui relativa ya que pondré el chat en esta caja***/
		}

		#logo {
			text-align:center;
			height:220px;
		}

		#logo img {
			width:100%;
			max-width:340px;
			max-height:100%;
		}

		#logo img:hover {
			opacity:0.8;
			-webkit-transition: opacity 0.4s ease-in-out;
		   -moz-transition: opacity 0.4s ease-in-out;
		   -o-transition: opacity 0.4s ease-in-out;
		   -ms-transition: opacity 0.4s ease-in-out;
		   transition: opacity 0.4s ease-in-out;
		}

		#espacio_head {
			height:226px;
			display:none;
		}

		/***BOTONES HEAT X 420***/
		#botones_heat {
			height:188px;
			margin-top:10px;
			text-align:center;
		}

		/**************************CONTENEDOR FONDO HORIZONTAL, SOMBRA, CABEZOTE X 420***************************/
		.fondo_horizontal_cabezote{
			width:100%;
			height:100px;
			display:none;
		}

		/************MENU HORIZONTAL QUE SE CONVIERE EN VERTICAL X 420**********/
		nav#fondo_horizontal_nav {
			width:100%;
			height:auto;
			background:none;
			margin-bottom:10px;
		}

		nav#fondo_horizontal_nav .fondo_sombra_nav {
			width:auto;
			height:auto;
			background:none;
		}

		nav h2{
			display:none;
		}

		#barramenu {
			height:auto;
			margin-top:1px;
		}

		#menuh ul {
			width: 420px;
			list-style-type:none;
			text-align: left;
			padding: 0px;
			margin:0px;
			z-index: 10;
		}

		#menuh > li {
			float: left;
			margin-right:5px;
			margin-left:0px;
			display: block;
			z-index: 10;
		}

		#menuh > li a {
			text-align:left;
			color: #000;
			padding: 15px 0px 0px 0px;
			z-index: 10;
			width:380px;
			border-bottom:3px solid #97c121;
			background-color:#000;
		}

		#menuh a {
			text-decoration: none;
			width:380px;
		}


		/***********CONTENEDOR QSOMOS - CLAIDAD CERTIFICADA- SERVICIO AL CLIENTE X 420******************/
		section#fondo_horizontal_qsomos_calidad_scliente {
			width:100%;
			height:auto;
			background:url(../img/fondo_horizontal_qsomos_calidad_scliente.png) bottom left repeat-x;
		}

		section#fondo_horizontal_qsomos_calidad_scliente .fondo_sombra_qsomos_calidad_scliente {
			width:auto;
			height:auto;
			background:url(../img/fondo_sombra_qsomos_calidad_scliente.png) bottom center no-repeat;
		}

		/***************************CONCÓCENOS HOME X 420*******************/
		#conocenos {
			overflow:hidden;
			height:auto;
			padding-bottom:0px;
			margin-bottom:20px;
		}

		#conocenos h2 {
			width:420px;
			height:28px;
			text-align:left;
			font-size:26px;
			font-weight:600;
			color:#97c121;
			text-transform:uppercase;
		}

		#conocenos .contenido_conocenos {
			width:420px;
			height:253px;
			float:left;
			margin-top:17px;
		}

		#conocenos .contenido_conocenos #img_seccion {
			width:100%;
			max-width:300px;
			max-height:100%;
			margin-bottom:10px;
			margin-left:60px;
		}

		#conocenos .contenido_conocenos img:hover {
			opacity:0.7;
			-webkit-transition: all 0.4s ease-in-out;
		   -moz-transition: all 0.4s ease-in-out;
		   -o-transition: all 0.4s ease-in-out;
		   -ms-transition: all 0.4s ease-in-out;
		   transition: all 0.4s ease-in-out;
		}

		#conocenos .contenido_conocenos .texto_conocenos {
			width:420px;
			height:170px;
			float:left;
			position:relative;
			text-align:justify;
		}

		#conocenos .contenido_conocenos .texto_conocenos .bot_vermas {
			width:77px;
			height:39px;
			position:absolute;
			bottom:0px;
			right:0px;
		}

		#conocenos .contenido_conocenos .texto_conocenos .bot_vermas img:hover {
			opacity:0.7;
			-webkit-transition: all 0.4s ease-in-out;
		   -moz-transition: all 0.4s ease-in-out;
		   -o-transition: all 0.4s ease-in-out;
		   -ms-transition: all 0.4s ease-in-out;
		   transition: all 0.4s ease-in-out;
		}

		/*******************SERVICIO AL CLIENTE X 420****************************/
		#servicio_cliente {
			text-align:center;
			margin:20px 0px;

		}

		#servicio_cliente img {
			width:100%;
			max-width:300px;
			max-height:100%;
		}

		#servicio_cliente img:hover {
			opacity:0.7;
			-webkit-transition: all 0.4s ease-in-out;
		   -moz-transition: all 0.4s ease-in-out;
		   -o-transition: all 0.4s ease-in-out;
		   -ms-transition: all 0.4s ease-in-out;
		   transition: all 0.4s ease-in-out;
		}

		/***********CONTENEDOR SERVICIOS SIN COSTOS X 420******************/
		section#fondo_horizontal_svs_sin_costo {
			width:100%;
			height:auto;
			background:url(../img/fondo_horizontal_svs_sin_costo.jpg) bottom left repeat-x;
		}

		#contenedor_servicios_sin_costo {
			height:auto;
			overflow:hidden;
		}

		#contenedor_servicios_sin_costo h2 {
			width:420px;
			height:auto;
			padding-top:22px;
			text-align:center;
			font-size:26px;
			font-weight:600;
			color:#97c121;
			text-transform:uppercase;
		}

		#contenedor_servicios_sin_costo .contenido_servicios_scosto {
			overflow:hidden;
		}

		/**********************THUMBS SERVICIOS SIN COSTO HOME****************************/
		.thumbs_servicios_sincosto_home {
			width:420px;
			float:left;
			text-align:center;
			margin-bottom:20px;
		}

		.thumbs_servicios_sincosto_home img{
			width:100%;
			max-width:220px;
			max-height:100%;
		}

		.thumbs_servicios_sincosto_home img:hover{
			-webkit-transform: translate(0px, 0px) rotate(0deg) skew(0deg, 0deg) scale(0.9, 0.9);
			-moz-transform: translate(0px, 0px) rotate(0deg) skew(0deg, 0deg) scale(0.9, 0.9);
			-o-transform: translate(0px, 0px) rotate(0deg) skew(0deg, 0deg) scale(0.9, 0.9);
			-ms-transform: translate(0px, 0px) rotate(0deg) skew(0deg, 0deg) scale(0.9, 0.9);
			transform: translate(0px, 0px) rotate(0deg) skew(0deg, 0deg) scale(0.9, 0.9);
			opacity:0.75;

			-webkit-transition: all 0.4s ease-in-out;
		   -moz-transition: all 0.4s ease-in-out;
		   -o-transition: all 0.4s ease-in-out;
		   -ms-transition: all 0.4s ease-in-out;
		   transition: all 0.4s ease-in-out;
		}

		/***div que contiene las fotos de contenidos ampliados X 420***/
		.imagen_ampliada {
			height:auto;
			text-align:center;
			margin-bottom:10px;
		}

		.imagen_ampliada img {
			width:100%;
			max-width:420px;
			max-height:113px;
		}

		/******************CONTENEDOR FORMULARIO CONTACTENOS X420********************/
		.formulario_contactenos {
			width:420px;
			float:left;
		}

		.mapa_contactenos {
			width:420px;
			float:left;
		}

		.mapa_contactenos #mapa_google {
			width:100%;
			max-width:420px;
			max-height:100%;
		}

		/***************************THUMBS CONTENIDOS INDICE INTERNAS X 420****************************/
		.thumbs_contenidos_indice {
			width:420px;
			float:left;
			margin-bottom:10px;
			border-bottom:1px solid rgba(99,99,99,0.8);
			padding-bottom:20px;
			position:relative;
		}

		img#foto_indice {
			width:100%;
			max-width:420px;
			max-height:100%;
		}

		/********THUMBS GALERIAS X 420********/
		#thumbs_galeria_indice {
			width:200px;
			height:200px;
			float:left;
			text-align:center;
			position:relative;
			margin-right:0px;
			margin-left:5px;
			margin-bottom:10px;
			margin-top:10px;
		}

		/********************CREDITOS X 420*************************/
		footer#fondo_horizontal_creditos {
			height:376px;
			background:url(../img/fondo_horizontal_creditos.jpg) top left repeat-x;
		}

		#certificados_creditos {
			height:118px;
			text-align:center;
			margin-bottom:32px;
			padding-top:60px;
		}

		#certificados_creditos img {
			width:100%;
			max-width:420px;
			max-height:80px;
		}

		#creditos{
			height:111px;
			padding-top:55px;
			text-align:left;
			color:#fffefe;
			font-size:12px;
			background:none;
		}

		#creditos a{
			color:#333;
			font-weight:700;
		}

		#creditos a:hover{
			color:#ccc;
			-webkit-transition: color 0.4s ease-in-out;
		   -moz-transition: color 0.4s ease-in-out;
		   -o-transition: color 0.4s ease-in-out;
		   -ms-transition: color 0.4s ease-in-out;
		   transition: color 0.4s ease-in-out;
		}

		address#ancho_address {
			width:418px;
			margin-left:2px;
		}

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {


		/*******************************HEAD X 300**********************/
		header#fondo_horizontal_header {
			height:auto;
			background:url(../img/fondo_horizontal_head.jpg) top left repeat-x;
		}

		.fondo_sombra_head {
			width:auto;
			height:auto;
			/*position:relative; /**esta se coloccó aqui relativa ya que pondré el chat en esta caja***/
		}

		#logo {
			text-align:center;
			height:220px;
		}

		#logo img {
			width:100%;
			max-width:300px;
			max-height:100%;
		}

		#logo img:hover {
			opacity:0.8;
			-webkit-transition: opacity 0.4s ease-in-out;
		   -moz-transition: opacity 0.4s ease-in-out;
		   -o-transition: opacity 0.4s ease-in-out;
		   -ms-transition: opacity 0.4s ease-in-out;
		   transition: opacity 0.4s ease-in-out;
		}

		#espacio_head {
			height:226px;
			display:none;
		}

		/***BOTONES HEAT X 300***/
		#botones_heat {
			height:188px;
			margin-top:10px;
			text-align:center;
		}

		/**************************CONTENEDOR FONDO HORIZONTAL, SOMBRA, CABEZOTE X 300***************************/
		.fondo_horizontal_cabezote{
			width:100%;
			height:100px;
			display:none;
		}

		/*.fondo_horizontal_cabezote .fondo_sombra_cabezote{
			width:auto;
			height:100px;
			background:none;
		}

		.flexslider .slides img {width: 100%; 	min-height:100px; display: block;}
		.flex-viewport {max-height: 100px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
		.loading .flex-viewport {max-height: 100px;}*/

		/************MENU HORIZONTAL QUE SE CONVIERE EN VERTICAL X 300**********/
		nav#fondo_horizontal_nav {
			width:100%;
			height:auto;
			background:none;
			margin-bottom:10px;
		}

		nav#fondo_horizontal_nav .fondo_sombra_nav {
			width:auto;
			height:auto;
			background:none;
		}

		nav h2{
			display:none;
		}

		#barramenu {
			height:auto;
			margin-top:1px;
		}

		#menuh ul {
			width: 300px;
			list-style-type:none;
			text-align: left;
			padding: 0px;
			margin:0px;
			z-index: 10;
		}

		#menuh > li {
			float: left;
			margin-right:5px;
			margin-left:0px;
			display: block;
			z-index: 10;
		}

		/****NIVEL 1***/
		#menuh > li a {
			text-align:left;
			color: #000;
			padding: 15px 0px 0px 0px;
			z-index: 10;
			width:250px;
			border-bottom:3px solid #97c121;
			background-color:#000;
		}

		#menuh a {
			text-decoration: none;
			width: 250px;
		}

		/***NIVEL 2***/
		#menuh > li > ul {
			display:block;
			position: absolute;
			width: 250px; /*100%*/
			list-style: none;
			padding:0px;
			background-color:rgba(110,160,12,0.86);
			z-index: 10;
			background-color:#97c121;
		}


		/***********CONTENEDOR QSOMOS - CLAIDAD CERTIFICADA- SERVICIO AL CLIENTE X 300******************/
		section#fondo_horizontal_qsomos_calidad_scliente {
			width:100%;
			height:auto;
			background:url(../img/fondo_horizontal_qsomos_calidad_scliente.png) bottom left repeat-x;
		}

		section#fondo_horizontal_qsomos_calidad_scliente .fondo_sombra_qsomos_calidad_scliente {
			width:auto;
			height:auto;
			background:url(../img/fondo_sombra_qsomos_calidad_scliente.png) bottom center no-repeat;
		}

		/***************************CONCÓCENOS HOME x 300********************/
		#conocenos {
			overflow:hidden;
			height:auto;
			padding-bottom:0px;
			margin-bottom:20px;
		}

		#conocenos h2 {
			width:300px;
			height:28px;
			text-align:left;
			font-size:26px;
			font-weight:600;
			color:#97c121;
			text-transform:uppercase;
		}

		#conocenos .contenido_conocenos {
			width:300px;
			height:253px;
			float:left;
			margin-top:17px;
		}

		#conocenos .contenido_conocenos img {
			width:100%;
			max-width:300px;
			max-height:100%;
			margin-bottom:10px;
		}

		#conocenos .contenido_conocenos img:hover {
			opacity:0.7;
			-webkit-transition: all 0.4s ease-in-out;
		   -moz-transition: all 0.4s ease-in-out;
		   -o-transition: all 0.4s ease-in-out;
		   -ms-transition: all 0.4s ease-in-out;
		   transition: all 0.4s ease-in-out;
		}

		#conocenos .contenido_conocenos .texto_conocenos {
			width:300px;
			height:170px;
			float:left;
			position:relative;
			text-align:justify;
		}

		#conocenos .contenido_conocenos .texto_conocenos .bot_vermas {
			width:77px;
			height:39px;
			position:absolute;
			bottom:0px;
			right:0px;
		}

		#conocenos .contenido_conocenos .texto_conocenos .bot_vermas img:hover {
			opacity:0.7;
			-webkit-transition: all 0.4s ease-in-out;
		   -moz-transition: all 0.4s ease-in-out;
		   -o-transition: all 0.4s ease-in-out;
		   -ms-transition: all 0.4s ease-in-out;
		   transition: all 0.4s ease-in-out;
		}

		/*******************SERVICIO AL CLIENTE X 300****************************/
		#servicio_cliente {
			text-align:center;
			margin:20px 0px;

		}

		#servicio_cliente img {
			width:100%;
			max-width:300px;
			max-height:100%;
		}

		#servicio_cliente img:hover {
			opacity:0.7;
			-webkit-transition: all 0.4s ease-in-out;
		   -moz-transition: all 0.4s ease-in-out;
		   -o-transition: all 0.4s ease-in-out;
		   -ms-transition: all 0.4s ease-in-out;
		   transition: all 0.4s ease-in-out;
		}

		/***********CONTENEDOR SERVICIOS SIN COSTOS X 300******************/
		section#fondo_horizontal_svs_sin_costo {
			width:100%;
			height:auto;
			background:url(../img/fondo_horizontal_svs_sin_costo.jpg) bottom left repeat-x;
		}

		#contenedor_servicios_sin_costo {
			height:auto;
			overflow:hidden;
		}

		#contenedor_servicios_sin_costo h2 {
			width:300px;
			height:auto;
			padding-top:22px;
			text-align:center;
			font-size:26px;
			font-weight:600;
			color:#97c121;
			text-transform:uppercase;
		}

		#contenedor_servicios_sin_costo .contenido_servicios_scosto {
			overflow:hidden;
		}

		/**********************THUMBS SERVICIOS SIN COSTO HOME****************************/
		.thumbs_servicios_sincosto_home {
			width:300px;
			float:left;
			text-align:center;
			margin-bottom:20px;
		}

		.thumbs_servicios_sincosto_home img{
			width:100%;
			max-width:220px;
			max-height:100%;
		}

		.thumbs_servicios_sincosto_home img:hover{
			-webkit-transform: translate(0px, 0px) rotate(0deg) skew(0deg, 0deg) scale(0.9, 0.9);
			-moz-transform: translate(0px, 0px) rotate(0deg) skew(0deg, 0deg) scale(0.9, 0.9);
			-o-transform: translate(0px, 0px) rotate(0deg) skew(0deg, 0deg) scale(0.9, 0.9);
			-ms-transform: translate(0px, 0px) rotate(0deg) skew(0deg, 0deg) scale(0.9, 0.9);
			transform: translate(0px, 0px) rotate(0deg) skew(0deg, 0deg) scale(0.9, 0.9);
			opacity:0.75;

			-webkit-transition: all 0.4s ease-in-out;
		   -moz-transition: all 0.4s ease-in-out;
		   -o-transition: all 0.4s ease-in-out;
		   -ms-transition: all 0.4s ease-in-out;
		   transition: all 0.4s ease-in-out;
		}

		/***div que contiene las fotos de contenidos ampliados X 300***/
		.imagen_ampliada {
			height:auto;
			text-align:center;
			margin-bottom:10px;
		}

		.imagen_ampliada img {
			width:100%;
			max-width:300px;
			max-height:81px;
		}

		/***************************THUMBS INDICE INTERNAS X 300****************************/
		.thumbs_contenidos_indice {
			width:300px;
			float:left;
			margin-bottom:10px;
			border-bottom:1px solid rgba(99,99,99,0.8);
			padding-bottom:20px;
			position:relative;
		}

		img#foto_indice {
			width:100%;
			max-width:300px;
			max-height:100%;
		}

		/******************CONTENEDOR FORMULARIO CONTACTENOS X300********************/
		.formulario_contactenos {
			width:300px;
			float:left;
			margin-right:0px;
		}

		.mapa_contactenos {
			width:300px;
			float:left;
		}

		.mapa_contactenos #mapa_google {
			width:100%;
			max-width:300px;
			max-height:100%;
		}

		/********THUMBS GALERIAS X 300********/
		#thumbs_galeria_indice {
			width:200px;
			height:200px;
			float:left;
			text-align:center;
			position:relative;
			margin-right:50px;
			margin-left:50px;
			margin-bottom:10px;
			margin-top:10px;
		}

		/********************CREDITOS X 300*************************/
		footer#fondo_horizontal_creditos {
			height:376px;
			background:url(../img/fondo_horizontal_creditos.jpg) top left repeat-x;
		}

		#certificados_creditos {
			height:178px;
			text-align:center;
			margin-bottom:32px;
		}

		#certificados_creditos img {
			width:100%;
			max-width:300px;
			max-height:57px;
			display:none;
		}

		#creditos{
			height:111px;
			padding-top:55px;
			text-align:left;
			color:#fffefe;
			font-size:12px;
			background:none;
		}

		#creditos a{
			color:#333;
			font-weight:700;
		}

		#creditos a:hover{
			color:#ccc;
			-webkit-transition: color 0.4s ease-in-out;
		   -moz-transition: color 0.4s ease-in-out;
		   -o-transition: color 0.4s ease-in-out;
		   -ms-transition: color 0.4s ease-in-out;
		   transition: color 0.4s ease-in-out;
		}

		address#ancho_address {
			width:298px;
			margin-left:2px;
		}


	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/