﻿/*@font-face {
    font-family: VolvoSansWeb-Regular;
    src: url(../fonts/VolvoSansWeb-Regular.eot);
    src: url(../fonts/VolvoSansWeb-Regular.ttf) format("truetype");
}*/
@font-face {
    font-family: 'VolvoSansPro-Light';
    src: url('../fonts/VolvoSansPro-Light.otf') format('opentype');
}
html, body, div, p, a, fieldset, form, label, legend, table, tr, th, td, input, select, textarea {
  margin:0;
  padding:0;
}

body
{
    font-family:'VolvoSansPro-Light';

    font-size: 15px;
    line-height: 22px;
    letter-spacing: .025em;
    color: #333;
    font-weight: 400;
}




/*responsive*/

.ContenedorR {
    /*border:solid 3px #000000;*/
    max-width:600px;
    /*max-height:400px;*/
    min-height:400px;
    margin: 0 auto;
}
.MarcoR {
    padding:15px; /*5%*/
}
.flotarR {
    float:left;
}
.flotarDerechaR {
    float:right;
}
.alignCentroR {
    width:100%;
    /*background:red;*/
    text-align: center;
    margin-right:15px;
}
.alignCentroR img {
    margin: 0px auto 0px auto;
}

.CabeceraR {
    height:23px;
    width:100%;
    background-color:#000000;
}
.TextoCabeceraR {
    color:White;
    padding-left:5px;
    line-height:23px;
}
.CerrarR {
    float:right;
    padding-right:2px;
    cursor:pointer;
    width:20px;
}
.TituloR {
    font-size: 26px;
    line-height: 24px;
    letter-spacing: .05em;
    color: #161618;
    font-weight: 400;
}

.subTituloR {
    
    margin: 20px 0 ;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .025em;
    color: #161618;
    font-weight: 400;
}
.EscribirR {
    margin-top:10px;
    height:80px;
}
.SeparaEscribirR {
    margin-top:15px;
}
.LabelR {
    padding-bottom: 10px;
}
.CajasTextoR {
    border:1px solid #ddd;
    height: 22px ;
    padding: 10px 8px 7px 8px;
    color: #333;
    margin-top: 5px;
}
.ImageValidarR {
    margin-left:5px;
    width:15px;
    display:inline-block;
}
.SeparaValidarDerechaR {
    margin-right:20px;
}
.RatioR {
    height:30px;
}
.OpcionesR {
    margin-bottom:10px;
    height: 40px;
}
.OpcionesL {
    margin-bottom:10px;
    height: 20px;
}
.OpcionesI {
    margin-bottom:10px;
    height: 70px;
}
.LabelRadioR {
    line-height:30px;
}
.AnchoOpcionesR {
    width:100px;
}
.AlinearVerticalR {
    padding-top:5px;
}
.ImagenCalendarioR {
    cursor:pointer;
    margin-left:5px;
    margin-top:-2px;
}
.PunteroR {
    cursor:pointer;
}
.AnchoLasR {
    margin-right:40px;
}
.AnchoALasR {
    width:60px;
    /*margin-bottom:20px;*/
}
.HoraMinutosR {
    margin-left:10px;
    margin-right:10px;
}
.HorarioR
{
    
}
.SeparaLegalR {
    margin-top:10px;
}
.MensajeErrorR
{
    float: left;
    color: #E82222;
    
}
.AltoMensajeR {
    text-align: center;
    min-height:20px;
}
.AnchoTotalBotonR {
    width:100%;
}

.BotonR {
    border:solid 1px #007bcd;
    padding: 15px 65px;
    cursor:pointer;
    background-color:transparent;
    color:#007bcd;
    font-family:inherit;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: .025em;
    font-weight: 400;
    
}
.BotonR:hover {
    background-color:#007bcd;
    color:white;
}

.TextoLegalR
{
    font-size:0.8em;
    text-align:left;
}
.TituloLegalR
{
	font-size:1.2em;
	font-weight:bold;
}
.CentrarR {
    text-align:center;
}
.CentradoR {
    display:inline-block;
}
.SeparaMuchoR {
    height:40px;
}
.FechaR {
    font-size:0.8em;
}
label {vertical-align: middle;}
#divEncimaElSeparador {
    height:20px;
    width:100%;
    float:left;
}
#divDebajoElSeparador {
    height:20px;
    width:100%;
    float:left;
}

.SeparadorDebajo
{
    height:10px;
    width:100%;
    float:left;
}

.EstadoR {
    margin-bottom:20px;
    
}
.TextoEstadoR {
    /*margin-top:-5px;
    line-height:30px;*/
    margin-left:10px;
}
.ImagenEstadoR {
    vertical-align: middle;
}
#chkLegal {
    background-image: none;
    width: 21px;
    height: 21px;
    border: 1px solid #ddd;
    background-color: #fff;
    -moz-appearance: none;
    -webkit-appearance: none;
    margin-bottom: -5px;
}
input[type="checkbox"]#chkLegal:checked {
    background-image: url('../img/chkboxCheck.png');
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #ddd;
    -moz-appearance: none;
    -webkit-appearance: none;
}
input[type="checkbox"]#chkLegal:active{
    border: 1px solid #ddd;
    -moz-appearance: none;
    -webkit-appearance: none;
}

#chkLegal2 {
    background-image: none;
    width: 21px;
    height: 21px;
    border: 1px solid #ddd;
    background-color: #fff;
    -moz-appearance: none;
    -webkit-appearance: none;
    margin-bottom: -5px;
}
input[type="checkbox"]#chkLegal2:checked {
    background-image: url('../img/chkboxCheck.png');
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #ddd;
    -moz-appearance: none;
    -webkit-appearance: none;
}
input[type="checkbox"]#chkLegal2:active{
    border: 1px solid #ddd;
    -moz-appearance: none;
    -webkit-appearance: none;
}

#chkInfo {
    background-image: none;
    width: 21px;
    height: 21px;
    border: 1px solid #ddd;
    background-color: #fff;
    -moz-appearance: none;
    -webkit-appearance: none;
    margin-bottom: -5px;
}
input[type="checkbox"]#chkInfo:checked {
    background-image: url('../img/chkboxCheck.png');
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #ddd;
    -moz-appearance: none;
    -webkit-appearance: none;
}
input[type="checkbox"]#chkInfo:active{
    border: 1px solid #ddd;
    -moz-appearance: none;
    -webkit-appearance: none;
}

a {
    color: #003057;
    text-decoration: none;
    border-bottom: 1px solid #003057;
    letter-spacing: 1px;
    cursor: pointer;
    transition: color .1s linear;
}
a:hover {
    color: #5b7f95;
    border-color: #5b7f95;
}

#txtFechaEl {
   margin-top: -10px;
}
#cmbEn {
    height: 41px;
    width: 120px ;
    margin-top: -10px;
    border:1px solid #ddd;
    
    
}
#txtHora, #txtMinutos {
    height: 22px;
    width: 100px ;
    margin-top: -20px;
    border:1px solid #ddd;
    padding: 10px 8px 7px 8px;
}



/*si no soporta media queries ponemos aspecto pantalla pc*/
/*.LogotipoR {
    display:block;
    margin-left:10px;
}*/
.SeparaOpcionesR {
    margin-top:20px;
}
.SeparaBotonR {
    padding-right:40px;
    margin:10px auto;
    
}




/*media queries*/
@media screen and (max-width: 490px) {
    /*.LogotipoR {
        display:none
    }*/
    .SeparaOpcionesR {
        margin-top:40px;
    }
    .SeparaBotonR {
        padding-right:0px;
        margin-top:-20px;
    }
}
@media screen and (min-width: 490px) {
    /*.LogotipoR {
        display:block;
        margin-left:15px;
    }*/
    .SeparaOpcionesR {
        margin-top:20px;
    }
    .SeparaBotonR {
        padding-right:40px;
        margin-top:0px;
    }
}





/*no responsive*/

/*.Marco
{
    width:594px;
    height:394px;
    border: 3px solid #000000;
}
.Ventana
{
    height:25px;
    width:100%;
    background-color: #000000;
    color:White;
}
.Cabecera
{
    font-size:medium;
    padding-left:5px;
}
.Cerrar
{
    padding-right:2px;
    cursor: pointer;
    width: 20px;
}
.Titulo
{
    color: #003057;
    font-size:20px;
    font-weight:normal;
}
.FotoOperadora
{
    padding-right:15px;
    padding-left:15px;
    padding-top:5px
}
.CajasTexto
{
    margin-left:5px;
}
.LabelRadio
{
    padding-top:3px;
}
.Boton {
    border:solid 1px #003057;
    padding-top:10px;
    padding-left:30px;
    padding-bottom:10px;
    padding-right:30px;
    cursor:pointer;
    background-color:#003057;
    color:white;
    font-weight:bold;
    font-size:16px;
}
.Boton:hover {
    background-color:transparent;
    color:#003057;
}

.Legal
{
    font-size:12px;
    font-weight:normal;
}
.LinkLegal
{
    color:#003057;
    text-decoration:underline;
}
.Horario
{
    color: #003057;
}
.MensajeError
{
    color: #E87722;
    font-size:small;
}

.TextoCallback
{
    text-align:center;
}

.TextoLegal
{
    font-weight:normal;
    font-size:12px;
    text-align:left;
}
.TituloLegal
{
	color:#003057;
	font-size:14px;
	font-weight:bold;
}
*/
