body { background: url(../imagenes/fondoWeb.png) repeat; line-height:1.5em; }
#body { margin:auto; width:1000px; position: relative; padding: 1.5%;}
#body a { text-decoration:none; color:#000000; }
.barraNegra { height:40px; background: #000000; }
#logoPagina { position:absolute; top:-40px; left:7.5%; z-index:1; }

#central {overflow:hidden; }

.textoDerecha { text-align:right; }
.textCentrado{ text-align: center;}
.textIzquierda{ text-align: left;}
.negrita { font-weight: bold; }
.campoErroneo { border: red solid 0.1em; height:1.3em; }
.der { float: right;}
.izq { float: left;}
.primayu{text-transform:capitalize;}
.rojo{color:red!important;}
.verde{color:green!important}
.capitalize { text-transform: capitalize; }
.clear { clear: both; }
.mce-tinymce { margin: 10px 0; }
.allWidth {width: 100%;}

input{ font-family: serif; }
#listado_pagos{display:none;}

#body .formulario #pagos{ margin-bottom: 30px; overflow:hidden; }
#body .formulario #pagos .col { width:45%; }
#body .formulario #pagos .col.col1 { float:left; }
#body .formulario #pagos .col.col2 { float:right; }

#body .formulario #pagos .col fieldset .fila{ overflow:hidden; padding:3% 3% 3% 3%; background:#f5f2f0; position:relative; }
#body .formulario #pagos .col fieldset .fila ul { padding:5px; }
#body .formulario #pagos .col fieldset .fila li { width:50%; float:left; }
#body .formulario #pagos .col fieldset .fila label { float:left; margin-right:1em;}
#body .formulario #pagos .col fieldset .fila .cajaCheck input { float:left; }
#body .formulario #pagos .col #fieldset .fila label { float:left; margin-right:1em; }


#body .formulario input.campoErroneo { border: red solid 0.1em; height:1.3em; }
#body .formulario input:focus { border: #40352d solid 0.1em; height:1.3em; }
#body .formulario input:disabled { background:#ffffff; }
#body .formulario .cajaCheck { width:44px; height:34px; float:left; position:relative; }
#body .formulario .checkbox { position:absolute; left:0px; background-color:#ffffff; cursor:pointer;  }
#body .formulario div.checkbox { width:20px; height:20px; display:none; } 
#body .formulario input.checkbox { z-index:1; position:absolute; top: 1px; left: 5px; transform: scale(1.5,1.5); -moz-transform: scale(1.5,1.5); -webkit-transform: scale(1.5,1.5); -o-transform: scale(1.5,1.5); -ms-transform: scale(1.5,1.5);} 


#contenedor { position:relative; margin-top:130px; padding:80px 50px; padding-top:170px; background: #ffffff; overflow:hidden; }
#contenedor header {color:#6d4427; text-align:center; background: url(../imagenes/bajo_titulo.png) bottom center repeat-x; padding-bottom:1.5em; margin-bottom:1.5em; }
#contenedor header h1 { font-size:2em; }
#contenedor .formulario fieldset { width:100%; }
#contenedor .formulario fieldset legend { color:#ffffff; padding-left:30px; padding-right:50px;  background:#41281b; }
#contenedor .formulario fieldset input, #contenedor .formulario fieldset select, select { margin-left: 10px; margin-right: 10px; color:#b19988;}
#contenedor .formulario fieldset input.checkbox{ margin-left:0px; margin-right:0px; }
#contenedor .formulario li { list-style:none; margin-bottom:0.7em; }

#contenedor #login.formulario fieldset input, #contenedor #login.formulario select { width: 160px; padding: 2px; margin: 0px; font-size: 0.8em; color:#b19988; }

#contenedor #filtro_curso.formulario fieldset legend { padding: 0 50px; }
#contenedor #filtro_curso.formulario { position: absolute; top: 85px; right: 50px; }
#contenedor #filtro_curso.formulario ul { padding: 0; }
#contenedor #filtro_curso.formulario ul li { margin-top: 0.7em; }
#contenedor #filtro_curso.formulario select { width: 125px; margin: 0 5px; font-size: 1em; color: black; }

#contenedor .formulario .fieldsetFlota { margin-bottom:30px; }
#contenedor .formulario .fieldsetFlota ul { background:#f5f2f0; overflow:hidden; padding:2% 0% 2% 3%;  }
#contenedor .formulario .fieldsetFlota li { float:left; }
#contenedor .formulario .fieldsetFlota .ultimaColumna, #contenedor .formulario #ultimosPasos .col2 #filaPagos li.ultimaColumna { display:block; float:right; margin-right:2%; }
#contenedor .formulario .fieldsetFlota .ultimaColumna input { margin-right:0; }


#contenedor .formulario #fieldsetMatricula input[type="email"],
#contenedor .formulario #fieldsetMatricula input[type="text"] { background:#ebe5e1; color:#53392b; }
#contenedor .formulario #fieldsetMatricula .sinMargenDerecha{ margin-right:0%; }

#contenedor .formulario #tarifas {  }
#contenedor .formulario #tarifas .col { width:32%; margin-bottom:0em; margin-top:0.6em; }
#contenedor .formulario #tarifas .col .cajaCheck { margin-left:1em; }
#contenedor .formulario #tarifas .col label { float:left; }


#contenedor .formulario #materias { padding-right:0;  }
#contenedor .formulario #materias table { width:100%;  margin-bottom:10px; }
#contenedor .formulario #materias input { margin-left: 0px; margin-right:0px;  }

#contenedor .formulario #materias .primeraFila  { padding-top:15px; }
#contenedor .formulario #materias .fila { overflow:hidden; margin-bottom:5px; background:#f5f2f0; border-bottom: #ffffff solid 4px; }
#contenedor .formulario #materias .fila.sinTarifa { display: none; }
#contenedor .formulario #materias .fila .col { vertical-align:middle; padding-top:8px; float:left; }
#contenedor .formulario #materias .fila .col1 { width:26%; padding-left:3%;}
#contenedor .formulario #materias .fila .col2 { width:15%;  }
#contenedor .formulario #materias .fila .col3 { width:19%;  }
#contenedor .formulario #materias .fila .col4 {  width:36%; }
#contenedor .formulario #materias .fila .col4 ul { width:98%; padding:0px; }
#contenedor .formulario #materias .fila .col4 li { width:48%; }
#contenedor .formulario #materias .fila .col4 label { font-size:0.8em; }

#contenedor .formulario #materias .footer { width:98%; overflow:hidden; padding-top:18px; border-bottom:10px; padding-left:2%; }
#contenedor .formulario #materias .footer .columna { width:50%; float:left; }

#contenedor .formulario #ultimosPasos { overflow:hidden; }
#contenedor .formulario #ultimosPasos .col { position:relative; width:49%; height:290px; }
#contenedor .formulario #ultimosPasos .col fieldset { }
#contenedor .formulario #ultimosPasos .col textarea { width:100%; height:233px; resize:none; background:#ffffff; color:#e2007a; border:none; }
#contenedor .formulario #ultimosPasos .col1 { float:left; }
#contenedor .formulario #ultimosPasos .col1 .cuerpoFieldset { padding:3% 4% 3% 4%; background:#f5f2f0; position:relative; text-align:center; }
#contenedor .formulario #ultimosPasos .col2 { float:right; }
#contenedor .formulario #ultimosPasos .col2 #filaPagos li { width:32%; float:left; }
#contenedor .formulario #ultimosPasos .col2 input { margin-left:5px; margin-right:0; }
#contenedor .formulario #ultimosPasos .col2 .fila{ margin-bottom:10px; padding:3% 3% 3% 3%; background:#f5f2f0; position:relative; font-size: 0.8em; }
#contenedor .formulario #ultimosPasos .col2 .fila ul { overflow:hidden; }
#contenedor .formulario #ultimosPasos .col2 .fila li { width:32%; float:left; }
#contenedor .formulario #ultimosPasos .col2 #filaPagos li.textoCompleto { width:auto; }
#contenedor .formulario #ultimosPasos .col2 #metodoPago .fila ul { padding:5px; }
#contenedor .formulario #ultimosPasos .col2 #metodoPago .fila li { width:50%; float:left; }
#contenedor .formulario #ultimosPasos .col2 #metodoPago .fila label { float:left; margin-right:1em; }
#contenedor .formulario #ultimosPasos .col2 #metodoPago .fila li { width:50%; float:left; }

#contenedor .formulario #submit { margin-top:60px; margin-bottom:60px; }
#contenedor .formulario #submit .col { float:left;}
#contenedor .formulario #submit .col1 { width:46%; }
#contenedor .formulario #submit .col1 p{ font-size:0.9em; }
#contenedor .formulario #submit .col2 { width:48%; padding-left:6%; }
#contenedor .formulario #submit .col2 label { font-size:0.9em; }
#contenedor .formulario #submit a, #login .submitFormulario, #buscar .submitFormulario, #voltar a, .tipos, .submitFormulario{ color:#ffffff; background-color:#41281b; text-align:center; padding: 5px 10px; margin-left:0.5em; cursor:pointer; border: none; min-height: 25px; display:inline-block;}

#formGrupo .submitFormulario {margin: 0;}

#contenedor #login{width: 360px;margin: 0 auto;}
#contenedor #login label{width: 150px;}
#contenedor #login fieldset div{background: #f5f2f0; padding: 20px;}
#contenedor #login p{ line-height: 1.5em;}
#contenedor #login #boton { text-align: center; margin-top: 20px;}
#contenedor #login input{ float: right; }

.resultados { padding: 5px 0; color: #ffffff; text-align: center; background: #41281b; border-bottom: 2px solid #ffffff; }
tr.resultados td { padding: 5px 0; }
.lista { width: 900px;}
.lista thead tr td{color: #ffffff;background: #41281b; text-align: center;}
.lista thead tr td.textIzquierda{ text-align: left;}
.lista tbody tr:nth-child(even) {background: #f4f0ed;}
.lista .opcion { margin-left: 5px; }

.lista .opcion { width: 900px;}
.lista tbody tr:nth-child(odd) {background: white;}

#login_superior{margin: 0 auto; width: 950px; text-align: right;}
#login_superior a{ color:white; text-decoration: none; line-height: 40px;}

#buscar { margin-bottom: 20px}
#buscar #botons_filtro{ overflow: hidden;}

#body footer { font-size:0.9em; padding:1% 3%; background:#000000 url("../imagenes/pie.jpg") repeat; color:#ffffff; position:relative; min-height:80px; }
#body footer a { color:#ffffff; }
#body footer a:hover { color:blue; }
#body footer .cantigas { position:absolute; top:10px; left:37px; }
#body footer .programacion { position:absolute; bottom:10px; left:37px; }
#body footer .colaboradores { position:absolute; top:10px; right:130px; }
#body footer .tesla-technologies { position:absolute; bottom:10px; right:38px; }

/*Zona de tamaños de letra*/
.sizeXXS { width:30px; }
.sizeXS { width:48px; }
.sizeS { width:138px; }
.sizeM { width:173px; }
.sizeL { width:220px; }
.sizeXL { width:297px; }
.sizeXXL { width:450px; }


/*Zona de inputs custom*/

body:not(#foo) input[type='radio'] #foo, 
body:not(#foo) input[type='checkbox'] #foo,
#body .formulario .cajaCheck div.checkbox{
    display:block; 
}

#body:not(#foo) .formulario .cajaCheck { 
    top:-1px; 
}

body:not(#foo) input[type='radio'] #foo, 
body:not(#foo) input[type='checkbox'] #foo,
#body:not(#foo) .formulario div.checkbox{ 
    border: #40352d solid 1px; 
}

body:not(#foo) .borde input[type='radio'], 
body:not(#foo) .borde input[type='checkbox']{
    left:2px;
}


body:not(#foo) input[type='radio'], 
body:not(#foo) input[type='checkbox'] {
    opacity: 0;
}

body:not(#foo) input[type='radio'] + div.checkbox,
body:not(#foo) input[type='checkbox'] + div.checkbox {
    background:#ffffff left center no-repeat;
    cursor: pointer;
}

/*body:not(#foo) input[type='radio'] + label.antesQueInput,
body:not(#foo) input[type='checkbox'] + label.antesQueInput {
    padding: 5px 45px 4px 0px;
    background:url(../imagenes/cruzoff.png)  right center no-repeat; 
}*/


body:not(#foo) input[type='radio']:checked + .checkbox, body:not(#foo) input[type='checkbox']:checked + .checkbox {
    background-image: url(../imagenes/cruzon.png);
    background-size: 100%;
}

select {max-width: 170px;}
input.mostrarCheckbox { height: 1em !important; opacity:1 !important; vertical-align: middle; }
#dereitosImaxeLabel {float: left; margin-right: 10px;}
.acciones {font-size: 0.8em;}
td {vertical-align: middle; max-width: 180px; word-wrap: break-word;}
.tabla_grupo {margin-bottom: 30px;}
.head_grupo { padding: 10px; overflow: hidden; color: #ffffff; background: #41281b;}
.head_grupo a {color: #ffffff !important;}
.tresColumnas{ width: 33%; float:left;}
.tresColumnas:first-child {margin-left: 1%;}
.conBordeInferior {border-bottom: 1px solid #ffffff;}
#formCambioGrupo { padding:15px; }
#formCambioGrupo .submitFormulario {color: #ffffff; padding:5px; font-size: 0.9em;}
.submitFormulario {color: #ffffff !important;}

.icono {display: inline-block; width: 35px; height: 35px; cursor:pointer; margin-left: 10px;}
.icoExcel {background: url('../imagenes/ico_excel.png') no-repeat center center; background-size: 100%;}
.icoPdf {background: url('../imagenes/ico_pdf.png') no-repeat center center; background-size: 100%;}
.icoEnvioEmails {background: url('../imagenes/ico-email-envio-grupo.png') no-repeat center center; background-size: 100%;}
.bloque { margin-bottom: 20px; overflow:hidden;}
.bloque .dosColumnas {width: 50%; float: left;}
#tipos_listados a{ color: #ffffff; }
#acciones {text-align: right;}
#acciones a { float: right; color: #ffffff; }
.anulada {color:red;}
.sizeXXXL { max-width: 400px; }
.filtro_check {/*width:150px;*/ display:inline-block;}
.check_filtro {margin-right: 20px;}
.fondoRojo {background-color: #fe9494!important; border-bottom:1px solid #fb7272;}
#accionGrupo {display: none; margin-left: 10px; }

#formGrupo .conBordeInferior { border-color: #000000; }
#formGrupo .conPaddingInferior { padding-bottom: 10px; }
#formGrupo ul { padding: 2%!important; }
#formGrupo input[type="submit"] { display: inline-block; min-height: 30px; padding: 5px 10px; text-align: center; color: #ffffff!important; background-color: #41281B; border: none; }