/* CSS Document */
/* ----------------------------------GENERALES---------------------------------- */
#background{
	background: url(../img/bg_effect.png) no-repeat center fixed;
	background-size:cover;
	background-color:#EDEDED;
	width:100%;
	height:100%;
	position:fixed;
}
html{height:100%;}
body{margin:0px; background-color:#f1f0ee;height:100%;}
body,p,a,span,div,input,textarea,textfield,select,table,td,h1{
	font-family:Lato, Arial;
	font-size:15px;
	line-height:20px;
	color:#676767;
	text-decoration:none;
}
a:hover{text-decoration:underline;}
center{height:100%;}
img{border:0;}
ul{margin:0; padding:0 0 10px 15px;}
li{margin:0; padding-bottom:10px;}

.caja_texto_confirm
{
	font-size:11px;
	width:250px;
	text-align:center
}
.caja_texto_question
{
	font-size:11px;
	width:250px;
}
.tr_impar
{
	font-size:11px;
	background-color:#FFFFFF;
}
.orange
{
	font-size:11px;
	color:rgb(233,94,15);
	 text-decoration:underline;
}

#web{
	width:998px;
	text-align:left;
	margin:0 auto;
	position:relative;
	background:white;
	min-height:100%;
	box-shadow:0 0 10px rgba(0,0,0,.5);
}
#over_web{width:812px; z-index:1; overflow:hidden; height:"600px" text-align:left;background-color:#e8e3e1; }
#general{
	max-width:850px;
	z-index:2;
	overflow:hidden;
	margin:0 auto;
	vertical-align:top;
	padding:25px 20px 19px 18px;
	position:relative;
	background:white;
	min-height:100%;
	box-shadow:0 0 10px rgba(0,0,0,.5);
	box-sizing:border-box;
}

/* ---------------------------------- HEAD ---------------------------------- */

#cabecera-mobile{display: none}
#cabecera{display: blockf;width:100%; vertical-align:top; padding-bottom:14px;position:relative;}
#cabecera img{ margin-right:18px; vertical-align:top;}
#cabecera span{ display:inline-block;margin-top:14px;font-size:28px;line-height:34px;letter-spacing:1px; font-weight:bold; text-shadow:1px 1px 1px rgba(229,131,22,.2);}

#buscar{width:200px; float:left; vertical-align:top}
#buscar .td1{width:120px; padding:2px 0 0 12px;}
#buscar .td2{width:80px; padding-right:4px;}
#buscar .box{width:100px; height:12px; background-color:#FFFFFF; border-left:2px solid #7d7d7d; border-top:2px solid #7d7d7d;}
#buscar .btn{width:70px; height:22px; background-color:#e8e3e1; border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; border-bottom:1px solid #a79f97; border-right:1px solid #a79f97; color:#677588; text-align:center;}
 
#flash{width:100%; display:inline-block; overflow:hidden; margin-right:2px;}
#flash img{height:100%;}
#blue_box{width:218px; height:248px; display:inline-block; background-color:#cfd6dd; text-align:center; vertical-align:top;min-height:25px;box-sizing:border-box;float:right;}
#blue_box td{padding:0 10px;}
#blue_box tr:first-child td{border-bottom:4px solid white;}
#blue_box p{font-size:90%;margin:7px 0;}
#blue_box a{color:#677588; text-decoration:underline;}
#blue_box a:hover{color:rgb(233,94,15);}
#blue_box .menu{width:176px; height:19px; background-color:#FFFFFF; border-left:2px solid #7d7d7d; border-top:2px solid #7d7d7d; border-right:2px solid #eceff3; border-bottom:2px solid #eceff3; color:#677588; margin:18px 0 48px 0;}

#blue_box2{width:218px; height:180px; display:inline-block; background-color:#cfd6dd; text-align:center; vertical-align:top;min-height:25px;box-sizing:border-box;float:right;}

 
#blue_box2 td{padding:0 10px;}
#blue_box2 tr:first-child td{border-bottom:4px solid white;}
#blue_box2 p{font-size:90%;margin:7px 0;}
#blue_box2 a{color:#677588; text-decoration:underline;}
#blue_box2 a:hover{color:rgb(233,94,15);}
#blue_box2 .menu{width:176px; height:19px; background-color:#FFFFFF; border-left:2px solid #7d7d7d; border-top:2px solid #7d7d7d; border-right:2px solid #eceff3; border-bottom:2px solid #eceff3; color:#677588; margin:18px 0 48px 0;}



/* ---------------------------------- MENU ---------------------------------- */
#menu{ display: none;  max-width:812px; background-color:#677588; text-align:right; margin:0 0 4px 0; margin-bottom:4px !important; padding:3px 0 4px 0;min-height:20px;}

#menu div{color:white;}
#menu a{color:#FFFFFF;text-decoration:underline;}
#menu form img{height: 16px;margin: 0 6px;float: right;position: relative;top: 2px;}

/* ---------------------------------- CONTENIDO HOME ---------------------------------- */
#content_izq{width:200px; float:left; margin-top:20px;}
#content_izq h2{background-color:rgb(233,94,15); color:#FFFFFF; font-size:11px; padding:3px 0 4px 8px; margin:0; font-weight:normal; letter-spacing:1px;}
#content_izq .txt{width:184px; float:left; background-color:#e8e3e1; padding:5px 8px 6px ; line-height:15px; letter-spacing:1px;}
#content_izq .txt a{color:rgb(233,94,15); text-decoration:underline;}
#content_izq .txt a:hover{color:#46617d;}

#center{width:612px; float:left;}
#center .td1{width:12px; vertical-align:top;}
#center .icono{width:30px; padding-bottom:10px;}
#center .td2, #center .td4{width:152px; padding:0 0 10px 4px;}
#center a{font-size:9px; color:#46617d; letter-spacing:1px; text-decoration:none;}
#center a:hover{color:rgb(233,94,15); text-decoration:underline;}
#center .td3{width:24px;}
#center .td5{width:12px;}
.enlacesHome a{width:144px; float:left; margin:5px 0;}
#center .enlacesHome a.on, #center .enlacesHome a.off:hover{color:#46617d; background-image:url(../imagenes/bullet_azul.gif); background-repeat:no-repeat; background-position:0 3px; padding-left:8px;}
#center .enlacesHome a.off{color:rgb(233,94,15); background-image:url(../imagenes/bullet_naranja.gif); background-repeat:no-repeat; background-position:0 3px; padding-left:8px;}
.cerrar{text-align:right; float:right; padding-top:5px;}

#content_der{width:200px; float:left; margin-top:20px;}
#content_der .cajas{float:left; margin-bottom:20px;cursor:pointer}
#content_der .cajas img{float:left; border-bottom:10px solid #e8e3e1;cursor:pointer}
#content_der h2{width:192px; background-color:rgb(233,94,15); color:#FFFFFF; font-size:11px; padding:3px 0 4px 8px; margin:0; font-weight:normal; letter-spacing:1px;}
#content_der .textos{float:left; width:193px; background-color:#e8e3e1; padding:12px 0 6px 7px;}
#content_der .textos a{color:rgb(233,94,15); text-decoration:underline; letter-spacing:1px; line-height:15px;}
#content_der .textos a:hover{color:#46617d;}

#content_der .links{float:left; *width:193px; width:166px; padding:12px 0 6px 7px;}
#content_der .links a{ font-weight:normal; float:left; width:166px; color:rgb(233,94,15); text-decoration:underline; letter-spacing:1px; line-height:15px; background-repeat:no-repeat; padding:0 0 10px 20px;}
#content_der .links a:hover{color:#46617d;}
#content_der .links a.imprimir{background-image:url(../imagenes/imprimir_icono_naranja.gif);}
#content_der .links a.recomienda{background-image:url(../imagenes/recomienda_icono_naranja.gif);}
#content_der .links a.imprimir:hover{background-image:url(../imagenes/imprimir_icono_azul.gif);}
#content_der .links a.recomienda:hover{background-image:url(../imagenes/recomienda_icono_azul.gif);}

/* ---------------------------------- CONTENIDO INTERNAS ---------------------------------- */
#menu_izq{width:200px; background-color:#9aa6b5;}
#menu_izq a{width:195px; display:inline-block; height:20px; color:#FFFFFF; letter-spacing:1px; padding:3px 0 4px 5px; border-bottom:1px solid #f1f0ee;}
#menu_izq a.off{color:#FFFFFF;}
#menu_izq a.off:hover, #menu_izq a.on{background-color:rgb(233,94,15); text-decoration:none;}

#menu_izq .despegable{width:200px; float:left; background-color:#cfd6dd;}
#menu_izq .despegable a{width:191px; float:left; color:#677588; letter-spacing:1px; padding:3px 0 4px 9px; border-bottom:1px solid #f1f0ee;}
#menu_izq .despegable a.off{color:#677588;}
#menu_izq .despegable a.off:hover, #menu_izq .despegable a.on{background-color:rgb(233,94,15); text-decoration:none; color:#FFFFFF;}

#menu_izq .tercer{width:200px; float:left; background-color:#e4e8ee;}
#menu_izq .tercer a{width:191px; float:left; color:#677588; letter-spacing:1px; padding:3px 0 4px 9px; border-bottom:1px solid #f1f0ee;}
#menu_izq .tercer a.off{color:#677588;}
#menu_izq .tercer a.off:hover, #menu_izq .despegable a.on{background-color:rgb(233,94,15); text-decoration:none; color:#FFFFFF;}
 
#center_interno_confirm2{padding:0 12px; line-height:15px; margin-top:20px;}
#center_interno_confirm2 h2{text-align:center;font-size:24px;line-height:22px; font-weight:bold; color:rgb(233,94,15); letter-spacing:1px;} 
       
#center_interno_confirm{width:812; float:center; padding:0 12px; line-height:15px; margin-top:20px;}

#center_interno{box-sizing:border-box; width:100%; min-height:800px; padding:0 12px 40px; line-height:17px; margin:0 auto;} 
#center_interno h1{font-size:24px; line-height: 32px; font-weight:bold; color:#d00f3b; margin:0; padding:3px 0 13px 0; letter-spacing:1px;}
#center_interno p{margin:0; padding-bottom:12px;}
#center_interno a{color: #d00f3b; text-decoration:underline;}
#center_interno a:hover{color:#46617d;}
#center_interno h2{font-size:18px;line-height:20px; font-weight:bold; color:#676767; margin:0; padding:3px 0 23px 0; letter-spacing:1px;} 

#center_interno #contacto{width:364px;}
#center_interno #contacto td{ vertical-align:top; padding:10px 0 15px 0; width:50%;}
#center_interno #contacto td img{ margin:0 10px 0 0;}
#center_interno #contacto th{ background-color:#e8e3e1; padding:3px 5px;}

#center_interno #recomienda{width:364px;}
#center_interno #recomienda td{ padding-bottom:15px;}
#center_interno #recomienda .btn{ margin-right:16px;}

#center_interno h3{width:364px; background-color:#d6dce2; color:#46617d; font-size:12px; margin:0 0 10px 0; padding:3px 0;}

#tabla_txt{width:388px;}
#tabla_txt td{width:194px; vertical-align:top; padding:5px 0; border-bottom:1px solid #dddddd;}

#formulario{width:300px; float:left;}
#formulario .td1{width:100px; padding-bottom:0; padding-bottom:5px !important; text-align:left;}
#formulario .td2{width:200px; padding-bottom:0; padding-bottom:5px !important; text-align:left;}
#formulario .caja{width:200px; height:14px; background-color:#FFFFFF; border:1px solid #999999;}
#formulario .caja_msg{width:200px; background-color:#FFFFFF; border:1px solid #999999;}
#enviar{width:70px; height:22px; background-color:#e8e3e1; border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; border-bottom:1px solid #a79f97; border-right:1px solid #a79f97; color:#677588; text-align:center;}

#mapa{width:388px; vertical-align:top;}
#mapa .td1{width:200px; vertical-align:top; padding:15px 5px 15px 0; border-bottom:1px solid #dddddd;}
#mapa .td2{width:188px; vertical-align:top; padding:15px 0; border-bottom:1px solid #dddddd;}
#mapa a{color:#46617d; text-decoration:underline;}
#mapa a:hover{color:rgb(233,94,15);}
#mapa li{float:left; *float:none; width:188px; *width:auto; list-style-type:square;}
#mapa li.bulletNivel2{padding-left:20px; list-style-type:disc;}
#mapa li.bulletNivel3{padding-left:40px; list-style-type:circle;}
.cuadroRoper{padding:10px 0;}
.tituloConsumer{font-size:16px; color:#002E32; background-color:#C0C0C0; padding-left:5px;}
.preguntaConsumer{font-size:10px; color:#002E32; background-color:#D9E1E1; padding-left:10px;}
.columnaDerecha{padding:0 0 5px 0;}
.columnaIzquierda{padding:0 10px 5px 0;}
.colorTabla{padding:10px; border-bottom:1px solid #FFFFFF;}

/* ---------------------------------- FOOT---------------------------------- */
#foot1{
	width:812px;
	padding:8px 0 16px 0;
	position:absolute;
	bottom:0;
}
#foot1 a{color:#46617d; letter-spacing:1px;}
#foot1 a:hover{text-decoration:none;}
.pie1{}
.foot2{text-align:right; color:#46617d; letter-spacing:1px;font-size:13px;}

/* ---------------------------------- ADMIN---------------------------------- */

#web_admin{width:998px; text-align:left;}
#over_web_admin{width:998px; z-index=1; overflow:hidden; height:"600px" text-align:left;background-color:#e8e3e1; }
#general_admin{width:998px; z-index=2; overflow:hidden; margin:0 81px; vertical-align:top; padding:25px 8px 19px 8px; border-bottom:4px solid #FFFFFF; border-left:4px solid #FFFFFF; border-right:4px solid #FFFFFF;}

/* ---------------------------------- MENU_ADMIN ---------------------------------- */
#menu_admin{width:998px; float:left; background-color:#677588; vertical-align:top; color:#FFFFFF; margin:4px 0 20px 0; margin-top:2px !important; padding:3px 0 4px 0;}

/* ---------------------------------- HEAD_ADMIN ---------------------------------- */


#blue_box_admin{width:176px; height:110px; float:left; background-color:#cfd6dd; padding:10px 10px 0 10px; margin-left: 190px}
#blue_box_admin a{color:#677588; text-decoration:underline;}
#blue_box_admin a:hover{color:rgb(233,94,15);}
#blue_box_admin .menu{width:176px; height:110px; background-color:#FFFFFF; border-left:2px solid #7d7d7d; border-top:2px solid #7d7d7d; border-right:2px solid #eceff3; border-bottom:2px solid #eceff3; color:#677588; margin:18px 0 48px 0;}

/* ---------------------------------- CONTENIDO HOME_ADMIN ---------------------------------- */
#content_izq_admin{width:200px; float:left; margin-top:20px;}
#content_izq_admin h2{background-color:rgb(233,94,15); color:#FFFFFF; font-size:11px; padding:3px 0 4px 8px; margin:0; font-weight:normal; letter-spacing:1px;}
#content_izq_admin .txt{width:184px; float:left; background-color:#e8e3e1; padding:5px 8px 6px ; line-height:15px; letter-spacing:1px;}
#content_izq_admin .txt a{color:rgb(233,94,15); text-decoration:underline;}
#content_izq_admin .txt a:hover{color:#46617d;}


/* ---------------------------------- CONTENIDO INTERNAS_ADMIN ---------------------------------- */

#menu_izq_admin{width:200px; float:left; background-color:#9aa6b5;}
#menu_izq_admin a{width:195px; float:left; color:#FFFFFF; letter-spacing:1px; padding:3px 0 4px 5px; border-bottom:1px solid #f1f0ee;}
#menu_izq_admin a.off{color:#FFFFFF;}
#menu_izq_admin a.off:hover, #menu_izq a.on{background-color:rgb(233,94,15); text-decoration:none;}

#menu_izq_admin .despegable{width:200px; float:left; background-color:#cfd6dd;}
#menu_izq_admin .despegable a{width:191px; float:left; color:#677588; letter-spacing:1px; padding:3px 0 4px 9px; border-bottom:1px solid #f1f0ee;}
#menu_izq_admin .despegable a.off{color:#677588;}
#menu_izq_admin .despegable a.off:hover, #menu_izq .despegable a.on{background-color:rgb(233,94,15); text-decoration:none; color:#FFFFFF;}

#menu_izq_admin .tercer{width:200px; float:left; background-color:#e4e8ee;}
#menu_izq_admin .tercer a{width:191px; float:left; color:#677588; letter-spacing:1px; padding:3px 0 4px 9px; border-bottom:1px solid #f1f0ee;}
#menu_izq_admin .tercer a.off{color:#677588;}
#menu_izq_admin .tercer a.off:hover, #menu_izq .despegable a.on{background-color:rgb(233,94,15); text-decoration:none; color:#FFFFFF;}

#center_interno_confirm_admin{width:998px; float:center; padding:0 12px; line-height:15px; margin-top:20px;}

#center_interno_admin{width:700px; float:left; padding:0 12px; line-height:15px; margin-top:20px;}
#center_interno_admin h1{font-size:13px; font-weight:bold; color:#46617d; margin:0; padding:3px 0 13px 0; letter-spacing:1px;}
#center_interno_admin p{margin:0; padding-bottom:12px;}
#center_interno_admin a{color:rgb(233,94,15); text-decoration:underline;}
#center_interno_admin a:hover{color:#46617d;}
#center_interno_admin h2{font-size:13px; font-weight:bold; color:rgb(233,94,15); margin:0; padding:3px 0 13px 0; letter-spacing:1px;}

#center_interno_admin #contacto{width:364px;}
#center_interno_admin #recomienda{width:364px;}
#center_interno_admin h3{width:364px; background-color:#d6dce2; color:#46617d; font-size:12px; margin:0 0 10px 0; padding:3px 0;}
#tabla_txt_admin{width:388px;}
#formulario_admin{width:300px; float:left;}
#mapa_admin{width:388px; vertical-align:top;}

#lang-select{
	display:inline-block;
	padding-left:5px;
	color:white;
	float:left;
}
#lang-select img{
	position:relative;
	top:2px;
	border:none;
	margin-left:2px;
}
#lang-select a:hover{
	text-decoration:none;
}
#lang-select a.selected{
	text-decoration:underline;
}
#lang-select a.selected:hover{
	cursor:default;
}

#perfil-progress{
	text-align:center;
	margin:10px 0;
	font-size:85%;
	width:100%;
	position:absolute;
	top:0;
}
#perfil-progress>a{
	text-decoration:underline;
	font-size:1em;
}
#progress-bar{
	height:14px;
	border:1px solid gray;
	border-radius:8px;
	width:91%;
	margin:0 auto;
	background-color:white;
}
#progress-bar>div{
	border-radius:8px;
	height:100%;
	background: #d00f3b;
	background: -moz-linear-gradient(top, #ff7f0f 0%, #d00f3b 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #ff7f0f), color-stop(100%, #d00f3b));
	background: -webkit-linear-gradient(top, #ff7f0f 0%, #d00f3b 100%);
	background: -o-linear-gradient(top, #ff7f0f 0%, #d00f3b 100%);
	background: -ms-linear-gradient(top, #ff7f0f 0%, #d00f3b 100%);
	background: linear-gradient(to bottom, #ff7f0f 0%, #d00f3b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7f0f', endColorstr='#d00f3b', GradientType=0 );
}

#nav_sup{
	display:block;
	background-color:#9aa6b5;
	float:left;
	width:812px;
	margin-top:4px;
	margin-bottom:20px;
	height: 50px;
}
#nav_sup div{
	display:inline-block;
	height:100%;
	color:white;
	text-decoration:none;
	width:159px;  
	border-right:1px solid white;
	text-shadow:1px 1px 1px rgba(0,0,0,.2);
	box-sizing:border-box;
	text-align:center;
	vertical-align: bottom; 
}

#nav_sup a{
	/*display:inline-block;*/
	height: 50px;
	width:159px;  
	display:table-cell;
	vertical-align:middle;
	color:white;
	text-decoration:none;
	text-align:center;
 
		/*line-height:32px;
	height:32px;
	width:150px;  
	border-right:1px solid white;
	text-shadow:1px 1px 1px rgba(0,0,0,.2);
	box-sizing:border-box;
	*/ 
}


#nav_sup .sinborde{
	display:inline-block;
	height:100%;
	color:white;
	text-decoration:none;
	width:159px;  
	text-shadow:1px 1px 1px rgba(0,0,0,.2);
	border: 0px solid; 
	box-sizing:border-box;
	text-align:center;
	vertical-align: bottom; 
}


#nav_sup.out a{
	width:162px;
}
#nav_sup a:last-child{
	border-right:none;
}
#nav_sup a:hover{
	border-bottom:5px solid #d00f3b;
}
#nav_sup a.on{
	background-color:#d00f3b;
}
#nav_sup #top_panel{
	display:none;
}
#footer{
	background-color:#222222;
	padding:0 20px;
	color:#cacaca;
	position:absolute;
	bottom:0;
	width:100%;
	box-sizing:border-box;
	margin-left:-18px;
}
#footer table{
	width:100%;
	border-spacing:0;
	border-left:1px solid #4A4A4A;
}
#footer-links{
	border-right:1px solid #000000;
	border-left:1px solid #4A4A4A;
	display:inline-block;
}
#footer td{
	border-right:1px solid #4A4A4A;
	border-left:1px solid #000000;
	min-height:40px;
}
#footer td:last-child{
	border-right:none;
	width:40%;
}
#footer a{
	color:#cacaca;
	display:inline-block;
	padding:10px 15px;
	font-size:13px;
	text-transform:uppercase;
}
#footer-copy{
	float:right;
	color:#cacaca;
	font-size:12px;
}
#form_login div{
	margin-top:3px;
}
#form_login label{
	display:block;
}
input, password{
	border:1px solid lightgrey;
	border-radius:3px;
	padding:4px 8px;
	box-shadow:0 2px 3px rgba(0, 0, 0, 0.1) inset;
	background-color:#f5f5f5;
	font-size:.9em;
}
button, input[type=submit], input[type=button]{
	padding:5px 15px;
	margin-top:10px;
	color:white;
	background-color:rgb(233, 94, 15);
	border:none;
	border-radius:2px;
	cursor:pointer;
	box-shadow:0 4px 3px -3px rgba(0,0,0,.8);
}
button:hover, input[type=submit]:hover, input[type=button]:hover{
	background-color:#FF6710;
}
button:active, input[type=submit]:active, input[type=button]:active{
	position:relative;
	top:2px;
	box-shadow:0 1px 1px -1px rgba(0,0,0,.8);
}

.accordion-toggle{
	background-color:white;
	color:grey;
	font-size:120%;
	padding:6px !important;
	border-top:1px solid grey;
	cursor:pointer;
}
.accordion-toggle .flecha{
	float:right;  
}
.accordion-toggle .icon{
	position:relative;
	top:2px;
}
.accordion-content{
	display:none;
	padding:35px 0 20px;
	box-shadow: inset 0 6px 6px -6px rgba(0,0,0,0.25);
	border-top:1px solid lightgrey;
}

.simple_form{
	padding-left:15px;
}
.simple_form label {
	text-align:left !important;
	display:inline-block;
	width:340px;
	padding:4px 0;
	vertical-align:top;
}
.simple_form .big-label {
	width:500px;
	padding-right:10px;
}
.simple_form .small-label {
	width:auto;
	padding-right:10px;
}


.simple_form .medium-label {
	width:400px; 
	padding-right:10px !important;
	margin-left:100px !important;     
}
.linea-form{
	margin:10px 0;
}

.simple_form input[type=checkbox]{
	position:relative;
	top:1px;
}

.simple_form input[type=text], .simple_form input[type=password], .simple_form select{
	border:1px solid lightgrey;
	border-radius:3px;
	padding:4px 8px;
	box-shadow:0 2px 3px rgba(0, 0, 0, 0.1) inset;
	background-color:#f5f5f5;
	font-size:.9em;
}

.progressNumber{
	float:right;
	position:relative;
	top:3px;
	right:10px;
	font-weight:bold;
}
.progressNumber.red{
	color:#E00000;
}
.progressNumber.yellow{
	color:#FF8400;
}
.progressNumber.green{
	color:#30AD23;
}

.right{
	text-align:right;
}
.center{
	text-align:center;
}
#menu_mobile{
	display:none;
}
#blue_bar{
	display:none;
	background-color:#cfd6dd;
	margin-top:4px;
	font-size:15px !important;
	max-width: 812px;
}
#blue_bar a {
	color:#677588;
	text-decoration:underline;
	font-size:15px !important;
}
#blue_bar a:hover {
	color:rgb(233,94,15);
}
#blue_bar .column{
/*	width:33%;
	display:inline-block;
	padding:0 8px;
	box-sizing:border-box;*/
}
#porcentaje{
	position:relative;
	background-color:white;
	margin:3px 0;
}
#porcentaje_completo{
	background-color:#d00f3b;
	width:68%;
	position:absolute;
	left:0;
	z-index:0;
}
#porcentaje_numero{
	position:relative;
	z-index:1;
	color:white;
	line-height:20px;
}
.banner_valora{
	width:590px;
	height:64px;
	padding:0;
	background-color:#007dc3;  
	color:white;
	font-size:105%;
	padding:18px 0;
	font-weight:bold;
	/*text-shadow:1px 1px 1px rgba(0,0,0,.2);*/
	text-align: center;
	cursor:pointer;
	box-sizing:border-box;
	opacity:0.9;
	min-height:60px;
}
#banner_valora_93{
	background-color:rgb(233, 94, 15);
}



#banner_img{
	border: 1px solid #dddddd !important;   
}

#banner_valora_78{
	background-color:rgb(233, 94, 15) !important;
	
} 
.banner_img_78{
		border: 0px solid #dddddd !important;   
	
}



#banner_valora_85{
		 background-color:#007dc3 !important;  
	
} 
.banner_img_85{
		border: 1px solid #dddddd !important;   
	
}

#nav_sup a.mobile_show{
	display:none;
}
#footer a.mobile_hide{
	display:inline-block;
}
.orangeButton{
	background:rgb(233, 94, 15);
	color:white !important;
	text-decoration:none !important;
	font-size:16px;
	font-weight:bold;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	padding:5px 18px;
	display:inline-block;
	border-radius:5px;
	box-shadow:0 3px 4px -3px rgba(0,0,0,.8);
}
.orangeButton:active{
	position:relative;
	top:1px;
	box-shadow:0 2px 4px -3px rgba(0,0,0,.8);
}

.redButton{
	background:red;
	color:white !important;
	text-decoration:none !important;
	font-size:16px;
	font-weight:bold;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	padding:5px 18px;
	display:inline-block;
	border-radius:5px;
	box-shadow:0 3px 4px -3px rgba(0,0,0,.8);
}
.redButton:active{
	position:relative;
	top:1px;
	box-shadow:0 2px 4px -3px rgba(0,0,0,.8);
}

.mobileCenter{
	float:right;
}
.center{
	text-align:center;
}
.bignumber{
	font-size:28px;
	color:#d00f3b;
}
@media all and (max-width: 870px) {
	
	
	#center_interno h1 {
	font-size: large;
	}
	
	
	#center_interno h1{
	font-size: big; 
	}
	#general{
		padding-top:72px;
		padding-left:0;
		padding-right:0;
	}
	#nav_sup a.mobile_show{
		display:inline-block;
	}
	#footer a.mobile_hide{
		display:none;
	}
	#cabecera{
		position:relative;
		margin-bottom:13px;
		padding:0;
		min-height:50px;
	}
	#cabecera a{
		position:absolute;
		top:0;
		left:10px;
	}
	#cabecera span{
		width:100%;
		text-align:center;
		padding:0 55px;
		box-sizing:border-box;
		vertical-align:top;
		margin-top:0;
		line-height:25px;
	}
	/*
	#menu{
		display:none;
	}
	*/
	#menu{
		display:block;
		position:absolute;
		top:0;
		right:0;
		left:0;
		padding:0 5px 0 0;
		text-align:left;
		box-shadow:0 0 2px 1px rgba(0,0,0,.4);
		min-height:50px;
		max-width:none;
	}
	#menu #user-name{
		margin-top:15px;
		margin-right:3px;
		text-align: center;
		/*max-width:250px;*/
		text-align:right;
	}
	#menu img{
		cursor:pointer;
		border-right:1px solid #919CAC;
		padding:0 3px 0 2px;
	}
	#menu form img{
		border-right:none;
		float:right;
		height:30px;
		margin-top:8px;
		margin-right:4px;
	}
	#menu #lang-select{
		display:none;
	}
	#flash{
		width:100%;
		height:auto;
	}
	#blue_box{
		width:100%;
		height:auto !important;
		text-align:right;
		padding:4px 10px 7px;
		box-sizing:border-box;
		margin-bottom:8px;
	}
	#blue_box.in{
		display:none;
	}
	
	#blue_box2{
		width:100%;
		height:auto !important;
		text-align:right;
		padding:4px 10px 7px;
		box-sizing:border-box;
		margin-bottom:8px;
	}
	#blue_box2.in{
		display:none;
	}	
	
	#blue_bar{
		display:block;
		padding:0 10px;
	}
	#form_login div {
    	display:inline-block;
    	width:167px;
    	text-align:center;
    	max-width:48%;
    	vertical-align:top;
	}
	#form_login label{
		display:none;
	}
	#form_login input{
		margin-top:3px;
		width:100%;
		box-sizing:border-box;
	}
	#center_interno{
		min-height:0;
		padding-top:15px;
	}
	#center_interno .photo{
		width:100%;
	}
	#menu_mobile{
		display:inline-block;
	}
	#nav_sup{
		display:none;
		position:absolute;
		z-index:2;
		top:0;
		left:0;
		bottom:0;
		background-color:#d00f3b;
		width:250px;
		margin:0;
		border-right:1px solid white;
		box-shadow:3px 0 3px 0 rgba(0,0,0,.3);
	}
	#nav_sup #top_panel{
		padding:1px 14px 1px 5px;
		display:block;
		border-bottom:1px solid white;
	}
	#nav_sup #top_panel #menu_back{
		cursor:pointer;
	}
	#nav_sup #top_panel a{
		display:inline;
		border-bottom:none;
		padding:0;
	}
	#nav_sup a{
		display:block;
		width:100% !important;
		font-weight:bold;
		border-right:none;
		border-bottom:1px solid white;
		text-align:left;
		padding:20px 0 20px 30px;
		height:auto;
		line-height:normal;
	}
	#nav_sup a:hover{
		border-bottom:1px solid white;
	}
	#footer{
		padding:0; 
		margin-left:0;
	}
	#footer-copy{
		padding-left:9px;
		margin-right:9px;
	}
	#footer a{
		padding:5px 9px;
	}
	.banner_valora{
		display:block;
		width:100%;
		height:auto;
		box-sizing:border-box;
		line-height:normal;
		padding:15px;
		text-align:center;
	}
	#banner_img{
		display:none;
	}
	.simple_form .big-label{
		width:100%;
		box-sizing:border-box;
	}
	.cuadro_dialogo{
		left:5% !important;
		right:5% !important;
		margin-left:0 !important;
		width:auto !important;
		height:auto !important;
		bottom:10%;
	}
	.mobileCenter{
		float:none;
		display:block;
		text-align:center;
		margin-top:15px;
	}
	
		
	
	#cabecera-mobile {
	display: none; 
	 
	}
	
}
@media all and (max-width: 690px) {
	
	#cabecera {
	display: none; 
	 
	}
	
	#cabecera-mobile {
	display: block; 
	width:100%; vertical-align:top; padding-bottom:14px;position:relative;
	
	 
	}
	
	#blue_bar{
		padding:0;
	}
	#blue_bar .column{
		width:100%;
		text-align:center;
	}
	#blue_bar #porcentaje{
		max-width:250px;
	}
}