@charset "ISO-8859-1";
/*AREA CLIENTES*/
#clientes{margin-top:50px; /*margin-left:40px;*/ width:600px;}
#clientes #hr{background-image: url("images/hr.gif");height: 5px;width:600px;margin-top:-25px; margin-left:40px;}
#clientes h2{font-size:20px; text-align:right; color:#CECECE;}
#clientes ol {text-align: justify; font-size: 10pt;}
#clientes ol li{padding:10px;}
/*tabla horarios*/
#clientes table {width: 600px;padding: 0;margin: 0;}
#clientes caption {padding: 0 0 5px 0;width: 700px;font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;text-align: right;}
#clientes th {font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color: #4f6b72;border-right: 1px solid #C1DAD7;border-bottom: 1px solid #C1DAD7;border-top: 1px solid #C1DAD7;
              letter-spacing: 2px;text-transform: uppercase;text-align: left;	padding: 6px 6px 6px 12px;background: #CAE8EA url(images/bg_header.jpg) no-repeat;}
#clientes th.nobg {border-top: 0;	border-left: 0;	border-right: 1px solid #C1DAD7; background: none;}
#clientes td {border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7;	background: #fff;	padding: 6px 6px 6px 12px;	color: #4f6b72;}
#clientes td.alt {background: #F5FAFA;color: #797268;}
#clientes th.spec {border-left: 1px solid #C1DAD7;border-top: 0;background: #fff url(images/bullet1.gif) no-repeat;font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
#clientes th.specalt {border-left: 1px solid #C1DAD7;	border-top: 0;background: #f5fafa url(images/bullet2.gif) no-repeat;font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
                      color: #797268;
}
#centro .hr2{background-image: url("images/hr.gif");height: 5px;width:600px;margin-top:-25px;}

/*MARQUESINA*/
.marquesina{
    background-color: #724d80;
    margin-left:40px;
    float: left;
    width: 600px;
    height: 30px;
    background-repeat: no-repeat;
    top: 529px;
    margin-bottom: 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow: hidden;

}
#textoMarquesina{
    color:#fff;
    margin-top:7px;
}
/*FIN MARQUSINA*/
#notificaciones{
    /*position:relative;*/
    /*    float: left;
        width: 600px;
        background-repeat: no-repeat;
        margin-left:40px;*/
    /*left: 141px;*/

}
.btnMensaje{height:40px; width:40px;   border: none; background-color: transparent;  /*margin-right:5%;*/}
.btnPagos{height:40px; width:200px; margin-top:33px; float:right; margin-right:10%; border: none; background-color: transparent; }
/*SERVICIOS*/
#botonesServicios{        
    width:600px; 
    margin-left:8%;
    height: auto;

}
.botones{
    height: 610px;
}
.btnServicio{    
    display: inline-block;
    width:200px;
    margin:10px; 

}

.btnServicioAcceso{
    /*estilo para boton de acceso al servicio comprado*/
    background-image: url(images/Servicio.png);
    width:200px;
    height: 58px; 
    /*margin-top: -51px;*/

}

.btnServicioCompra{
    /*estilol para boton de compra a un servicio*/
    background-image: url(images/ServicioOff.png);
    width:200px;
    height: 58px;
}

.servicioContenedor{
    display: inline-block;
    width:220px;    
    margin: 10px 10px 10px 50px;
    min-height: 110px;

}

.btnServicioDrcha{    
    display: inline-block;
    width:200px;
    margin:10px;
    margin-left:130px;

}
.btnBuynow{
    float:right;
    width:103px; 
    height:30px;
    background-image: url(images/buynow.png);

}
.btnBuynow span{
    margin-left: 25px;
}
/*#btnServicioActivo{background-image:url(images/Servicio.png); height:58px; 
};*/

#horarios{        
    width:600px; margin-left:40px; 
    margin-top: 30px;
}
.btnCentro{
    display: inline-block;
    width:200px;
    margin:10px;

}
/*TABLA*/
#tabla{
    width:100%;
    table-layout: fixed;
    border: 1px solid #000;
}
.tabla th{
    width:20%;
    background-color:#666;
    border: 1px solid #000;
    border-collapse: collapse;
    text-align:center;
    color:#FFF;
}
.tabla td{
    width:20%;
    background-color:#FFF;
    border: 1px solid #000;
    border-collapse: collapse;
    text-align:center;
    color:#666;
}


.horarioCliente{

    margin-left: 20%;
}
#botonesServicios button{
    border: none;
    background-color: transparent;
}
#btnCentro button{
    border: none;
    background-color: transparent;
}

/**/
.horacompleta{color:red;}
.horanoaccesible{color:purple;}

/**/
#formCompra{     width:600px;                  margin-left:8%;                               height: auto;}
.cerrar{
    display: inline-block;
    width:100px;
    margin-top: -40px;
    float:right;
}
#volver{
    margin-top: 300px;
    display: inline-block;
    width:75px;
    height: 30px;
    margin-left: 1%;
    margin-top: -40px;
    float:left;
}
.btnDoc{
    /*estilo para boton de acceso al servicio comprado*/
    background-image: url(images/btn_doc.png);
    background-repeat: no-repeat;
    width:100px;
    height: 96px; 
    border: none;
    background-color: transparent;
    display: inline-block;
    font: 12pt Verdana, Arial, sans-serif;
    color: #0182BF;
    text-align: left;
    padding-top: 24px;
    padding-left: 12px;
    margin: 2%;
    margin-left: 30%;
    /*margin-top: 8%;*/

}
.btnDoc:focus{
    outline: 0;
}

.btnVideo{
    /*estilol para boton de compra a un servicio*/
    background-image: url(images/btn_video.png);
    background-repeat: no-repeat;
    width:100px;
    height: 100px;
    border: none;
    background-color: transparent;
    display: inline-block;
    font: 12pt Verdana, Arial, sans-serif;
    color: #0182BF;
    text-align: left;
    padding-top: 24px;
    /*padding-left: 30px;*/
    margin-top: 50px;
    margin: 2%;
    margin-left: 15%;
}
.btnVideo:focus{
    outline: 0;
}
.Doc_Oculto{
    background-repeat: no-repeat;
    width:100px;
    height: 96px; 
    border: none;
    background-color: transparent;
    display: inline-block;
    font: 12pt Verdana, Arial, sans-serif;
    color: #0182BF;
    text-align: left;
    padding-top: 24px;
    padding-left: 5px;
    margin: 2%;
    margin-left: 12%; 
}
.Doc_Oculto:focus{outline: 0;}
.imagenDoc1{background-image: url(images/btn_doc_privado.png);}
.imagenDoc2{background-image: url(images/btn_doc_personal.png);}
.imagenDoc3{background-image: url(images/btn_doc_publico.png);}
.Video_Oculto{
    background-repeat: no-repeat;
    width:100px;
    height: 96px; 
    border: none;
    background-color: transparent;
    display: inline-block;
    font: 12pt Verdana, Arial, sans-serif;
    color: #0182BF;
    text-align: left;
    padding-top: 24px;
    /*padding-left: 5px;*/
    margin: 2%;
    margin-left: 12%; 
}
.Video_Oculto:focus{outline: 0;}
.imagenVid1{background-image: url(images/btn_video_privado.png);}
.imagenVid2{background-image: url(images/btn_video_personal.png);}
.imagenVid3{background-image: url(images/btn_video_publico.png);}
#btnPDF{margin-top: -5px;}
#btnVideosOcultos{margin-top: -5px;}
/*Privado*/
.privado{position:absolute; margin-top:5px; padding:20px; margin-left:100px; width:360px; background-color: #e7e7e9; widht:300px;}
.privado span{position:absolute; margin-top:15px; margin-left:30px;}
.privado a{color:#4c1a61;}
.privado div{padding:5px;}
.privado div:hover{background-color: white;}
/*Personal*/
.personal{position:absolute; margin-top:5px; padding:20px; margin-left:100px; width:360px; background-color: #e7e7e9; widht:300px;}
.personal span{position:absolute; margin-top:15px; margin-left:30px;}
.personal a{color:#4c1a61;}
.personal div{padding:5px;}
.personal div:hover{background-color: white;}
/*Publico*/
.publico{position:absolute; margin-top:5px; padding:20px; margin-left:100px; width:360px; background-color: #e7e7e9; widht:300px;}
.publico span{position:absolute; margin-top:15px; margin-left:30px;}
.publico a{color:#4c1a61;}
.publico div{padding:5px;}
.publico div:hover{background-color: white;}
/*MENSAJES*/
.botonesMensaje{
    width: 90%;
    margin-left:8%;
    height: auto;
}
botonesMensaje button{
    display: inline-block;
    width:200px;
    margin:10px; 
    background-color: transparent;
    border: none;
    margin-left: 15%;
    margin-right: 7%;
}