@charset "utf-8";
/* CSS Document */

/*= GENERAL
--------------------------------------------------------*/
*{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;	
}
body,td,th {
    font-family: 'Open Sans', sans-serif;
	font-size:12px;
    color: #777;
}
body{
	background: #efefef;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
/*-------------------------------------------------------*/

/*= ENLACES
--------------------------------------------------------*/
a {
    color: #427570;
    font-weight: 400;
	text-decoration:none;
	/*text-shadow: 1px 1px 0px #CCCCCC;*/
}
a:hover{
	text-decoration:underline;	
}
/*-------------------------------------------------------*/

/*= PANTALLA LOGIN
--------------------------------------------------------*/
.contenedor_login {
    padding: 15px 16px 25px 10px;
    font-weight: 400;
    overflow: hidden;
    width: 300px;
    height: auto;
    background: #fff;
	margin: 50px auto 0;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.13);
    box-shadow: 0 1px 3px rgba(0,0,0,.13);
	border-radius: 10px;
  	-moz-border-radius: 10px;
  	-webkit-border-radius: 10px;
  	-o-border-radius: 10px;
}
/*-------------------------------------------------------*/

/*= CABECERA
--------------------------------------------------------*/
#cabecera_logo{
	float:left; 
	padding-top:10px;
	padding-bottom:10px;
}
.clase_logo{
	height:85px;	
}
#cabecera_menu{
	float:right;
	padding-top:20px;
	text-align:right;
}
#cabecera_avatar{
	float:right;
	padding-top:3px;
}
#cabecera_usuario{
	float:right;
}
/*-------------------------------------------------------*/

/*= FORMULARIOS
--------------------------------------------------------*/
input[type=text],input[type=password],input[type=email],input[type=date] {
    background: #fbfbfb;
    font-size: 16px;
    line-height: 1;
    width: 100%;
	height:40px;
    padding: 3px;
    margin: 0 6px 5px 0;
    outline: none;
    border: 1px solid #d9d9d9;
	color:#777;
	padding-left:5px;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
}

input[type=text]:focus,input[type=password]:focus,input[type=email]:focus, select:focus, textarea:focus {
    border: 1px solid #235e58;
}

select {
	background: #fbfbfb;
    font-size: 16px;
    line-height: 1;
    width: 100%;
	height:40px;
    padding: 3px;
    margin: 0 6px 5px 0;
    outline: none;
    border: 1px solid #d9d9d9;
	color:#777;
	padding-left:5px;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
}
textarea{
	font-family: 'Open Sans', sans-serif;
	background: #fbfbfb;
    font-size: 16px;
    line-height: 1;
    width: 98%;
    padding: 3px;
    margin: 0 6px 5px 0;
    outline: none;
    border: 1px solid #d9d9d9;
	color:#777;
	padding-left:5px;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;	
}
/*-------------------------------------------------------*/

/*= MENU APARTADOS
--------------------------------------------------------*/
#menu_apartados{
	max-width:1200px;
	margin:0 auto;
	padding-top:15px;	
}
/*-------------------------------------------------------*/

/*= BOTONES
--------------------------------------------------------*/
.boton{
	border: solid 1px #235e58;
	background: #427570;
	background: -webkit-gradient(linear, left top, left bottom, from(#52918b), to(#427570));
	background: -moz-linear-gradient(top,  #52918b,  #427570);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#52918b', endColorstr='#427570');
	color: #fff;
	padding: 7px 12px;
	-webkit-border-radius:4px;
   	-moz-border-radius:4px;
   	border-radius:4px;
	/*float: right;*/
	cursor: pointer;
}

.boton:hover{
background: #427570;
	background: -webkit-gradient(linear, left top, left bottom, from(#427570), to(#52918b));
	background: -moz-linear-gradient(top,  #427570,  #52918b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#427570', endColorstr='#52918b');
}
/*-------------------------------------------------------*/

/*= OCULTADORES
--------------------------------------------------------*/
#oculta{
	display:block;	
}
#nooculta{
	display:none;
}
/*-------------------------------------------------------*/

/*= ALERTAS
--------------------------------------------------------*/
.alerta-mensas {
	background-color: #cd0404;
	position: absolute;
	color:#FFFFFF;
	-khtml-border-radius:3px;
	border-radius:3px;
	padding:10px 10px 10px 10px;
	left:50%;
	top:20%;
	width:400px;
	margin-left:-200px; 
	height:auto;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,1);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,1);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,1);
}
.alerta-amplia {
	background:#FFFFFF;
	position: absolute;
	color:#666666;
	-khtml-border-radius:3px;
	border-radius:3px;
	padding:10px 10px 10px 10px;
	left:50%;
	top:10%;
	width:600px;
	margin-left:-300px; 
	height:auto;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,1);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,1);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,1);
}
.alerta-amplia-grande {
	background:#FFFFFF;
	position: absolute;
	color:#666666;
	-khtml-border-radius:3px;
	border-radius:3px;
	padding:10px 10px 10px 10px;
	left:50%;
	top:10%;
	width:1100;
	margin-left:-550px; 
	height:auto;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,1);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,1);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,1);
}
/*-------------------------------------------------------*/

/*= DIVS
--------------------------------------------------------*/
#mitad, #mitad2, #mitad_cob{
	width:50%; 
	float:left;
}
#mitad-5{
	width:45%; 
	float:right;
}
#left49{
	width:49%; 
	float:left;
}
#right49{
	width:49%; 
	float:right;
}
/*-------------------------------------------------------*/

/*= ACOMPAÑADOS - SOLOS
--------------------------------------------------------*/
#acompanados-solos40{
	float:left;
	width:40%
}
#acompanados-solos20{
	float:left;
	width:20%
}
#acompanados-solos51{
	float:left;
	width:51%
}
#acompanados-solos80{
	float:left;
	width:80%
}
#acompanados-solos60{
	float:left;
	width:60%
}
#acompanados-solos15{
	float:left;
	width:15%
}
#acompanados-solos30{
	float:left;
	width:30%
}
#acompanados-solos10{
	float:left;
	width:10%
}
#acompanados-solos5{
	float:left;
	width:5%
}
#acompanados-solos12{
	float:left;
	width:12%
}
/*-------------------------------------------------------*/

@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
	/*= CABECERA
	--------------------------------------------------------*/
	#cabecera_logo{
		float:none; 
		padding-top:5px;
		padding-bottom:0px;
		width:100%;
		text-align:center;
	}
	.clase_logo{
		height:50px;	
	}
	#cabecera_menu{
		float:none;
		padding-top:0px;
		padding-bottom:5px;
		text-align:center;
	}
	#cabecera_avatar{
		float:none;
		padding-top:0px;
	}
	#cabecera_usuario{
		float:none;
	}
	/*-------------------------------------------------------*/
	/*= OCULTADORES
	--------------------------------------------------------*/
	#oculta{
		display:none;	
	}
	#nooculta{
		display:block;
	}
	/*-------------------------------------------------------*/
	/*= DIVS
	--------------------------------------------------------*/
	#mitad, #mitad2, #mitad_cob, #mitad-5, #left49, #right49{
		width:100%; 
		float:none;
	}
	/*-------------------------------------------------------*/
	/*= FORMULARIOS
	--------------------------------------------------------*/
	input[type=text],input[type=password],input[type=email] {
		background: #fbfbfb;
		font-size: 16px;
		line-height: 1;
		width: 97%;
		height:40px;
		padding: 3px;
		margin: 0 6px 5px 0;
		outline: none;
		border: 1px solid #d9d9d9;
		color:#777;
		padding-left:5px;
		border-radius: 4px 4px 4px 4px;
		-moz-border-radius: 4px 4px 4px 4px;
		-webkit-border-radius: 4px 4px 4px 4px;
	}
	
	input[type=text]:focus,input[type=password]:focus,input[type=email]:focus, select:focus {
		border: 1px solid #427570;
	}
	
	select {
		background: #fbfbfb;
		font-size: 16px;
		line-height: 1;
		width: 100%;
		height:40px;
		padding: 3px;
		margin: 0 6px 5px 0;
		outline: none;
		border: 1px solid #d9d9d9;
		color:#777;
		padding-left:5px;
		border-radius: 4px 4px 4px 4px;
		-moz-border-radius: 4px 4px 4px 4px;
		-webkit-border-radius: 4px 4px 4px 4px;
	}
	textarea{
		background: #fbfbfb;
		font-size: 16px;
		line-height: 1;
		width: 97%;
		padding: 3px;
		margin: 0 6px 5px 0;
		outline: none;
		border: 1px solid #d9d9d9;
		color:#777;
		padding-left:5px;
		border-radius: 4px 4px 4px 4px;
		-moz-border-radius: 4px 4px 4px 4px;
		-webkit-border-radius: 4px 4px 4px 4px;	
	}
	/*-------------------------------------------------------*/
	/*= MENU APARTADOS
	--------------------------------------------------------*/
	#menu_apartados{
		max-width:95%;
		margin:0 auto;
		padding-top:15px;	
	}
	/*-------------------------------------------------------*/
	/*= ALERTAS
	--------------------------------------------------------*/
	.alerta-mensas {
		background-color: #f06015;
		position: absolute;
		color:#FFFFFF;
		-khtml-border-radius:3px;
		border-radius:3px;
		padding:10px 10px 10px 10px;
		left:47%;
		top:10%;
		width:300px;
		margin-left:-150px; 
		height:auto;
		-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,1);
		-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,1);
		box-shadow: 10px 10px 5px 0px rgba(0,0,0,1);
	}
	.alerta-amplia, .alerta-amplia-grande {
		background:#FFFFFF;
		position: absolute;
		color:#666666;
		-khtml-border-radius:3px;
		border-radius:3px;
		padding:10px 10px 10px 10px;
		left:48%;
		top:10%;
		width:300px;
		margin-left:-150px; 
		height:auto;
		-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,1);
		-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,1);
		box-shadow: 10px 10px 5px 0px rgba(0,0,0,1);
	}
	/*--------------------------------------------------------*/
	/*= ACOMPAÑADOS - SOLOS
	--------------------------------------------------------*/
	#acompanados-solos40, #acompanados-solos20, #acompanados-solos80, #acompanados-solos60, #acompanados-solos15, #acompanados-solos30, #acompanados-solos51, #acompanados-solos10, #acompanados-solos5, #acompanados-solos12{
		float:none;
		width:100%
	}
	/*-------------------------------------------------------*/
}