/*
* 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:#323232;
}

/*#orientacion {
	margin:0px 0px 0px auto;
}*/

/*******************************HEAD**********************/
header#fondo_horizontal_header {
	width:100%;
	height:95px;
	background-color:#000;
	position:fixed;
	top:0px;
	left:0px;
	z-index:50;		
}

.fondo_sombra_head {
	width:auto;
	height:95px;
	background:none;
}

#logo {
	text-align:center;
	height:85px;
	float:left;
	margin-left:0px;
	margin-top:5px;
}

#logo img {
	width:100%;
	max-width:235px;
	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;
}

#rsociales {
	text-align:right;
	height:32px;
	float:left;
	margin-left:10px;
	margin-top:35px;
}

img#margen_facebook {
	margin-left:0px;
}

#txtsiguenos {
	text-align:right;
	margin-top:8px;
	width:100px;
	float:left;
	color:#FFF;
}

#rsociales img:hover {
	opacity:0.6;
	-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; 
}

/***************BARRA MENU HORIZONTAL************************/
nav h2{
	display:none;
}

#barramenu {
	text-align:left;
	height:auto;
	float:right;
	margin-right:30px;
	margin-top:35px;
}

/***************CONTENEDOR INDEX FONDO_COLOR****************************/
#fondo_color {
	padding-top:10px;
	background-color:#FFF;
}

/******************ALINEACION DEL CONTENEDOR PPAL***********/
#alineacion {
	margin:0px 0px 0px auto;
	background-color:#FFF;
}

/*******************ESPACIO BARRA UNICA**************/
#espacio_barraunica {
	padding-bottom:30px;
}

#espacio_barraunica_int {
	background-color:#FFF;
	border-radius:10px;
	padding-bottom:30px;
}

#espacio_barraunica_int_prod {
	background-color:#FFF;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	padding-bottom:30px;
}

/************BARRA SUBMENU CATALOGO***************/
#barra_submenu_catalogo {
	text-align:justify;
	background-color:#000;
	border-bottom:2px solid #6ee9b7;
	height:45px;
	padding-top:5px;
}

/***********THUMBS PORTAFOLIO INTERNAS***************/
#thumbs_portafolio_internas {
	height:227px;
	text-align:center;
	margin-bottom:20px;
	margin-top:20px;
}

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

#thumbs_portafolio_internas 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;
}

#thumbs_portafolio_internas h4 {
	color:#FFF;
	text-align:center;
}

#thumbs_portafolio_internas p {
	text-align:center;
}

#thumbs_portafolio_internas #bot_vermas_portafolio {
	width:80px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	background-color:#cc2229;
	padding:5px;	
	font-weight:600;
	border-radius:2px;
	z-index:940;
}

#thumbs_portafolio_internas #bot_vermas_portafolio a {
	text-decoration:none;
	color:#F1F1F1;
}

#thumbs_portafolio_internas #bot_vermas_portafolio a:hover {
	color:#F1F1F1;
}

#thumbs_portafolio_internas #bot_vermas_portafolio:hover {
	background-color:#616161;
	-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****************/
#barraunica {
	/*background-color:#D6EBFF;*/
	/*padding:0px 5px 30px 5px;*/
	padding-bottom:30px;
}

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

.contenido_catalogo {
	width:auto;
}

.contenido h2 {	
	text-align:justify;
	margin-bottom:10px;
}

.contenido p {
	text-align:justify;
}

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

.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;
}

.contenido ul,ol {
	margin-left:0px;
	list-style-image:none;
	color:#a5a5a5;
}

.contenido ul li {
	width:665;
	text-align:left;
	margin-left:25px;
}

.contenido ul li a {
	text-decoration:none;
	color:#a5a5a5;	
}

.contenido ul li a:hover {
	color:#005faa;	
	-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;
}

.contenido img {
	max-width:900px;
	max-height:100%;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
}

img.medidas_boton {
	width:100%;
	max-width:220px;
	max-height:100%;
	text-align:center;
	margin:0px;
	
}

/***div que contiene las fotos de contenidos ampliados***/
img#imagen_ampliada {
	width:100%;
	max-width:940px;
	max-height:100%;
	text-align:center;
	margin-bottom:20px;
}

/*****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 FOTOS CATALOGOS *************************/
.thumbs_fotos_catalogo{
	width:160px;
	height:300px;
	float:left !important;
	margin-right:7px;
	margin-left:7px;
	margin-bottom:15px;
}


img#fondo_imagen {
	padding:5px;
	width:100%;
	max-width:150px;
	max-height:100%;
	background-color:#f0f0f0;
	margin-bottom:8px;	
}

img#fondo_imagen:hover {
	opacity: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_fotos_catalogo h2{
	font:20px 'Rambla', sans-serif;
	color:#000;
	text-align:center;
}
.thumbs_fotos_catalogo a{
		text-decoration:none; text-align:center; 
}
.thumbs_fotos_catalogo a:hover{
	text-decoration:underline;
}

/***********************ALINEACIÓN BOTONES MAS, REGRESAR CON IMAGEN***************************/
.alineacion_derecha {
	width:auto;
	float:right;
	margin-top:0px;
	margin-right:20px;
}

/*.alineacion_derecha a {
	text-decoration:none;
	color:#a5a5a5;
}*/

.alineacion_derecha img#medidas_boton:hover{
	opacity:0.8;
	-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 img#medidas_boton {
	text-align:center;
	width:auto;
	height:auto;
}

.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;
}

/***********************ALINEACIÓN BOTONES MAS, REGRESAR SIN IMAGEN***************************/
.alineacion_derecha_sinimg {
	width:auto;
	float:right;
	margin-top:0px;
	margin-right:10px;
	margin-bottom:30px;
	background-color:#cc2229;
	padding:5px;	
	font-weight:600;
	border-radius:8px;
	clear:both;
}

.alineacion_derecha_sinimg a {
	color:#F1F1F1;
	text-decoration:none;
}

.alineacion_derecha_sinimg a:hover {
	color:#F1F1F1;
}

.alineacion_derecha_sinimg:hover {	
	background-color:#616161;
	-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_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;
}

table {
		border-collapse: collapse;
		border-spacing: 0;
		width:100%;}

/********************MENU CREDITOS*********************/
#menu_creditos {
	height:auto;
	background-color:#e0e0e0;
}

.fondo_sombra_menu_creditos {
	width:auto;
	height:auto;
}

/************INFORMACIÓN - DESTACADOS - RECOMENDADOS************/
#informacion {
	margin-top:50px;
	margin-bottom:50px;
}

#informacion h3 {
	text-align:left;
	color:#cc2229;
}

.thumbs_informacion_mcreditos {
	width:220px;
	margin-bottom:3px;
	float:left;
	color:#000;	
}

.thumbs_informacion_mcreditos a {
	text-decoration:none;
	color:#000;
}

.thumbs_informacion_mcreditos a:hover {
	color:#cc2229;
	-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;
}

/********************CREDITOS*************************/
footer#fondo_horizontal_creditos {
	height:205px;
	background-color:#000;
	border-top:2px solid #bf0411;
}

#creditos{
	padding-top:36px;
	text-align:left;
	color:#e0e0e0;
	font-size:15px;
}

#creditos a{
	color:#ff0000;
	text-decoration:none;
}

#creditos a:hover{
	color:#FFF;
	-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:auto;
	margin-left:10px;
}

#logo_sitio_creditos {
	height:196px;
	text-align:center;
}

#logo_sitio_creditos img {
	width:100%;
	max-width:280px;
	max-height:100%;
}

/*****ESTILOS DEL BOTON DE IR ARRIBA***/
a#top {
	border-top-left-radius:20px;
	border-top-right-radius:20px;
    border: 3px solid rgba(204, 34, 41, 0.8);	    
    color:rgba(255, 255, 255, 0.8);
	background-color:rgba(0, 0, 0, 0.8);
    display: none;
    font-size:18px;
    font-weight: 400;
    position:fixed;
    right: 10px;
	bottom: 0px;
    z-index:950;
	padding:5px;
	text-decoration:none;
	outline:none;
}

a#top:hover {
	color: rgba(204, 34, 41, 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:920px;
	float:left;
	margin-bottom:20px;
	border-bottom:1px solid rgba(99,99,99,0.8);
	padding-bottom:20px;
	position:relative;
}

.thumbs_contenidos_indice h2{
	text-align:left;
	margin-bottom:20px;
}

.thumbs_contenidos_indice h3 {	
	text-align:justify;
	color: #000;
}

.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.9;
	-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;
	background-color:#cc2229;
	padding:5px;	
	font-weight:600;
	border-radius:8px;
}

.thumbs_contenidos_indice .alineacion_derecha_indice:hover {
	background-color:#616161;
	-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 .alineacion_derecha_indice a {
	color:#F1F1F1;
	text-decoration:none;
}

.thumbs_contenidos_indice .alineacion_derecha_indice a:hover {
	color:#F1F1F1;
}

iframe#video_indice {
	width:100%;
	max-width:940px;
	max-height:100%;
}

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

.thumbs_contenidos_indice_videos h2{
	color:#173F88;
	text-align:left;
	margin-bottom:10px;
}

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

.thumbs_contenidos_indice_videos #video_indice{
	margin-right:8px;
	margin-bottom:8px;
}

iframe#video_indice {
	width:100%;
	max-width:700px;
	max-height:100%;
}

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

.thumbs_contenidos_indice_videos .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 GALERIA VITRINA ********************************/
.thumbs_galeria_vitrina{
	width:200px;
	height:150px;
	margin:10px 15px 10px 15px;
	float:left;
	text-align:center;
}

.thumbs_galeria_vitrina img {
	padding:5px;
	border:1px solid #d4d4d4;
	background-color:#FFF;
	width:100%;
	max-width:190px;
	max-height:140px;
		
}

/*************************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:81%;
	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;
	margin-top:10px;
}

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

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

.wqueryPagerCurrent {
    margin:0px;
}

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

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

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 960px) {	
		#barramenu {
			/*width:365px;*/
			width:200px;
			text-align:right;
			height:auto;
			float:right;
			margin-right:10px;
			margin-left:10px;
			margin-top:35px;
		}	
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) tableta mas grande 748*/
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		header#fondo_horizontal_header {
			width:100%;
			height:95px;
			background-color:#000;
			position:fixed;
			top:0px;
			left:0px;
			z-index:50;		
		}
		
		.fondo_sombra_head {
			width:auto;
			height:95px;
			background:none;
		}

		
		#logo {
			text-align:center;
			height:85px;
			float:left;
			margin-left:0px;
			margin-top:5px;
		}
		
		#logo img {
			width:100%;
			max-width:235px;
			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;
		}
		
		#rsociales {
			text-align:right;
			height:32px;
			float:left;
			margin-left:10px;
			margin-top:35px;
		}
		
		img#margen_facebook {
			margin-left:0px;
		}
		
		#txtsiguenos {
			text-align:right;
			margin-top:8px;
			width:100px;
			float:left;
			color:#FFF;
		}
		
		#rsociales img:hover {
			opacity:0.6;
			-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; 
		}
		
		/***************BARRA MENU HORIZONTAL************************/
		nav h2{
			display:none;
		}
		
		#barramenu {
			/*width:365px;*/
			text-align:right;
			height:auto;
			float:right;
			margin-right:0px;
			margin-left:0px;
			margin-top:35px;
		}

		/*******************************************THUMBS CONTENIDOS INDICE****************************/
		.thumbs_contenidos_indice {
			width:727px;
			float:left;
			margin-bottom:20px;
			border-bottom:1px solid rgba(99,99,99,0.8);
			padding-bottom:20px;
			position:relative;
		}
		
		/***********THUMBS PORTAFOLIO INTERNAS***************/
		#thumbs_portafolio_internas {
			height:177px;
			text-align:center;
			margin-bottom:20px;
			margin-top:20px;
		}
		
		#thumbs_portafolio_internas img {
			width:100%;
			max-width:172px;
			max-height:100%;
		}
		
		/********************MENU CREDITOS*********************/
		#informacion {
			margin-top:50px;
			margin-bottom:50px;
		}
		
		.thumbs_informacion_mcreditos {
			width:172px;
			margin-bottom:3px;
			float:left;
			color:#000;
		}
		
		/********************CREDITOS*************************/
		footer#fondo_horizontal_creditos {
			height:auto;
			background-color:#000;
		}
		
		#logo_sitio_creditos {
			height:160px;
			text-align:center;
		}
		
		/*/*FORMULARIOS*/
		/*.i_text{
			width: 718px !important;
			height: 30px;
			padding: 0px 5px 5px 5px;
		}
		
		.i_combo{
			width: 718px !important;
			height: 30px;
			padding: 0px 0px 0px 5px;
		}
		
		textarea{
			color:#333;
			padding-left:5px;
			width: 270px !important;
			height: 25px;
		}
		.politicas_uso{
			width:250px;
			height:100px;
			overflow:auto;
			padding:10px;
		}*/
		
		/*******************************CONTENIDO DEL SITIO*******************/
		.contenido img {
			max-width:350px;
			max-height:100%;
			margin-top:10px;
			margin-bottom:10px;
			margin-left:10px;
			margin-right:10px;
		}
		
		
	}

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

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) 420*/
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		h1 {
			border-bottom: 2px solid #AAAAAA;
			color: #000000;
			font-size: 29px;
			margin-bottom: 10px;
			padding-top: 10px !important;
			text-align: left;
			text-transform: uppercase;
		}
		
		header#fondo_horizontal_header {
			width:100%;
			height:235px;
			background-color:#000;
			position:static;
			top:0px;
			left:0px;
			z-index:50;		
		}
		
		.fondo_sombra_head {
			width:auto;
			height:235px;
			background:none;
		}

		
		#logo {
			text-align:center;
			height:85px;
			float:left;
			margin-left:0px;
			margin-top:5px;
			width:100%;
		}
		
		#logo img {
			width:100%;
			max-width:235px;
			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;
		}
				
		#rsociales {
			text-align:left;
			height:32px;
			float:left;
			margin-left:0px;
			margin-top:15px;
			width:100%;
		}
		
		img#margen_facebook {
			margin-left:0px;
		}
		
		#txtsiguenos {
			text-align:right;
			margin-top:8px;
			margin-left:165px;
			width:100px;
			float:left;
			color:#FFF;
		}
		
		#rsociales img:hover {
			opacity:0.6;
			-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; 
		}
		
		/***************BARRA MENU HORIZONTAL************************/
		nav h2{
			display:none;
		}
		
		#barramenu {
			text-align:center;
			height:auto;
			margin-right:62px;
			margin-left:62px;
			margin-top:15px;
			width:445px;
		}
		
		/******************ALINEACION DEL CONTENEDOR PPAL***********/
		#alineacion {
			margin:0px 0px 0px auto;
			background-color:#FFF;
			padding-top:30px;
		}
		
		/*******************************************THUMBS CONTENIDOS INDICE****************************/
		.thumbs_contenidos_indice {
			width:400px;
			float:left;
			margin-bottom:20px;
			border-bottom:1px solid rgba(99,99,99,0.8);
			padding-bottom:20px;
			position:relative;
		}
		
		.thumbs_contenidos_indice img#foto_indice{
			margin-right:0px;
			margin-bottom:8px;
			margin-left:0px;
		}
		
		img#foto_indice {
			width:100%;
			max-width:400px;
			max-height:100%;
		}
		
		/***********THUMBS PORTAFOLIO INTERNAS***************/
		#thumbs_portafolio_internas {
			height:252px;
			text-align:center;
			margin-bottom:20px;
			margin-top:20px;
		}
		
		#thumbs_portafolio_internas img {
			width:100%;
			max-width:220px;
			max-height:100%;
		}
		
		/********************MENU CREDITOS*********************/
		#menu_creditos {
			height:auto;
			background-color:#e0e0e0;
			display:none;
		}
		
		.fondo_sombra_menu_creditos {
			width:auto;
			height:auto;
		}
		
		/************INFORMACIÓN - DESTACADOS - RECOMENDADOS************/
		#informacion {
			margin-top:20px;
			margin-bottom:20px;
		}
		
		#informacion h3 {
			text-align:left;
			color:#cc2229;
		}
		
		.thumbs_informacion_mcreditos {
			width:300px;
			margin-bottom:3px;
			float:left;
			color:#000;	
		}
		
		.thumbs_informacion_mcreditos a {
			text-decoration:none;
			color:#000;
		}
		
		.thumbs_informacion_mcreditos a:hover {
			color:#cc2229;
			-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;
		}
		
		/********************CREDITOS*************************/
		footer#fondo_horizontal_creditos {
			height:380px;
			background-color:#000;
		}
		
		#creditos{
			padding-top:36px;
			text-align:left;
			color:#e0e0e0;
			font-size:15px;
		}
		
		#creditos a{
			color:#ff0000;
			text-decoration:none;
		}
		
		#creditos a:hover{
			color:#FFF;
			-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:auto;
			margin-left:10px;
		}
		
		#logo_sitio_creditos {
			height:196px;
			text-align:center;
		}
		
		#logo_sitio_creditos img {
			width:100%;
			max-width:280px;
			max-height:100%;
		}
		
		/*FORMULARIOS*/
		.i_text{
			width: 390px !important;
			height: 30px;
			padding: 0px 5px 5px 5px;
		}
		
		.i_combo{
			width: 390px !important;
			height: 30px;
			padding: 0px 0px 0px 5px;
		}
		
		textarea{
			color:#333;
			padding-left:5px;
			width: 390px !important;
			height: 25px;
		}
		.politicas_uso{
			width:100%;
			height:420px;
			overflow:auto;
			padding:0px;
		}
		
		/*******************************CONTENIDO DEL SITIO*******************/
		.contenido img {
			max-width:400px;
			max-height:100%;
			margin-top:0px;
			margin-bottom:10px;
			margin-left:10px;
			margin-right:10px;
		}
		
		.Collage {
			padding: 10px 10px 10px 10px !important;
		}
				
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) 300*/
	@media only screen and (max-width: 479px) {
		
		h1 { border-bottom: 2px solid #aaaaaa; color:#000000; font-size: 29px; margin-bottom: 10px; text-align: left; text-transform:uppercase; padding-top:0px !important;} /**titulo  internas**/
		
		header#fondo_horizontal_header {
			width:100%;
			height:235px;
			background-color:#000;
			position:static;
			top:0px;
			left:0px;
			z-index:50;	
		}
		
		.fondo_sombra_head {
			width:auto;
			height:235px;
			background:none;
		}

		#logo {
			text-align:center;
			height:85px;
			float:left;
			margin-left:0px;
			margin-top:5px;
			width:100%;
		}
		
		#logo img {
			width:100%;
			max-width:235px;
			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;
		}
		
		#rsociales {
			text-align:left;
			height:32px;
			float:left;
			margin-left:0px;
			margin-top:15px;
			width:100%;
		}
		
		img#margen_facebook {
			margin-left:0px;
		}
		
		#txtsiguenos {
			text-align:right;
			margin-top:8px;
			margin-left:75px;
			width:100px;
			float:left;
			color:#FFF;
		}
		
		#rsociales img:hover {
			opacity:0.6;
			-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; 
		}
		
		/***************BARRA MENU HORIZONTAL************************/
		nav h2{
			display:none;
		}
		
		#barramenu {
			/*width:300px;*/
			width:330px;
			text-align:center;
			height:auto;
			margin-right:0px;
			margin-left:0px;
			margin-top:15px;
		}
		
		/******************ALINEACION DEL CONTENEDOR PPAL***********/
		#alineacion {
			margin:0px 0px 0px auto;
			background-color:#FFF;
			/*padding-top:280px;*/
			padding-top:40px;
		}
		
		/*******************************************THUMBS CONTENIDOS INDICE****************************/
		.thumbs_contenidos_indice {
			width:280px;
			float:left;
			margin-bottom:20px;
			border-bottom:1px solid rgba(99,99,99,0.8);
			padding-bottom:20px;
			position:relative;
		}
		
		.thumbs_contenidos_indice #foto_indice{
			margin-right:0px;
			margin-bottom:8px;
			margin-left:0px;
		}
		
		img#foto_indice {
			width:100%;
			max-width:280px;
			max-height:100%;
		}	
		
		/***********THUMBS PORTAFOLIO INTERNAS***************/
		#thumbs_portafolio_internas {
			height:252px;
			text-align:center;
			margin-bottom:20px;
			margin-top:20px;
		}
		
		#thumbs_portafolio_internas img {
			width:100%;
			max-width:220px;
			max-height:100%;
		}
			
		
		/********************MENU CREDITOS*********************/
		#menu_creditos {
			height:auto;
			background-color:#e0e0e0;
			display:none;
		}
		
		.fondo_sombra_menu_creditos {
			width:auto;
			height:auto;
		}
		
		/************INFORMACIÓN - DESTACADOS - RECOMENDADOS************/
		#informacion {
			margin-top:20px;
			margin-bottom:20px;
		}
		
		#informacion h3 {
			text-align:left;
			color:#cc2229;
		}
		
		.thumbs_informacion_mcreditos {
			width:300px;
			margin-bottom:3px;
			float:left;
			color:#000;	
		}
		
		.thumbs_informacion_mcreditos a {
			text-decoration:none;
			color:#000;
		}
		
		.thumbs_informacion_mcreditos a:hover {
			color:#cc2229;
			-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;
		}
		
		/********************CREDITOS*************************/
		footer#fondo_horizontal_creditos {
			height:400px;
			background-color:#000;
		}
		
		#creditos{
			padding-top:36px;
			text-align:left;
			color:#e0e0e0;
			font-size:15px;
		}
		
		#creditos a{
			color:#ff0000;
			text-decoration:none;
		}
		
		#creditos a:hover{
			color:#FFF;
			-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:auto;
			margin-left:10px;
		}
		
		#logo_sitio_creditos {
			height:196px;
			text-align:center;
		}
		
		#logo_sitio_creditos img {
			width:100%;
			max-width:280px;
			max-height:100%;
		}
			
		/*FORMULARIOS*/
		.i_text{
			width: 270px !important;
			height: 30px;
			padding: 0px 5px 5px 5px;
		}
		
		.i_combo{
			width: 270px !important;
			height: 30px;
			padding: 0px 0px 0px 5px;
		}
		
		textarea{
			color:#333;
			padding-left:5px;
			width: 270px !important;
			height: 25px;
		}
		.politicas_uso{
			width:100%;
			height:auto;
			overflow:auto;
			padding:0px;
		}
				
		/*******************************CONTENIDO DEL SITIO*******************/
		.contenido img {
			max-width:280px;
			max-height:100%;
			margin-top:0px;
			margin-bottom:10px;
			margin-left:0px;
			margin-right:0px;
		}
		
		.Collage {
			padding: 10px 10px 10px 10px !important;
		}
				
	}


/* #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; }
*/