/* CSS Document */

h3{color:#63b67c; font-size:1.1em}
#MenuPrincipal a:nth-of-type(2)::after, #MenuPrincipal a:nth-of-type(3)::after  { content: ' | '; color: #333 !important; padding: 0 .25em; }

#columnaDerecha{
	margin-left: 1em;
}

.columnaIzquierda h2{
	font-size:1.3em;
	margin-top: .5em;
}
form p{margin-top:1em;
}

#datosRecibo {
    border: 1px solid #000000;
    border-radius: 5px;
    clear: both;
}
#datosRecibo {
    margin-bottom: 1em;
    margin-top: 1em;
    padding: 5px 5px 3px 0;
    position: relative;
    width: 98%;
}
.grupoCampos {
    display:block;
}

div.panelGrid_Fila {
    float: left;
    width: 100%;
    margin: 1px 0px 1px 5px;
    padding-right: 5px;
}

div.panelGrid_Fila_2cols{
    float: left;
    width: 49%;
    margin: 1px 0px 1px 5px;
    padding-right: 5px;
}
.botonera {
    text-align: center;
    margin: 7px 0 15px 0;
    padding: 4px 0 4px 0;    
    width: 98%;
}

div.panelGrid_Fila img {
    margin-left:5px;
}

#opciones div.panelGrid_Fila {
    margin-bottom:2em;
}

#opciones div.panelGrid_Fila img.opcion {
    width:98%;
}


#opciones div.panelGrid_Fila a, #opciones div.panelGrid_Fila_2cols a {
    font-size:1.3em;
    color:#D01715;
    font-weight:bold;
}

div.control{
    float: left;   
    margin-right: 2em;
}

div.panelGrid_Fila > div.panelGrid_Columna {
    overflow: visible;
    float: left;
    margin-top: 1px;
    margin-bottom: 1px;
    vertical-align: top;
    padding-left: 0;
    width:21%;
}

div.control > div.panelGrid_Columna {
    overflow: visible;
    float: left;
    margin-top: 1px;
    margin-bottom: 1px;
    vertical-align: top;
    padding-left: 0;
    /*width:21%;*/
}

@media only screen and (max-width: 800px) {

    div.panelGrid_Fila > div.panelGrid_Columna {
        width: 35% ;
    }
}

@media only screen and (max-width: 484px){

    div.panelGrid_Fila
    {width:45%;}

    div.panelGrid_Fila > div.panelGrid_Columna {
        width: 100% ;
    }

    div.control {
        float:none;

    }

    div.panelGrid_Columna {
        width: 100% ;
    }
    div.panelGrid_Columna input {
        width:100%;
        margin-left: 0px;
    }
}

input, select  {
    font-size: 1em;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    margin: 0 0 2px 20px;
    padding-left: 2px;
    padding-right: 2px;
    font-family: Arial,Helvetica,sans-serif;
    color: #454951;
}



#submit {
    margin: 0 30px 0 0;
    background-color: #63b67c;
    background: linear-gradient(#63b67c, #63b67c);
    box-shadow: inset 0 1px 1px #63b67c;
    color: #FFFFFF;
    overflow: visible;
    padding: 5px 25px;
    border-radius: 5px;
    font-size: 1.1em;
}

.MensajeError {
    color: red;
    /*background-color: #fff3cd;*/
    border-color: #ffeeba;
}
.aviso {
    position: relative;
    padding: .75rem 1.25rem 0.75rem 0rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    /*font-size: .8rem;*/
}

#recibos .formasPago {border:1px solid #63b67c;padding-left:.5em;margin-top:1em;margin-left:1em}

#recibos .formasPago .imgBancos{position:relative;width:220px;padding-right:5em;top:0}
#recibos .formasPago p strong {
font-size:1.2em}
#recibos .formasPago a:hover {
text-decoration:none}

#recibos .botonTarjeta{
position:relative;
float:none;
width:28%;
border:0;
border-bottom:#000 1em normal;
font-weight:bold;
text-align:left;
cursor:pointer}


.NoImprimir{
	clear:both;
}

.NoImprimir a{
	text-decoration:underline;
}

.visualImagenes a{
	font-size:1.8em;
}

.foto{
	float:left;
	margin-top:2em;
	}

.foto img{
	width:98%;
}

.tituloBanco h3{
    padding:0;
    margin:1em 1em 1em 0;
    font-size:1.2em;
}
#tarjetas ol {
    margin-left:2em
}
#tarjetas ol li, #bancos ol li{
    list-style:decimal;
    padding: .3em;
}
#tarjetas ul li, #bancos ul li{    
    padding: .3em;
}

#tarjetas ol li a, #bancos ol li a{
    color:#0489B7;
    text-decoration:underline;
    font-weight:bold; 
}

#bancos .paginaBanco{position:relative;float:none;background-color:#63b67c;text-transform:uppercase; color:#fff}
#bancos .tituloBanco{position:relative;float:left;display:block;overflow:hidden;width:98%}
#bancos .enlaceBoton{padding: .1em 3.5em .1em 3.5em;border: 1px solid #C6D3D3;background-color: #63b67c;text-transform: uppercase;text-decoration:none; color:#fff}
#bancos .logoBanco{position:relative;float:left;display:block;overflow:hidden;width:20%}
#bancos .logoBanco img{position:relative;width:100%;/*background:#fff*/}
#bancos .otroBanco:hover{text-decoration:underline}

#bancos .otroBanco{border:0;cursor:pointer;width:50%;background-color:#63b67c; color:#fff}
#bancos p{clear:both;margin-top:1.8em}

#MensajeError, #MensajeError strong{color:#F20000;}

.hideAccessible {
    position: absolute;
    left: -9999em;
}

div.hidden { display: none; }
div.unhidden { display: block; }

.ckeditor-accordion{background-color:#fff; padding-top:.5em; padding-bottom:.5em;}
.ckeditor-accordion input{margin-right:10px}


p.ayudaCampo span {
    color:red;
}
p.ayudaCampo a img {
    float:left; margin-right:1em
}


#recibos form .obligatorios {
    text-align: right;
    margin-right: 1em;
    font-family: Lato;
    font-size: 1.1em;
    color: #555555;
    display: block;
}