﻿body {
    background-image: url('../imagenes/plantilla/fondo_nuevo.jpg');
    /*background-image: url('../imagenes/plantilla/fondo_nuevo2018.jpg');*/
    background-position: center top;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    font-family: 'Roboto', 'sans-serif';
    color: #333;
    height: 100%;
}

a {
    transition: all 0.2s ease-in-out 0s;
}


button , input {

-webkit-appearance: none;

}

html {
	height:100%;
}

.separador {
	width:100%;
	height:1px;
	background:transparent;
	display:block;
	clear:both;
}

.separador_movil {
	display:none;
}

h1 {
	font-size:1.3em;
	text-align:center;
	text-transform:uppercase;
	
	
}

.fuente_peque {
	font-size:0.7em;
}

.info {
	background-image:url('../imagenes/plantilla/info.png');
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:30px;
	font-size:0.9em;
	line-height:24px;
}

.cabecera {
	height:120px;
	width:100%;
	margin:0px;
/*	background-image:url('../imagenes/plantilla/fondo_cabecera.png');
	background-position:left top;
	background-repeat:repeat;*/

background-color:#193d5d;
    opacity:0.8;
	box-shadow: 0px 5px 10px #f2f2f2;
   -webkit-box-shadow: 0px 5px 10px #f2f2f2;
   -moz-box-shadow: 0px 5px 10px #f2f2f2;
}

.cabecera_esp {
	width:90%;
	margin:0px auto;
}

.logo {
	padding-top:0.5%;
	float:left;
}

.slogan_zone {
	float:right;
	padding-top:2em;
	background-image:url('../imagenes/plantilla/bocadilloazul.png');
	background-position:right top;
	background-repeat:no-repeat;
	width:540px;
	
}

.slogan {
	font-weight:bolder;
	color:#fff;
	font-size:2.5em;
}

.subslogan {
	color:#FFFFFF;
	font-size:1.5em;
	text-indent:30px;
	line-height:0.7em;
}

.subslogan_plus {
	font-size:1.1em;
	font-weight:bolder;
}

.cuerpo {
	height:auto;
	min-height:510px;
	width:100%;
	display:block;
	clear:both;
	padding-top:2em;
	padding-bottom:0px;
	margin:0px;
}

.pie {
	width:100%;
	background-image:url('../imagenes/plantilla/fondo_pie.png');
	background-position:left top;
	background-repeat:repeat;
	display:block;
	clear:both;
	margin-top:2em;
}

.pie_esp {
	width:90%;
	margin:0px auto;
	padding-top:1%;
}

.pie_logo {
	float:left;
	width:20%;
}


.pie_enlaces {
	float:left;
	width:60%;
	margin:0px auto;
	font-size:0.7em;
	color:#666666;
	font-weight:200;
	text-align:center;
}

.pie_enlaces_movil {
	display:none;
}

.pie_pago {
	float:right;
	width:20%;
	text-align:right;
}

/* Página de registro */

.todo {
	width:90%;
	margin:0px auto;
	height:auto;
	max-width:1280px;

}

.central {
	width:90%;
	margin:0px auto;
	height:auto;
	min-height:550px;
	padding:2%;
	background-color:#FFFFFF;	
}

.proximamente img {
	width:100%;
	height:auto;
}

.registro {
	float:left;
	min-height:450px;
    border-right: 10px solid transparent;
    float: left;
    width:-moz-calc(70% - 10px);
  width:calc(70% - 10px);
	
	}



.contra a {
	font-size:0.7em;
	color:black;
	text-decoration:none;
}

.contra a:hover {
	text-decoration:underline;
}


.registro_titulo {
	display:block;
	font-size:1.5em;
	font-weight:bold;
	color:#333333;
	padding-bottom:1em;
}


.registro_campo {
	padding:0.5em 2em;
	float:left;
	font-size:0.7em;
	width:50px;
	line-height:2;
}



.recordar_campo {
    padding: 0.5em 2em;
    float: left;
    font-size: 0.7em;

    line-height: 2;
}

.registro_doble {
	line-height:1em !important;
}


.check {
	font-size:0.7em;
	display:block;
	float:left;
	font-size:0.7em;
	line-height:40px;
	padding-left:1em;
}

.registro_resultado {
	float:left;
	padding:0.5em 0em;
	
}

.registro_resultado input {
	width:130px;
}


.registro_gris {
	width:70%;
	height:auto;
	padding:2%;
	background-color:#f4f4f4;
	border:1px silver solid;
	border-radius:10px;
	display:block;
	margin:1em auto;
}

.registro_espacio {
	width:680px;
	margin:0px auto;
}

.gris_transparente {
	width:70%;
	height:auto;
	padding:2%;
	background-color: transparent;
	border:none;
	display:block;
	margin:1em auto;
}


.titulo_izquierda {
	float:left;
	width:500px
}




.acceso_agentes {
	width:70%;
	height:auto;
	display:block;
	text-align:right;
	margin:0px auto;
}

.acceso_agentes a{
	color:#f19000;
}

.acceso_agentes a:hover {
	color:black;
}

.registro_boton {
	background-color:#193d5d;
	font-size:0.7em;
	text-align:center;
	padding:0.4em 0px;
	color:#FFFFFF;
	width:140px;
	border:0px;
	border-radius:4px;
}

.registro_boton:hover {
	background-color:#333;
	cursor:pointer;
}

.boton_paralelo {
	float:left;
	padding:0.4em 2em;
}

.boton_lateral {
	float:right;
	padding-top:2em;
}

.txtError {
	color:red;
	font-size:0.7em;
	text-transform:uppercase;
	}
	

.naranja {
	background-color:#193d5d;
	width:30%;
	display:block;
	float:right;
	height:100%;
	display:table-cell;
}

.sucesta {
	background-image:url('../imagenes/plantilla/cesta.png');
	background-position:20px 0.5em;
	background-repeat:no-repeat;
	line-height:39px;
	width:96%;
	display:block;
	padding:2%;
	text-indent:60px;
    color:#fff;
}

.tabla_cesta {
	width:90%;
	margin:1em auto;
	padding:0.5em auto;
}


.tabla_cesta_cabecera {
	background-color:#666666;
	border-radius:4px;
	display:block;
	width:96%;
	padding:2%;
}

.tabla_cesta_cabecera_selector {
	float:left;
	width:10%;
}

.tabla_cesta_cabecera_texto {
	float:left;
	width:80%;
	color:#FFFFFF;
	font-size:0.8em;
	line-height:24px;
}

.tabla_cesta_cabecera_cerrar {
	float:right;
	width:10%;
	text-align:center;
}

.tabla_cesta_contenido {
	background-color:#FFFFFF;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	width:96%;
	padding:2%;
	font-size:0.7em;
}

.tabla_cesta_contenido_mes {
	text-indent:0.5em;
}

.tabla_cesta_contenido_numero {
text-indent:0.5em;
color:#666666;
float:left;
}

.tabla_cesta_contenido_importe{
	float:right;
	font-size:1.2em;
}

.verde {
	color:#00CC00;
}

.total {
	width:90%;
	margin:0px auto;
}

.total_txt {
	float:left;
	width:25%;
	color:#FFFFFF;
	text-align:center;
	font-size:0.7em;
	line-height:3em;
}

.total_cifra {
	float:left;
	width:65%;
	background-color:#666666;
	color:#FFFFFF;
	font-size:1.5em;
	text-align:right;
	padding-right:10%;
	border-radius:10px;
}


.alpago a {
	display:block;
	width:60%;
	float:right;
	background-color:#4ACC13;
	font-size:1.5em;
	color:#FFFFFF;
	text-decoration:none;
	border-radius:4px;
	text-align:right;
	padding:0.2em 1em;
	margin:5%;
}

.alpago a:hover {
	background-color:black;
	color:#FFFFFF;
}

/* superior y submenu */

.seleccionada {
	background-color:#fff;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	padding:1em 3em;
	text-align:center;
	color:#333333;
	text-transform:uppercase;
	float:left;
	
}

.submenu {
	float:right;
	width:60%;
	background-image:url('../imagenes/plantilla/fondo_pie.png');
	background-position:left top;
	background-repeat:repeat;
	border-radius:4px;
	margin-bottom:0.2em;
	height:51px;
}

.submenu_punto a {
	margin:0.5em 1em ;
	background-image:url('../imagenes/plantilla/fondo_cabecera.png');
	background-repeat:repeat;
	text-align:center;
	color:#FFFFFF;
	font-size:0.7em;
	display:block;
	border-radius:4px;
	text-decoration:none;
	width:21.5%;
	float:left;
	line-height:1.6em;
}

.submenu_punto a:hover {
	background-color:black;
	
}

.mes {
	font-size:1.5em;
	text-align:center;
	text-transform:uppercase;
	color:black;
}

/* Mis datos */

.datos {
	display:block;
	clear:both;
	width:90%;
	margin:1em auto;
	border-bottom:1px silver solid;
	padding:1%;
}

.dato {
	font-size:0.9em;
	font-weight:bold;
	line-height:1.2em;
	float:left;
	padding-right:0.5em;
}

.resultado {
	font-size:0.9em;
	line-height:1.2em;
	float:left;	
}

.datos_botonera {
	width:60%;
	float:right;
	display:block;
	margin:1em auto;
	text-align:right;
}

/* firma */

.firma {
	display:block;
	clear:both;
	width:90%;
	margin:2em auto;
	text-align:center;
	font-size:0.7em;
}

.firma a {
	color:black;
}


/* calendario */

.escoge {
	display:block;
	clear:both;
	margin:0px auto;
	padding:1em 1em 0em 1em;
	width:90%;
	height:2em;;
	clear:right;
}

.paso {
	display:block;
	float:left;
	background-color:#193d5d;
	border-radius:100px;
	color:#FFFFFF;
	width:1.4em;
}

.paso_texto {
	float:left;
	text-indent:0.5em;
}

.paso_naranja {
	color:#193d5d;
}

.calendario_posicion {

	width:90%;
	margin:0px auto;

}

.calendario_categorias {
	display:block;
	width:92%;
	margin:0px auto;
}

.calendario_categorias_boton {
	text-align:center;
	color:#666666;
	background-color:#C0C0C0;
	border-radius:4px;
	padding:0.5em 1.5em;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	float:left;
	margin:1%;
	width:auto;	
    transition: all 0.2s ease-in-out 0s;
}

.calendario_categorias_boton:hover {
    background-color:#F29100;
    color:#fff;
    cursor:pointer;
}

.boton_espacio {
    min-width:105px;
}

.selCategoria , .selDuracion {
	
	color:#FFF;
	background-color:#193d5d;
	text-align:center;
	border-radius:4px;
	padding:0.5em 1.5em;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	float:left;
	margin:1%;
	width:auto;


}

#ContentPlaceHolder1_calProductos_lblMes {
		font-size:1.5em;
	text-align:center;
	text-transform:uppercase;
	color:black;
	padding:0px 10px;

}


#ContentPlaceHolder1_calProductos_pnlDiasSemana {	

	margin:0px auto;
	text-align:center;

}


#ContentPlaceHolder1_calProductos_pnlDiasCalendario{ 

	margin:0px auto;
	text-align:center;

}


.mes_calendario {
	width:100%;
	margin:0px auto;
	text-align:center;
}

.divDiaSemana {
	text-align:center;
	font-size:0.7em;
	color:#666666;
	text-transform:uppercase;
	height:auto !important;
	
}


.divDiaSemanaMin{
	display:none !important;
	text-align:center;
	font-size:0.7em;
	color:#666666;
	text-transform:uppercase;
	height:auto !important;

}

.numeroDia{
	color:#FFF;
	text-align:left;
	text-indent:0.5em;
}

.precioDia{
	color:#fff;
	text-align:center;
}


.divInline {
	display:inline-block;
	border-radius:8px;
	border:0px;
	margin:1%;
	/*width:80px;
	height:80px;*/
	width:12%;
	height:72px;
}


.diaGris{
	background-color:#CCCCCC;
}

/* leyenda */

.leyenda {
	width:90%;
	margin:0px auto;
	text-align:left;
	display:block;
	clear:both;
	height:30px;
	padding-top:0.5em;
}

.superoferta {
	float:left;
	display:inline-block;
}

.bolo {
	display:block;
	float:left;
	width:20px;
	height:20px;
	border-radius:100px;
	margin:	0px 0.5em;
}

.leyenda_txt {
	float:left;
	display:block;
	text-transform:uppercase;
	font-size:0.9em;
	line-height:20px;
	padding-right:0.5em;
}

.verde {
	color:#006600;
}

.verde_fondo {
	background-color:green
}

.azul {
	color:#0099CC;
}

.azul_fondo {
	background-color:#0099CC;	
}

.naranja_TXT {
	color:#FF9900;
}

.naranja_fondo {
	background-color:#FF9900;
}

/* Zona naranja */

.carrito_infoSuperior {
	width:90%;
	margin:1em auto;
	color:#FFFFFF;
	height:40px;
}

.carrito_enlacesDatos {
	float:left;
}

.carrito_enlacesDatos a {
	color:#FFFFFF;
}

.carrito_enlacesDatos a:hover {
	color:#F29100;
}

.carrito_barra {
	display:block;
	text-align:center;
	width:20px;
	float:left;
}

.cesta_vacia {
	width:90%;
	margin:0px auto;
	text-align:center;
	font-style:italic;
	color:white;
}


/* bajo calendario */


#divInfoProducto{
	width:90%;
	margin:2em auto;
	text-align:right;
}
#divInfoProductoLibre{
	width:90%;
	margin:2em auto;
	text-align:right;
}

#spanInfoProducto {
	line-height:2.5em;
}
#lblInfoProductoLibre {
	line-height:2.5em;
}

#spanInfoProductoImporte {
	font-weight:bolder;
	font-size:1.5em;
}
#lblInfoProductoImporte {
	font-weight:bolder;
	font-size:1.5em;
}

.precio_final_situacion {
	width:90%;
	margin:0px auto;
	text-align:center;
}

.precio_total {
	float:right;
	padding-right:10px;
	line-height:36px;
}

.boton_cesta {
	float:right;
}

.boton_cesta a {
	color:white;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	padding:0.5em 2em;
	background-color:#339933;
	border-radius:6px;
}

.boton_cesta a:hover {
	background-color:black;
}


/* Ventas */

.titulo_ventas {
	font-size:1.5em;
	padding-top:1em;
	padding-bottom:0.3em;
	margin-top:1em;
	border-top:1px silver dashed;
}


.pretexto_ventas {
	display:block;
	width:90%;
	margin:0px auto;
}

.texto_ventas {
	font-size:0.8em;
}

.registro_ventas {
	width:86%;
	border-radius:4px;
	font-size:0.9em;
	margin:1em auto;
	border:1px silver solid;
	padding:1%;
}

.datos_ventas_global {
	display:block;
	height:30px;
}

.orden_venta {
	
	font-size:1.2em;
	display:inline-block;
	float:left;
	padding:0px 0.5em;
	border-right:1px silver solid;
}

.fecha_venta {
	
	font-size:1.2em;
	display:inline-block;
	float:left;
	padding:0px .5em;
	border-right:1px silver solid;
	
}

.importe_venta {
	font-size:1.2em;
	padding:0px 0.5em;
	display:inline-block;
	float:left;

}

.compra_detalle {
	width:90%;
	margin:1em auto;
	border:1px silver dashed;
	display:block;
	clear:both;
	padding:1em;
}

.registro_ventas h2 {
	text-align:center;
	margin:0px;
	padding:0px;
}

.venta_carac {
	font-weight:600;
}

.paginacion {
	display:block;
	clear:both;
	width:90%;
	margin:1em auto;
	text-align:center;
}

.paginacion a {
	color:#000;
	padding:0px 5px;
}

.paginacion a:hover{
	color:#FF9933;
}




.popup {

	background-image:url('../imagenes/auxiliares/fondo_popup.png');
	background-repeat:repeat;
	width:40%;
	border-radius:10px;
	border:1px white solid;
	padding:1%;
	color:#FFFFFF;
	text-align:center;
	line-height:1.5em;

}



.cerrar {
	display:block;
	float:right;
	width:30px;
}

.cerrar:hover{
	
}

.cerrar a {
	text-decoration:none;
	border:0px;
}

.espacio_popUp {
	text-align:center;
	width:90%;
	margin:0px auto;
}

.popUp_caja {
	float:left;
	margin:1em;
}

.boton_popUp {
	background-color:green;
	border:0px;
	border-radius:4px;
	text-align:center;
	color:#FFFFFF;
	float:left;
	padding: 0.5em 2em;
	margin:1em;

}


.boton_popUp:hover {
	background-color:#FF9900;
	cursor:pointer;
}

.popUp_datos {
	width:70%;
	margin:0px auto;
	text-align:center;
}


.popUp_boton2 {
	float:none;
	text-align:center;
	clear:both;

}

.boton_popUp2 {
	background-color:green;
	border:0px;
	border-radius:4px;
	text-align:center;
	color:#FFFFFF;
	float:none;
	padding: 0.5em 2em;
	margin:1em;

}

.popUp2 {
	padding-bottom:1em;
	display:block;
	text-align:justify;
	font-size:0.8em;
	line-height:1.2em;
	font-weight:100;
}

.popUp2 h2 {
	text-align:center;
	text-transform:uppercase;
	text-decoration:underline;
	color:#FF6600;
}



/* proceso de pago */

.producto_cesta {
	text-align:center;
	font-size:1em;
	text-align:center;
	color:#FFFFFF;
	line-height:1.2em;
}

.volver a {
	display:block;
	float:left;
	width:30%;
	line-height:1.5em;
	color:black;
	text-decoration:none;
	
}

.volver a:hover {color:#FF9933}


.cesta_linea {

	display:block;
	width:80%;
	margin:1em auto;
	border-top:1px silver dashed;
	height:1px;
	clear:both;

}

.rut_agencia_text {
	font-size:0.9em;
	text-align:center;

}

.rut_agencia {	
	display:block;
	clear:both;
	background-color:#CCCCCC;
	width:86%;
	margin:1em auto;
	border-radius:8px;
	padding:2%;
	height:auto;
	min-height:50px;
	text-align:center;

}

.rut_agencia_id {
	width:50%;
	margin:0px auto;
}


.volver_pago {
	float:right;
	display:block;
	clear:both;
	padding:1%;
	margin:1%;
}

.volver_pago a {
	color:#000000;
}

.volver_pago a:hover {
	color:#FF6600;
}


.popUp_imagen {
	display:block;
}

/* Plantilla de correo */


.correo {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	text-align:justify;
	line-height:1.2em;
	color:#333333;
	width:90%;
	max-width:800px;
	margin:0px auto;
}

/*Modificaciones de pestañas consecutivos - no consecutivos.
    20170615 | A.Peralta bajo diseño de Sara 
*/

.todo h2 {
      font-size: 2em;
    font-weight: normal;
    line-height: 1.5em;
    text-indent: 1em;
    background-color:#fff;
}

.grande_naranja {
    color:#193d5d;
}

.tabs {
    display:block;
    clear:both;
}


.tab1 {
    background-image:url(/imagenes/auxiliares/new.png);
    background-position: 5px center;
    background-repeat:no-repeat;
   
}

.tab1 ,
.tab2 {
    display: block;
    float: left;
    font-size: 1.2em;
    line-height: 2.5em;
     text-indent:50px;
    width: 50%;
    font-weight:100;
    transition: all 0.2s ease-in-out 0s;
    background-color:#fff;
}

.tab1:hover ,
.tab2:hover {
    background-color:silver;
    color:#fff;
    cursor:pointer;
}

.tabGrande {
    font-weight:bold;
    font-size:1.3em;
    letter-spacing: -0.05em;
}

.tabPeque {
    font-size:0.9em;
}

.seleccionado {
    background-color:#193d5d;
    color:#fff;
    transition: all 0.2s ease-in-out 0s;
}

.conse {
    display:none;
    border:8px solid #193d5d;
    padding:0px 1%;
    margin-top:-1px;
    background-color:#fff;
}

.noconse {
     border:8px solid #193d5d;
     padding:0px 1%;
      margin-top:-1px;
      background-color:#fff;
}

.noconse_slogan {
    font-size: 1.1em;
font-style: italic;
background-color:#193d5d;
line-height: 2em;
color: #fff;
text-align: center;
font-weight: bold;
border: 1px #fff dashed;
}

.barra_naranja {
    width:70%;
    height:5px;
    margin:2em auto;
    display:block;
    clear:both;
    background-color:#193d5d;
}

/*Aplicaciones 20170713 fredy*/

.aplicaciones {
    display:block;
    display: block;
width: 450px;
margin: 0.5em auto;
}

.aplicacion {
    float:left;
    margin:0.5em;
    display:block;
}

/* AÑÁDIDOS*/

.condiciones {
    text-align:right;
    width:94%;
}

.condiciones a {
    color:#193d5d;
    font-size:0.9em;
}

.condiciones a:hover {
    color:#000;

}

/*RESPONSIVO*/


.blancoModifica {
    background-color:#fff;
}

/* Estilos para pantallas 1024*/
@media only screen and (max-width : 1024px){

.separador_movil {
	width:100%;
	display:block;
	clear:both;
	height:1px;
	background:transparent;
}

.pie {
	position:relative
}

.submenu {
	width:70%;
}

.campoIpad {
	width:10px;
}

.boton_paralelo {
	float:right;
}

.contra {
	padding-right:10%
}

.region {
	clear:right;
}

.comuna {
	display:block;
	clear:both;
}

.registro {
	
}

.registro_gris {
	width:90%
}

.acceso_agentes {
	width:90%
}

.gris_transparente {
	width:90%;
}

.naranja {
	height:655px;
}

.tabla_cesta_cabecera_selector{
	padding-right:2%;
}

.tabla_cesta_cabecera_texto {
	width:78%;
}

.calendario_posicion {
	margin:0px auto;
	width:96%;
	
}


/*.divInline {
	display:inline-block;
	border-radius:8px;
	border:0px;
	margin:1%;
	width:72px;
	height:72px;
}*/

.carrito_infoSuperior {
	height:50px;
}

.popUp_datos {
	width:90%;
}


.popUp_caja {
	margin:0.5em auto;
}

.tab1, .tab2 {

    font-size: 1em;

}

	
}

/* Estilos para pantallas 800 - Ipad*/
@media only screen and (max-width : 800px){

.separador_movil {
	width:100%;
	display:block;
	clear:both;
	height:1px;
	background:transparent;
}

.cabecera {
	height:130px;
}

.logo {
	float:none;
	margin:0px auto;
	width:300px;
	display:block;
	clear:both;
	text-align:center;
}

.logo img {
	width:150px;
	height:auto;
}

.slogan_zone {
	width:400px;
	display:block;
	margin:0px auto;
	float:none;
	background-image:none;
	padding-top:0px;
}

.slogan {
	font-size:1.5em;
	float:left;
}

.subslogan {
	font-size:1em;
	float:left;
}

.pie {
	height:auto;
	position:relative;
}

.pie_enlaces {
	display:none;
}


.pie_enlaces_movil {
	display:block;
	clear:both;
	width:90%;
	text-align:center;
	color: #666666;
    font-size: 0.7em;
    font-weight: 200;
    margin: 0 auto;
    padding:2%;
}

.pie_pago {
	width:auto;
	padding-right:2%;
}



.submenu {
	float:none;
	width:100%;
	background-image:url('../imagenes/plantilla/fondo_pie.png');
	background-position:left top;
	background-repeat:repeat;
	border-radius:4px;
	margin:2% auto;
	height:100px;
	display:block;
	clear:both;
}

.seleccionada {
	background-color:#fff;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	padding:1em 3em;
	text-align:center;
	color:#333333;
	text-transform:uppercase;
	float:left;	
}

.submenu_punto a {
	margin:2%;
	background-image:url('../imagenes/plantilla/fondo_cabecera.png');
	background-repeat:repeat;
	text-align:center;
	color:#FFFFFF;
	font-size:0.7em;
	display:block;
	border-radius:4px;
	text-decoration:none;
	width:46%;
	float:left;
	line-height:1.6em;
}

.submenu_punto a:hover {
	background-color:black;
	
}

.registro {
	background-color:#FFFFFF;
	float:none;
	width:100%;
	display:block;
	clear:both;
	padding-top:2%;
	height:auto;
    position:relative;
    border:0px;
}

.registro_gris {
	width:90%;
	height:auto;
	padding:2%;
	background-color:#f4f4f4;
	border:1px silver solid;
	border-radius:10px;
	display:block;
	margin:2% auto;
}

.registro_espacio {
	width:100%;
}

.titulo_izquierda {
	width:390px;
}


.registro_resultado select {
	font-size:0.5em;
}

.boton_paralelo {
	padding:10px 0px 10px 20px;
}

.campoIpad {
	width:10px !important;
}

.registro_campo {
	line-height:2.5em;
}

.contra {
	padding-right:40px;
}


.naranja {
	background-color:#193d5d;
	width:100%;
	display:block;
	float:none;
	height:auto;
}

.submenu {
	height:130px;
}

.dato {
	display:block;

}

.resultado {
	display:block;
}

/*.divInline {
	display:inline-block;
	border-radius:8px;
	border:0px;
	margin:1%;
	width:82px;
	height:82px;
}*/

.popup{
	width:50%;
}


.registro {
    padding-top:0px;
}

.tab1, .tab2 {
    width: 100%;
    float:none;
    box-shadow: 0px 0px 0px 1px #ccc inset;
   -webkit-box-shadow:  0px 0px 0px 1px #ccc inset;
   -moz-box-shadow:  0px 0px 0px 1px #ccc inset;
}

.seleccionado {
 box-shadow: none;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;

}

/* Estilos para pantallas 700-Tablets pequeñas horizontal (hay que joderse)*/
@media only screen and (max-width : 700px){

.titulo_izquierda {
    width: 340px;
}

/*.divInline {
	display:inline-block;
	border-radius:8px;
	border:0px;
	margin:1%;
	width:72px;
	height:72px;
}*/



.popup {

	background-image:url('../imagenes/auxiliares/fondo_popup.png');
	background-repeat:repeat;
	width:80%;
	height:60%;
	border-radius:10px;
	border:1px white solid;
	padding:1%;
	color:#FFFFFF;
	text-align:center;
	line-height:1.5em;

}

.popUp_imagen {
	display:none;
}

.popUp_caja {
	margin:1em auto;
}




}


/* Estilos para pantallas 600-Tablets pequeñas*/
@media only screen and (max-width : 600px){


.separador_movil {
	width:100%;
	display:block;
	clear:both;
	height:1px;
	background:transparent;
}

.logo {
	float:none;
	margin:0px auto;
	width:300px;
	display:block;
	clear:both;
	text-align:center;
}

.logo img {
	width:150px;
	height:auto;
}

.slogan_zone {
	width:400px;
	display:block;
	margin:0px auto;
	float:none;
	background-image:none;
	padding-top:0px;
}

.slogan {
	font-size:1.5em;
	float:left;
}

.subslogan {
	font-size:1em;
	float:left;
}

.pie {
	height:auto;
}

.pie_enlaces {
	display:none;
}


.pie_enlaces_movil {
	display:block;
	clear:both;
	width:90%;
	text-align:center;
	color: #666666;
    font-size: 0.7em;
    font-weight: 200;
    margin: 0 auto;
    padding:2%;
}

.pie_pago {
	width:auto;
	padding-right:2%;
}



.submenu {
	float:none;
	width:100%;
	background-image:url('../imagenes/plantilla/fondo_pie.png');
	background-position:left top;
	background-repeat:repeat;
	border-radius:4px;
	margin:2% auto;
	height:100px;
	display:block;
	clear:both;
}

.seleccionada {
	background-color:#fff;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	padding:1em 3em;
	text-align:center;
	color:#333333;
	text-transform:uppercase;
	float:left;	
}

.submenu_punto a {
	margin:2%;
	background-image:url('../imagenes/plantilla/fondo_cabecera.png');
	background-repeat:repeat;
	text-align:center;
	color:#FFFFFF;
	font-size:0.7em;
	display:block;
	border-radius:4px;
	text-decoration:none;
	width:46%;
	float:left;
	line-height:1.6em;
}

.submenu_punto a:hover {
	background-color:black;
	
}

.registro {
	background-color:#FFFFFF;
	float:none;
	width:100%;
	display:block;
	clear:both;
	padding-top:2%;
	height:auto;
}

.registro_gris {
	width:90%;
	height:auto;
	padding:2%;
	background-color:#f4f4f4;
	border:1px silver solid;
	border-radius:10px;
	display:block;
	margin:2% auto;
}


.registro_resultado select {
	font-size:0.5em;
}

.boton_paralelo {
	float:none !important;
	padding:0.4em 2em;
	margin:0px auto;
	text-align:center;
}

.boton_lateral {
	float:none;
	margin:0px auto;
	text-align:center;
}


.registro_boton {
	background-color:#cc6600;
	font-size:0.7em;
	text-align:center;
	padding:0.4em 0px;
	color:#FFFFFF;
	width:140px;
	border:0px;
	border-radius:4px;
}



.naranja {
	background-color:#193d5d;
	width:100%;
	display:block;
	float:none;
	height:auto;
}

.dato {
	display:block;

}

.resultado {
	display:block;
}


.campoIpad {
	width: 90% !important;
}


/*.divInline {
	display:inline-block;
	border-radius:8px;
	border:0px;
	margin:1%;
	width:12.5%;
	height:auto;
/*	width:46px;
	height:46px; 
} */

.divDiaSemana {
	display:none !important;
	
}

.divInline {
    height: 48px;

}

.numeroDia {
	text-align:center;
	line-height:46px;
	font-size:1.1em;
    text-indent:0px;
}

.precioDia {
	display:none;
}


.divDiaSemanaMin{
	
	text-align:center;
	font-size:0.7em;
	color:#666666;
	text-transform:uppercase;
	height:auto !important;
	display:inline-block !important;
	margin:1%;
	width: 12%;

}

.leyenda {
	font-size:0.6em;
}

.bolo {
	height:16px;
	width:16px;
}


.orden_venta {	
	border-right:0px;
}

.fecha_venta {
	border-right:0px;	
}


.rut_agencia_id {width:100%}


.boton_popUp {
	float:none;
}

.popUp_imagen {
	display:none;
}

.aplicacion {
    float:none;
    margin:0.5em;
    display:block;
}

.aplicaciones {
    width:auto;
    margin:1em auto;
}

.cuerpo ,
.central {
    min-height:0px;
}

.titulo_izquierda {
    width:auto;
}

.registro_titulo {
        font-size: 1em;
    padding: 0.5em;
    width: auto;
    float: none;
}

.registro_espacio {
    text-align:center;
}

.boton_lateral input {
    margin:1em auto;
}

.registro_campo {

display: block;
clear: both;
padding: 0px;
height: 1.5em;
text-align: left;
margin: 0px auto;
float: none;
width: 90%;
}

}


@media only screen and (max-width : 540px){

body{
	
}

.registro_resultado {
	clear:right;
	display:block;
}



.popup {

	background-image:url('../imagenes/auxiliares/fondo_popup.png');
	background-repeat:repeat;
	width:80%;
	height:80%;
	border-radius:10px;
	border:1px white solid;
	padding:1%;
	color:#FFFFFF;
	text-align:center;
	line-height:1.5em;

}

.popUp_imagen {
	display:none;
}




}


/* Estilos para pantallas 480 - Móviles modernos*/
@media only screen and (max-width : 480px){

body{
	font-family: 'Roboto','sans-serif';
}

.todo {
	width:96%;
}

.registro_resultado input {
	width:170px;
}


.registro_resultado select {
    font-size: 0.6em;
}


.region {
	width:170px !important;
	overflow:hidden;
}

.boton_paralelo {
	float:none;
	padding:0.4em 2em;
	margin:0px auto;
	text-align:center;
}

.registro_boton {
	background-color:#cc6600;
	font-size:1em;
	text-align:center;
	padding:1em 0px;
	color:#FFFFFF;
	width:240px;
	border:0px;
	border-radius:4px;
}

/*.divInline {
	display:inline-block;
	border-radius:8px;
	border:0px;
	margin:1%;
/*width:38px;
	height:38px;
}*/

.numeroDia {
	line-height:38px;
}

.leyenda {
	
}

.leyenda_txt {
	line-height:16px;
}

.bolo {
	height:12px;
	width:12px;
}

.seleccionado {
	display:block;
	clear:both;
}

.popUp_datos {
	width:90%;
	margin:0px auto;
	text-align:center;
}

.popUp_caja {
	float:none;
	text-align:center;
	clear:both;
}


.popUp_boton {
	float:none;
	text-align:center;
	clear:both;

}

.popUp_imagen {
	display:none;
}



	
}


/* Estilos para pantallas 320 - Móviles antiguos, I-phone*/
@media only screen and (max-width : 320px){

body {
	background-image:none
}

.logo {
	width:200px;
	overflow:hidden;

}

.slogan_zone {
	width:250px;
	overflow:hidden;

}

.subslogan {
	font-size:0.8em;
	display:block;
	clear:both;
	width:90%;
	margin:0px auto;
	text-align: center;
	text-indent:0px;
}

.region {
	display:block;
	clear:both;
	
}

.pie_logo img {
	width:100px;
	height:auto;
	
}

.pie_pago img {
	width:100px;
	height:auto;
}

/*.registro_campo {
	line-height:1em;
	padding-bottom:0.2em;
	width:150px;
}*/

.registro_resultado {
	padding-left:0.5em;
	margin-bottom:0.5em;
}

.registro_titulo {
	font-size:1em;
	padding:0.5em;
}

.region {
	width:200px !important;
}


.registro_resultado select {
	font-size:0.7em;
}

.registro_boton {
	background-color:#cc6600;
	font-size:1em;
	text-align:center;
	color:#FFFFFF;
	width:200px;
	border:0px;
	border-radius:4px;
	padding:0.5em;
}

.boton_paralelo {
	padding:0.4em;
}

/*.divInline {
	display:inline-block;
	border-radius:8px;
	border:0px;
	margin:1%;
/*	width:31px;
	height:31px;*/
}*/

.numeroDia {
line-height:31px;
font-size:1.3em;
	
}

.compra_detalle {
	width:80%;
	margin-top:1em;
	}


.alpago a {
	width:70%;
}

.popup {

	background-image:url('../imagenes/auxiliares/fondo_popup.png');
	background-repeat:repeat;
	width:90%;
	height:90%;
	border-radius:10px;
	border:1px white solid;
	padding:1%;
	color:#FFFFFF;
	text-align:center;
	line-height:1.5em;

}


.espacio_popUp {
	text-align:center;
	width:90%;
	margin:1em auto;
}

.popUp_caja {
	float:none;
	margin:1em auto;
}

.boton_popUp {
	background-color:green;
	border:0px;
	border-radius:4px;
	text-align:center;
	color:#FFFFFF;
	float:none;
	padding: 0.5em 2em;
	margin:1em auto;

}

.popUp2 {
	font-size:0.8em;
	padding-bottom:0.5em;
}

.popUp_imagen {
	display:none;
}



	
}


