/* ==========================================================================
   Author's custom styles
   ========================================================================== */


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 500px;
  margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}

/* Featurettes
------------------------- */


.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 600;
  font-size:3em;
  margin-top:13%;
  line-height: 1.2em;
  letter-spacing: -1px;
}



/* Diseño personalizado para el PORTAL DE SERVICIOS AL PERSONAL DE VACACIONES
------------------------- */

	
body{
	margin: 0 auto 0px auto;
	border-left:1px solid #dadada;
	border-right:1px solid #dadada;
	color:#515151;
	font-size:15px;
	
	font-family: 'OpenSansRegular';
	
	*font-family:Verdana, Arial, Helvetica, sans-serif;
	font-family:Verdana, Arial, Helvetica, sans-serif\9;
	}
	
	
 .container{
 width:1240px !important;
 overflow-x: hidden;
 }
 
 nav .container{
 width:1240px !important;
 overflow:visible;
 }
	
/* Generales */

.bg_gris{
	background:#eee;
}

.nospace{
	margin:0;
	padding:0;
	}
	
label{
	font-weight:bold;
	font-size:14px;
	}
	
h1{
	color:#000;
	font-family: 'OpenSansBold';
	font-size:15px;
	}
	
h2, .title_negro{
	color:#000;
	font-family: 'OpenSansSemibold';
	font-size:15px;
	}
	
h3{
	color:#888;
	font-family: 'OpenSansRegular';
	font-size:15px;
	}
	
a:hover{
	color:#f99da2;
}

.tabla_gral_2 a{
	color:#db131d;
}

.tabla_gral_2 a:hover, .tabla_gral_2 a:visited{
	color:#b20910;
}

.clear{
	clear:both;
}

.uppercase{
	text-transform:uppercase;
}

/*Estilos de texto - tamaños - */

.txt_12{
	font-size:12px !important;
}

.txt_13{
	font-size:13px !important;
}

.txt_14{
	font-size:14px !important;
}

.txt_15{
	font-size:15px !important;
}

.txt_18{
	font-size:18px !important;
}

.txt_20{
	font-size:20px !important;
}

.block{
	display:block;
	}
	
ul.lista_gral li{
	line-height:29px;
	list-style:none;
}


ul.lista_gral_2 li{
	line-height:25px;
	list-style:none;
}

ul.lista_gral li:before{
	/*content:"•";*/
	font-size:24px;
	color:#db131d;
	padding-right:10px;}

hr.linea_blanca{
	clear:both;
	border-top:0;
	border-left:0;
	border-bottom:1px solid #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.1) inset;
	}
	
.linea_arriba {
    border-top: 1px solid #f99da2;
    width: 100%;
    margin: 15px 0;
    padding: 0;
}

.linea_arriba2 {
    border-top: 1px solid #a2c0d8;
    width: 100%;
    margin: 15px 0;
    padding: 0;
}

.contenedor_padding{
	padding:10px;
	box-sizing:border-box;
}

.margen_superior{
	margin-top:30px;
}

input[type=checkbox] {
    margin: 15px 5px;
}

.tabla_gral_2 input[type=checkbox] {
    margin: 8px 5px;
}

.float_left{
	float:left;
	}

.contenedor{
	display:block;
	clear:both;
	}
	
.sin_padding{
	padding:0 !important;
	}
	
.sin_margin{
	margin:0 !important;
	}
	
.seguido{
	display:inline-block;
	}
	
.seguido_2{
	display:inline !important;
	}
	
.clearfix:after { 
  	content: "."; 
 	 display: block; 
 	 height: 0; 
 	 clear: both; 
 	 visibility: hidden; 
}
.clearfix { 
 	 display: inline-block;  
}
* html .clearfix {  
 	 height: 1%;  
} /* Hides from IE-mac \*/

.clearfix {  
 	 display: block;  
}

.espacio_der{
	margin:0 25px 0 0 !important;
}

.espacio_izq{
	margin:0 0px 0 25px !important;
}

.espacio_chico_der{
	margin:0 10px 0 0 !important;
}

.centrado{
	margin:0 auto;
	text-align:center;
	}
	
.mayus{
		text-transform:uppercase;
	}
	
.txt_blanco{
	color:#fff;
}

.txt_negro{
	color:#000;
}

.txt_azul{
	color:#db131d;
}

.txt_azul_claro{
	color:#f99da2;
}

.bold{
	font-family: 'OpenSansBold';
	}
	
.semibold{
	font-family: 'OpenSansSemibold';
	}
	
.regular{
	font-family: 'OpenSansRegular';
	}
	
.light{
	font-family: 'OpenSansLight';
	}
	
.italic{
	font-family: 'OpenSansItalic';
	}
	
.aclaraciones_interfaz .margin_alto{
	margin:10px 0 !important;
	}
	
.margin_alto{
	margin:15px 0 !important;
	}
	
.margin_alto_chico{
	margin:10px 0 !important;
	}
	
.margin_alto_mas{
	margin: 1px 0 !important;
	}
	
.margin_laterales{
	margin:0 20px;
	}
	
.margin_laterales_mas{
	margin:0 50px;
	}
	
margin_gral{
	margin:15px;}
	
.margin_especial_label{
	margin-bottom:25px;
	}

.txt_left{
	text-align: left;
}

.txt_right{
	text-align: right;
}

.txt_justify{
	text-align:justify;
	}

.no_list_style{
	list-style:none;
}

.espaciado{
	line-height:36px;
}

.txt_gris_claro{
	color:#9d9d9d;
	}
	
	
.opacity_hover{
	transition:all ease 1s;
	-webkit-transition:all ease 1s;
	-ms-transition:all ease 1s;
	}

.opacity_hover:hover{
	opacity:0.6;
	filter:alpha(opacity=60);
	}	
	
.opacity_hover a:hover{
	color: #db131d !important;
	text-decoration:none !important;
}	

.sombra_hover{
	transition:all ease 1s;
	-webkit-transition:all ease 1s;
	-ms-transition:all ease 1s;
	border:1px solid #fff;
	}

.sombra_hover:hover{
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6), 0 0 50px rgba(0, 0, 0, 0.3) inset;
	}
	

.sin_height{
	height:auto;
	max-height:none !important;
	min-height:inherit !important;
	}
	
.padding_medio{
	padding:15px;
	}
	
.padding_alto{
	padding:25px 15px;
	}
	
.padding_alto_chico{
	padding:10px 0;
	}
	
.padding_laterales{
	padding:15px 50px;
	}
	
.padding_laterales2{
	padding:25px 50px 15px 50px;
	}
	
.padding_solo_laterales{
	padding:0px 50px;
	}
	
.padding_lateral{
	padding:0 10px;
	}
	
.padding_lateral_mas{
	padding:0 20px 0 0 !important;
	}
	
	
/**** Listas ***/

 .espacio_por_submenu ul li,  .lista_especial ul li, .preg ul.resp li{
 margin:5px 0;
 list-style:none;
 }
 
 .preg ul.resp{
 padding-left:15px;
 }
 
 .espacio_por_submenu ul li:before,  .lista_especial ul li:before, .preg ul.resp li:before{
 content:"*";
 padding-right:8px;
 color:#f99da2;
     font-size: 15px;}
 
  .espacio_por_submenu ul.no_list_style li:before,   .lista_especial ul.no_list_style li:before{
 content:"";
 padding-right:0px;
 color:#f99da2;}
 
	

/* Botones generales: primario y secundario */

.btn{
	-moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px;
	color:#fff;
	background:#db131d;
	padding:8px 20px;
	font-size:15px;
	font-family: 'OpenSansBold';
	text-transform: uppercase;
	text-shadow: 0px 1px 1px #66050a;
}

.btn:hover{
	background-color:#b20910;
	color:#fff !important;
}

.btn.secundario{
	background-color:#b20910;
}

.btn.terciario{
	background-color:#868787;
}

.btn.terciario:hover{
	background-color:#f1bc2b;
	border:1px solid #f1bc2b;
}

.btn.secundario:hover{
	background-color:#db131d !important;
}

.fondo_gris{
	background:#eeeeee;
    margin: 10px 0;
    min-height: 380px;
    max-height: 380px;
    }
	
.no_border{
	border:0 !important;
	border-left:0;
	border-right:0;
	border-top:0;
	border-bottom:0;
	}
	
.msj-error, .asterisco, .mas{
	color:#FF0000;
	font-size:12px;
	}
	
.txt_error{
	font-style:italic;
	color:#FF0000;
	font-size:11px;
	}
	
.asterisco{
	position: relative;
    margin-left: -13px;
	}
	
.mas {
    position: absolute;
	margin:13px 0 10px -18px;
    color: #000;
}
	
.margin_auto{
	margin:0 auto !important;
	}

	/*-------  Generales de input y radio   -------*/
	
	.input_gral_check{
		width:17px;
		height:17px;
	}
	
	input[type="text"], input[type="tel"], input[type="email"]{
		border:0;
		background:#fff;
		color:#515151;
		border: 1px solid #dadada;
		height:40px;
		padding:5px 10px;
		text-align:left;
		font-size:15px;

		border-radius: 8px;
	    font-family: 'OpenSansRegular';
		
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-ms-box-sizing:border-box;
		-moz-box-sizing:border-box;
	}
	
	.input_gral, .input_gral_gde, .input_gral_mediano, .input_gral_chico,input_gral_mini, .input_gral_95{
		border:0;
		background:#fff;
		color:#515151;
		width:100%;
		border: 1px solid #dadada;
		height:40px;
		padding:5px 10px;
		text-align:left;
		font-size:15px;
		margin:3px 0;

		border-radius: 8px;
	    font-family: 'OpenSansRegular';
		
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-ms-box-sizing:border-box;
		-moz-box-sizing:border-box;
		
	}
	
	input[type="text"]:hover, input[type="tel"]:hover, input[type="email"]:hover, .input_gral:hover, .input_gral_gde:hover, .input_gral_mediano:hover, .input_gral_chico:hover, .input_gral_mini:hover, .input_gral_95:hover{
		border:1px solid #db131d;
		}
	
	.input_gral:focus, .input_gral_gde:focus, .input_gral_95:focus{
		border:1px solid #008bff;
	}
	
	
	.input_gral_95{
		width:95%;
	}
	
	.input_gral_gde{
		width:85%;	
	}
	
	.input_gral_mediano{
		width:75%;	
	}
	
	.input_gral_chico{
		width:50%;
		border-radius:6px;
		-webkit-border-radius:6px;
		-ms-border-radius:6px;
		-moz-borrder-radius:6px;
	}
	.input_gral_mini{
		width:20%;
		border-radius:6px;
		-webkit-border-radius:6px;
		-ms-border-radius:6px;
		-moz-borrder-radius:6px;
	}
	
	.textarea_gral, .textarea_gral_chico, .textarea_gral_alto, .textarea_gral_alto_mediano{
		border: 1px solid #dadada;
		background:#fff;
		color:#515151;
		width:100%;
		margin:10px 0;
		height:125px;
		padding:5px;
		text-align:left;
		font-size:15px;
	    font-family: 'OpenSansRegular';

		resize: none;
		
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-ms-box-sizing:border-box;
		-moz-box-sizing:border-box;
		
		-webkit-border-radius:6px;
		-ms-border-radius:6px;
		-moz-borrder-radius:6px;
		
	}
	
	.textarea_gral_alto{
		height:225px;
		resize:all;
	}
	
	.textarea_gral_alto_mediano{
		height:225px;
		resize:all;
		width:75%;
	}
	
	.textarea_gral_chico{
		height:65px;
	}
	
	.padding_input{
	padding:0 10px;
	font-size:13px;
	color:#444;
	}
	
	
	
	/* Diseño de tablas */


.tabla_gral td{
    padding: 5px 5px;
    font-size: 14px;
	}
	
.tabla_gral th{
	padding:5px;
	background:#eee;
	color:#000;
	font-family: 'OpenSansBold';
	font-size:14px;
	}

.tablabg_blanco{
	border:0 !important;}
	
.tabla_gral_2, .tabla_gral_4{
	border:1px solid #d0d0d0;
	background:#f6f6f6;
	}
	
	
.tabla_gral_3{
	border:1px solid #d0d0d0;
	}

	
.tabla_gral_2 td{
	border:1px solid #d0d0d0;
	font-size:12px !important;
	padding: 5px 4px;
	}
	
.tabla_gral_4 td{
	border:1px solid #d0d0d0;
	font-size:10.5px !important;
	padding: 3px 2px;
	}
	
.tabla_gral_3 tr:nth-child(even){
	border:0;
	font-size:12px !important;
	padding: 0;
	}
	
.tabla_gral_3 tr:nth-child(odd){
	border:0;
	padding: 5px 4px;
	}
	
.tabla_gral_3 tr:nth-child(odd) td{
	padding: 5px 4px;
	}
	
.tabla_gral_2 td font, .tabla_gral td font, .tabla_gral_2 td a, .tabla_gral_3 td a, .tabla_gral_3 td font, .tabla_gral_4 td font, .tabla_gral_2 td a{
	font-size:12px !important;
	}
	
.tabla_gral_2 th, .tabla_gral_2 th font, .tabla_gral_3 th, .tabla_gral_3 th font, .tabla_gral_4 th, .tabla_gral_4 th font{
        text-align : center; 
	padding:5px;
	background:#eee;
	color:#000;
	font-family: 'OpenSansBold';
	font-size: 13px;
    text-transform: uppercase;
	    vertical-align: top;
	}
	
	
.tabla_gral_4 th, .tabla_gral_4 th font{
	padding:4px 2px;
	font-size: 10.5px;
	border-right:1px solid #dadada;
	}
	
	
.tabla_con_inputs input[type="text"], .tabla_con_inputs input[type="tel"], .tabla_con_inputs input[type="email"]{
	height:30px;
	font-size:14px;
	}
	
.tabla_gral_3 td strong{
	color:#000;
	font-family: 'OpenSansBold';
	}
	
.tabla_gral_2 th font, .tabla_gral th font, .tabla_gral_3 th font, .tabla_gral_4 th font{
	font-size: 13px !important;
	}
	
.tabla_gral_2 tr, .tabla_gral_4 tr{
	background:#fff;
	}
	
.tabla_gral_2 tr:nth-child(odd), .tabla_gral_4 tr:nth-child(odd){
	background:#f7f7f7;
	}

.tabla_gral_2 tr:hover, .tabla_gral_3 tr:hover, .tabla_gral_4 tr:hover{
	background: rgba(249,157,162,0.4);
    color: #232323;
	}

       /*tabla más chica*/
	.tabla_gral_chica{
		border:1px solid #e7e6e6;
		}
		
	.tabla_gral_chica td{
		padding:5px 2px;
		font-size:11px;
		text-align:center;
		}
		
	.tabla_gral_chica tr:hover{
		background:#e6f1f9;
		}
		
	.tabla_gral_chica td:nth-of-type(2) {
		text-align:left;
		}
		
	.tabla_gral_chica tr:nth-child(odd) {
		background:#f8f8f8;
		}
		
	.tabla_gral_chica th{
		padding:5px 4px;
		background:#eee;
		color:#000;
		font-family: 'OpenSansBold';
		font-size:10px;
		}



/* HEADER - Logos y navegación*/
.logos_header{
	display:block;
	width:100%;
	height:75px;
	background:#fff;
	padding:0 15x;
	
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}
	
.logos_header:after, .logos_header:before{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}
	
.active_linea{
	border:3px solid #515151;
	padding:8px 13px;}
	
.active_linea_azul{
	border:2px solid #db131d;
	margin:10px;
	padding:10px 16px !important;}
	
#navbar{
	width:100%;
	padding:0;
	margin:0;
	font-size:15px !important;
	font-weight: normal;
	}
	
.nav{
	width:100%;
	font-size:15px !important;
	font-weight: normal;
	}
	
#navbar .col-md-12{
	padding:0;}
	
.navbar{
	margin-bottom:0;
	font-size:15px !important;
	font-weight: normal;
	}
	
.navbar-nav{
	margin: 0;
	float:none;
	font-size:15px !important;
	font-weight: normal;
	}

.navbar-nav>li, .navbar-nav li {
    float: left;
    margin-right:35px;
    text-align: center;
	font-size:15px !important;
	font-weight: normal;
	/*border-bottom: 4px solid #b20910;*/
}

.navbar-nav>li:last-child, .navbar-nav>li:last-child{
    margin-right:0px;
}
	
.navbar-inverse{
	background:#c00c15;
	border:0;
	border-radius:0;
	font-family: 'OpenSansRegular';
	font-size:15px !important;
	font-weight: normal;
	}
	
.navbar-inverse .navbar-nav>.active>a{
	box-shadow:none;
	color:#fff !important;
	background:#f99da2 !important;
	font-size:15px !important;
	font-weight: normal;
}


.navbar-nav li a {
    padding-top: 15px;
    padding-bottom: 15px;
}

.navbar-nav .active a{
	box-shadow:none;
	color:#fff !important;
	background:#f99da2 !important;
}
	
.navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-nav li a  {
	color:#fff;
	text-shadow:none;
	font-size:15px !important;
	font-weight: normal;
	}
	
	
 .navbar-inverse .navbar-nav li .dropdown a  {
	color:#515151;
	text-shadow:none;
	}
	
	
	 .navbar-inverse .navbar-nav li .dropdown a:hover,  .navbar-inverse .navbar-nav li .open .dropdown a  {
	color:#fff;
	text-shadow:none;
	}
	
 .navbar-inverse .navbar-nav li .dropdown li  {
	width:100%;
	text-align:left;
	}
	
.navbar-inverse .navbar-nav>.active>a:focus, .navbar-nav>li:hover, .navbar-inverse .navbar-nav .active a:focus, .navbar-nav li:hover{
	background:#f99da2;
	/*border-bottom:4px solid #f99da2;*/
	}


	

.btn_submenu{
    background-image: none;
	background: none;
    box-shadow: none;
    color: #fff !important;
    font-family: 'OpenSansRegular';
    border: 0;
    font-size: 15px;
    font-weight: normal;
    margin: 6px 0 3px 0;
	text-shadow:none;
	text-transform:none;
	}
	
.subopciones li{
	color:#515151;
	margin:5px 0;
	}
	
.dropdown:hover{
	border-bottom: 4px solid #f99da2;
	}

.btn_submenu:hover{
	background:none;
	color:#fff;
	text-shadow:none;
	}
	
.btn_submenu:active, .btn_submenu:focus{
	background:none;
	border:0;
	box-shadow:none;
	}

.open>.dropdown-toggle.btn-default.btn_submenu {
    color: #fff;
    background:none;
    border: 0;
	box-shadow: none;
}

/* INSTRUCCIONES DE LA INTERFAZ */

.jumbotron{
	background:#f3f3f3;
}

.jumbotron h1{
	font-size:15px;
	color:#b20910;
	padding-left:15px;
}

.jumbotron p{
	font-size:15px;
	color:#7f7e7e;
}


/* Estilos del blog*/

.blog {
    border-left: 1px solid #eee;
    margin: 0 1px;
    width: 33%;
    min-height: 275px;
}

.blog:hover {
    background: #f6f6f6;
}

.blog a{
	text-decoration:underline;
	}
	
	

.fondo_morado{
	background-image: url(../img/vineta_primaria.jpg);
	background-repeat:no-repeat;
	background-position:left;
	background-color: #efdaf6 !important;
	height:30px;
	}
	
.fondo_morado h1{
	margin-top:7px;
	margin-left:25px;
	font-weight:bold;
	}


.fondo_naranja{
	background-image: url(../img/vineta_preparatoria.jpg);
	background-repeat:no-repeat;
	background-position:left;
	background-color: #f4e8d6 !important;
	height:30px;
	}
	
.fondo_naranja h1{
	margin-top:7px;
	margin-left:25px;
	font-weight:bold;
	}
	

.fondo_verde h1, .fondo_azul h1{
	font-weight:bold;
	}


.fondo_verde{	
	background-image: url(../img/vineta_documentos.jpg);
	background-repeat:no-repeat;
	background-position:left;
	background-color: #d1fdd5 !important;
	height:30px;
	}
	
.fondo_azul{	
	background-image: url(../img/vineta_trabajador.jpg);
	background-repeat:no-repeat;
	background-position:left;
	background-color: #ffd0f1 !important;
	height:30px;
	padding:0 !important;
	max-height:30px;
	margin:-1px 0 !important;
	padding:2px 0;
	
	box-sizing:content-box;
	-ms-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	}


	
.tabla_solicitud .fondo_azul h1, .tabla_solicitud .fondo_naranja h1, .tabla_solicitud .fondo_verde h1{
	margin:0 0 0 45px;
	text-align:left;
	}
	

/*  */

.tabla_solicitud table{

	margin:0 auto;
}


.tabla_solicitud{
	border: 1px solid #dadada;
    margin: 15px 0;
	}

 input[disabled], select[disabled]{
	background:#f8f8f8;
	border:1px solid #dadada;
	padding:4px 8px;
	}

select[disabled]{	
	background:url("../img/flecha_select.png") #f8f8f8 no-repeat right !important;
	}
	
 input[disabled]:hover, select[disabled]:hover{
	border:1px solid #b9b9b9;
	}

.tabla_solicitud td{
	padding:5px 5px;
}

/* Pantalla aclaraciones */
	
	.ficha{
		width:280px;
		height:230px;
		padding-top:10px;
		text-align:center;
		margin:0 auto;
		display:block;
		background:url(../img/aclaraciones_registro.png) no-repeat center bottom #fff;
		border:1px solid #dadada;
	}
	
	
	.ficha.consulta{
		background:url(../img/aclaraciones_consulta.png) no-repeat center bottom #fff;
	}
	
	.ficha.folio{
		background:url(../img/aclaraciones_folio.png) no-repeat center bottom #fff;
	}
	
	.ficha.equipo{
		background:url(../img/aclaraciones_equipo-computo.png) no-repeat center bottom #fff;
	}
	
	.ficha.validaciones{
		background:url(../img/aclaraciones_validaciones.png) no-repeat center bottom #fff;
		}
		
	.ficha.folio{
		background:url(../img/aclaraciones_folio.png) no-repeat center bottom #fff;
		}
	
	.ficha.wifi{
		background:url(../img/aclaraciones_wifi.png) no-repeat center bottom #fff;
		}
		
	.ficha.garantia{
		background:url(../img/aclaraciones_equipo-computoGarantia.png) no-repeat center bottom #fff;
	}
	
	.ficha.reposicion{
		background:url(../img/aclaraciones_equipo-computoReposicion.png) no-repeat center bottom #fff;
		}
		
	.ficha.falta{
		background:url(../img/aclaraciones_equipo-computoFalta.png) no-repeat center bottom #fff;
		}
		
    

	

/* Footer */

footer{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bbbbbb+0,e6e6e6+100 */
background: #bbbbbb; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JiYmJiYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #bbbbbb 0%, #e6e6e6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #bbbbbb 0%,#e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #bbbbbb 0%,#e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbbbb', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-8 */

height:50px;
margin:25px;

text-align:center;
line-height:50px;

}

footer a:hover{
	color:#777;}



/* Recomendaciones estilo para las tarjetas */

.wrapper {
		width:1240px;
		margin:0 auto;
		text-align:center;
	}
	
	/* Index Card Styling */
	
	ul.index_cards {
		margin-top:50px;
		text-align:center;
	}
	
		ul.index_cards li {
			background:url(../img/recomendaciones/card_bg.jpg) repeat;
			height:450px;
			width:300px;
			margin: 0 100px 50px 0;
			display:block;
			float:left;
			border:2px solid #fff;
			padding:25px 10px;
			position:relative;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-box-shadow: 2px 2px 10px #bcbcbc;
			-webkit-box-shadow: 2px 2px 10px #bcbcbc;
			-moz-transition: all 0.5s ease-in-out;
			-webkit-transition: all 0.5s ease-in-out;
		}

		ul.index_cards li.unico {
			margin: 0 0px 50px 100px;
			width:900px;
			height:600px;	
		}

		ul.index_cards li.card-3 {
			background:url(../img/recomendaciones/card_bg3.jpg) repeat;
		}

		ul.index_cards li.card-5 {
			background:url(../img/recomendaciones/card_bg5.jpg) repeat;
		}
	
		ul.index_cards li.card-1.azul {
			background:url(../img/recomendaciones/card_bg1.jpg) repeat;
		}

		ul.index_cards li.card-3.rosa {
			background:url(../img/recomendaciones/card_bg4.jpg) repeat;
		}

		ul.index_cards li.card-5.naranja {
			background:url(../img/recomendaciones/card_bg6.jpg) repeat;
		}

		ul.index_cards li.card-1.amarillo{
			background:url(../img/recomendaciones/card_bg7.jpg) repeat;
		}

		ul.index_cards li.card-3.gris {
			background:url(../img/recomendaciones/card_bg8.jpg) repeat;
		}

		ul.index_cards li.card-5.cafe {
			background:url(../img/recomendaciones/card_bg9.jpg) repeat;
		}

		ul.index_cards li.card-3.verde {
			background:url(../img/recomendaciones/card_bg10.jpg) repeat;
		}
	
	
	.card-1 {
		
		z-index:1;
		left:20px;
		top:40px;
	}
	
	.card-2 {
		-webkit-transform: rotate(-10deg);
		-moz-transform: rotate(-10deg);
		z-index:2;
		left:70px;
		top:10px;
	}
	
	.card-3 {
		background-color:#69732B;
		z-index:3;
	}
	
	.card-4 {
		-webkit-transform: rotate(10deg);
		-moz-transform: rotate(10deg);
		z-index:2;
		right:70px;
		top:10px;
	}
	
	.card-5 {
		
		z-index:1;
		right:20px;
		top:40px;
	}
	
	/* Hover States */
	
	ul.index_cards li:hover {
		z-index:4;
	}
	
	.card-1:hover {
		-moz-transform: scale(1.1) rotate(-18deg);
   	 	-webkit-transform: scale(1.1) rotate(-18deg); 
	}
		
	.card-2:hover {
		-moz-transform: scale(1.1) rotate(-8deg);
   	 	-webkit-transform: scale(1.1) rotate(-8deg); 
	}
	
	.card-3:hover {
		-moz-transform: scale(1.1) rotate(2deg);
   	 	-webkit-transform: scale(1.1) rotate(2deg); 
	}
	
	.card-4:hover {
		-moz-transform: scale(1.1) rotate(12deg);
   	 	-webkit-transform: scale(1.1) rotate(12deg); 
	}
	
	.card-5:hover {
		-moz-transform: scale(1.1) rotate(22deg);
   	 	-webkit-transform: scale(1.1) rotate(22deg); 
	}
	
	/* Content Styling */
	
			ul.index_cards li img {
				margin-top:7px;
				background:#f8f8f8;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				-moz-box-shadow: 0px 0px 3px #aaa;
				-webkit-box-shadow: 0px 0px 3px #aaa;
			}
			
			ul.index_cards li p {
				margin-top:4px;
				text-align:left;
				line-height:28px;	
			}


	    /*input type fyle */
	
	.file-upload {
    position: relative;
    overflow: hidden;
	margin:20px 0;
}
	
	.file-upload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}


.menu_lateral {
    background: #eeeeee;
    margin: 10px 0;
    min-height: 85.5%;
    max-height: 85.5%;
    position: fixed;
    left: 0;
	overflow-y:scroll;
}

.espacio_por_submenu {
    margin-left: 16.5%;
    background: #fff;
    min-height: 85.5%;
    position: absolute;
}
.dv{
	position: absolute; 
	VISIBILITY: hidden;
	background-color : Gray;
	border : 1px solid Gray;
	background : White;
	width : auto;
	height : auto;
	overflow : auto; 
	margin-bottom : 1px;    
	margin-left : 1px; 
	margin-right : 1px; 
	margin-top : 1px;
	z-index:100;
}

.dv a{
font-size: 12px;
line-height: 18px;
padding: 0 3px;
}


.dvEmpresas
{
	position: absolute; 
	VISIBILITY: hidden;
	background-color : Gray;
	border : 1px solid Gray;
	background : White;
	width : 200px;
	height : 100px;
	overflow : auto; 
	margin-bottom : 1px;    
	margin-left : 1px; 
	margin-right : 1px; 
	margin-top : 1px;
}
/* Datepicker */

.ui-datepicker{
	background: #f8f8f8;
    border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
    padding: 5px 25px;
	}


/* INPUTS */
div.cs-select:focus{ 
    border: 1px solid yellow !important;
	box-shadow:0 0 5px rgba(255,233,51,0.4) !important;
}

.input_gral:focus, .input_gral_mini:focus, textarea:focus, select:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus  { 
    border: 1px solid yellow !important;
	box-shadow:0 0 5px rgba(255,250,2,0.8) !important;
	outline:#dadada auto 4px !important;
}

.select, select{
	-webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
	
	text-indent:0.01px;
	text-overflow:'';
}

.select::-ms-expand{
	display:none;
	}
	

select::-ms-expand{
	display:none;
	}
	
.select, select {
    background: url("../img/flecha_select.png") #fff no-repeat right !important;
	*background:#fff !important;
	background:#fff\9 !important;
	color: #515151;
    border: 1px solid #dadada;
    height: 40px;
    padding: 5px 10px;
    text-align: left;
    font-size: 15px;
    border-radius: 8px;
    font-family: 'OpenSansRegular';
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
	} 

.flechaInactiva, .flechaActiva {
    font-size: 20px !important;
	}
	
	.flechaActiva {
	color: #db131d !important;
	}
	





/* Botones con imagen */

	.login{
		background:#db131d url(../img/icons/ingresar.png) 19px 7px no-repeat;
		padding:8px 20px 8px 47px;
	}
	
	.cerrar{
		background:#db131d url(../img/icons/cerrar.png) 19px 8px no-repeat;
		padding:8px 20px 8px 47px;
	}
	
	.buscar{
		background:#db131d url(../img/icons/buscar.png) 19px 7px no-repeat;
		padding:8px 20px 8px 47px;
	}
	
	.continuar{
		background:#db131d url(../img/icons/continuar.png) 19px 9px no-repeat;
		padding:8px 20px 8px 47px;
	}
	
	.cambiar{
		background:#db131d url(../img/icons/cambiar.png) 19px 7px no-repeat;
		padding:8px 20px 8px 47px;
	}
	
	.editar{
		background:#db131d url(../img/icons/editar.png) 19px 6px no-repeat;
		padding:8px 20px 8px 47px;
		}		
	
	.enviar{
		background:#db131d url(../img/icons/enviar.png) 19px 7px no-repeat;
		padding:8px 20px 8px 47px;
	}
	
	.limpiar{
		background:#db131d url(../img/icons/limpiar.png) 19px 7px no-repeat;
		padding:8px 20px 8px 47px;
	}
	
	.contratar{
		background:#db131d url(../img/icons/contratar.png) 19px 7px no-repeat;
		padding:8px 20px 8px 47px;
	}
	
	.enviar{
		background:#db131d url(../img/icons/enviar.png) 19px 7px no-repeat;
		padding:8px 20px 8px 47px;
	}
	
	
	.videobtn{
		background:#db131d url(../img/icons/video.png) 19px 7px no-repeat;
		padding:8px 20px 8px 47px;
	}
	
	.accion{
		background:#db131d url(../img/icons/accion.png) 19px 7px no-repeat;
		padding:8px 20px 8px 47px;
	}
	
	.regresar{
		background:#db131d url(../img/icons/regresar.png) 19px 9px no-repeat;
		padding:8px 20px 8px 47px;
	}
	
	
	.precio{
		background:#db131d url(../img/icons/precio.png) 19px 8px no-repeat;
		padding:8px 20px 8px 47px;
	}
	
	.listas{
		background:#db131d url(../img/icons/listas.png) 19px 9px no-repeat;
		padding:8px 20px 8px 47px;
	}
	
	.agregar{
		background:#db131d url(../img/icons/mas.png) 19px 9px no-repeat;
		padding:8px 20px 8px 47px;
	}
	
	
	.telefono{
		background:#db131d url(../img/icons/tel.png) 19px 9px no-repeat;
		padding:8px 20px 8px 47px;
	}
	
	.calendario{
		background:#db131d url(../img/icons/calendario.png) 19px 7px no-repeat;
		padding:8px 20px 8px 47px;
	}
	
	.compras{
		background:#db131d url(../img/icons/carrito.png) 19px 6px no-repeat;
		padding:8px 20px 8px 47px;
	}
	
	.archivos{
		background:#db131d url(../img/icons/archivos.png) 19px 7px no-repeat;
		padding:8px 20px 8px 47px;
	}
	
	.cifras{
		background:#db131d url(../img/icons/cifras.png) 19px 7px no-repeat;
		padding:8px 20px 8px 47px;
	}
	
	.historico{
		background:#db131d url(../img/icons/historico.png) 19px 7px no-repeat;
		padding:8px 20px 8px 47px;
	}


	.alta{
		background:#db131d url(../img/icons/alta.png) 19px 6px no-repeat;
		padding:8px 20px 8px 47px;
		}
		
	.baja{
		background:#db131d url(../img/icons/baja.png) 19px 6px no-repeat;
		padding:8px 20px 8px 47px;
		}
		
	.transferir{
		background:#db131d url(../img/icons/transferir.png) 19px 6px no-repeat;
		padding:8px 20px 8px 47px;
		}		
		
	.totales{
		background:#db131d url(../img/icons/totales.png) 19px 6px no-repeat;
		padding:8px 20px 8px 47px;
		}

	.reportes{
		background:#db131d url(../img/icons/reportes.png) 19px 6px no-repeat;
		padding:8px 20px 8px 47px;
		}
		
	.configuracion{
		background:#db131d url(../img/icons/configuracion.png) 19px 6px no-repeat;
		padding:8px 20px 8px 47px;
		}
		
	.monitor{
		background:#db131d url(../img/icons/monitor.png) 19px 6px no-repeat;
		padding:8px 20px 8px 47px;
		}
	
	.informacion{
		background:#db131d url(../img/icons/informacion.png) 19px 6px no-repeat;
		padding:8px 20px 8px 47px;
		}
		
	.eliminar{
		background:#db131d url(../img/icons/eliminar.png) 19px 6px no-repeat;
		padding:8px 20px 8px 47px;
		}
		
	.bloqueado{
		background:#db131d url(../img/icons/bloqueado.png) 19px 6px no-repeat;
		padding:8px 20px 8px 47px;
		}
		
		
		
		
		
		
	.numeroB {
    font-size: 12px !important;
    background: #db131d !important;
    text-decoration: none !important;
    color: #fff !important;
    padding: 5px 8px !important;
    border-radius: 5px !important;
	}	
	
	.numero {
    font-size: 12px !important;
    color: #b20910 !important;
	}
	
	
	.tabla_gral_4 th.fondo_azul1{
	background:#cee8f6;
	padding:4px !important;
	}
	
	.tabla_gral_4 th.fondo_azul2{
	background:#db131d;
	color:#fff;
	padding:4px !important;
	}
	
	.margin_especial{
	  margin:0 0 0 10px;
	}
	
	
	
	/* Pantalla aclaraciones */
	
	#aclaraciones_interfaz .margin_alto{
    margin: 10px 0 !important;
	}
	
	#aclaraciones_interfaz label{
	font-weight:normal;
	}
	
	/* Pantalla recomedaciones */
	
	#recomendaciones_interfaz{
	overflow-x:hidden;
	}
	
	.overflow_auto{
	overflow:auto;
	}

.titulo_pagina h2, .espacio_por_submenu h2:first-of-type{
text-transform:uppercase;}	

	.line_input{
	line-height:45px;}

	.vertical_align_top{
	vertical-align:top;
	}
	
	.vertical_align_middle{
	vertical-align: middle;
	}
	
	/* PREGUNTAS FRECUENTES */
	
.preg{
  font-weight: 700;padding-bottom: 10px;
  font-size:14px;
  padding:10px 15px;
  
  box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
  
 }
 
 .preg:nth-child(1){
 padding:0 15px 10px 15px;
  
 }
 
 .resp{
  font-weight: 400;padding-top: 10px;
 }
 
 .primera_columna_pf{
 border-right:1px solid #f99da2;}
	
	
	.submenu_en_tabla{
	background: #db131d;
    color: #fff;
    padding: 10px;
    height: 35px;
	font-size: 13px;
	}
	
	.submenu_en_tabla a{
    color: #fff;
	}
	
	.submenu_en_tabla .tit_rojo{
	background:#f99da2;
	}


.transition:hover{
    width: 100%;
    height: 200px;
    margin: 0 auto;
         }

 .listaenlaces p:nth-of-type(1) a{ 
   text-decoration: none;   
   padding: 1px 3px; 
   display: inline-block; 
   -webkit-transition: all 1s linear; 
   -moz-transition: all 1s linear; 
   -ms-transition: all 1s linear; 
   -o-transition: all 1.4s linear; 
   transition: all 1s linear;    
       }

 .listaenlaces p:nth-of-type(1) a:hover 
   { background: #808080; 
     color: white; 
     box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4); 
     -webkit-transform: scale(1.1,1.1); 
     -moz-transform: scale(1.1,1.1); 
     -ms-transform: scale(1.1,1.1); 
     -o-transform: scale(1.1,1.1); 
     transform: scale(1.1,1.1); 
     -webkit-transition: all .4s linear; 
     -moz-transition: all .4s linear; 
     -ms-transition: all .4s linear; 
     -o-transition: all .4s linear; 
     transition: all .4s linear; 
       }



/***** MEDIA QUERIES ******/
	
	@media (min-height: 800px) {
	.menu_lateral {
    min-height: 76%;
    max-height: 76%;
	}
	}
	
	@media only screen and (max-device-height: 800px) {
	.menu_lateral {
    min-height: 76%;
    max-height: 76%;
	}
	}