/* CSS Document 
azul fuerte:#141893
azul suave:#68cce6
amarillo:#f9d817
*/



body {
    background-color:#FEF55A;
    background-color:#68cce6;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    text-align:center;
    font-family:Verdana, Geneva, sans-serif;
    font-size: 11px;
}
h1{
    font-size:2.2em;	
}

h2{
    font-size:1.6em;	
}

h3{
    font-size:1.4em;	
}


td{
    font-size:11px;	
}

#Layermadre
{
    background-color:#000044;

    color:white !important;
    text-align:left;
    margin:auto;
    margins:auto;
    width:962px;
    z-index:1;
    scrollbar-arrow-color:#000000;
    scrollbar-darkshadow-color:#cccccc;
    scrollbar-track-color:#eeeeee;
    scrollbar-face-color:#bbbbbb;
    scrollbar-highlight-color:#ffffff;
    scrollbar-shadow-color:#ffffff;
    line-height:1.5em;
    -webkit-box-shadow: 0 0 10px rgb(0,0,0);  
    -moz-box-shadow: 0 0 10px rgb(0,0,0);  
    box-shadow: 0 0 10px rgb(0,0,0); 
    /*visibility: hidden;*/
}


#datosLogin
{
    position:relative;
    min-height:20px;
    height:20px;
    height:auto !important;
    background-color:yellow;
    text-align: right; 
    padding: 2px 12px;	
    font-size:13px;
    color:black;
    padding:4px;

}
#datosLogin a
{
    font-weight:bold;
    color:black;
    font-size:1.1em;
    margin-left:20px;

    border: 1px solid blue;
    padding:2px 4px;
    background-color:#FFC;
    text-decoration:none;
    margin:2px;

}

#cabecerointraweb a:hover
{
background-color:rgba(255,255,255,0.5);
color:black;
}

#cabecerointraweb a{
	display:inline-block;
	border:1px solid white;
	padding:4px;
	margin-right:10px;
}

#cabecerointraweb #buscacodigo{
	display:none;
}

#datosLogin select{
    margin-right:2px;
    width:40px;	

}
#datosLogin a:hover{

    background-color:#FF0;	
}

#cabecero{
    position:relative; 
    background-color:#141893;

    border-bottom:0px;
}
#cabecero h1{
    /*color:#141893;*/
    color:#f9d817;
    margin:0;
    padding: 0px 49px;	
}
#logoCabecero{
    position:absolute;
    top:29px;
    left:29px;
    width:273px;
    height:266px;	
    background:url(../img/logogran.gif) no-repeat;	
    cursor:pointer;
    display:none;

}

.onlyPrint{

    display:none; 
}

#menu
{	padding:0px;
  padding-left:2px;
  margin:0px;
  list-style:none;	
  height:24px; 
  margin:auto;
}
#menu li
{
    float:left;
    padding:7px 0px;
    text-align:center;
    background-color:#141893;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#759ae9 0%), to(#376fe0 50%));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
    background-image: -moz-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
    background-image: -ms-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
    background-image: -o-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
    background-image: linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);

    -webkit-border-bottom-right-radius: 12px;
    -webkit-border-bottom-left-radius: 12px;
    -moz-border-radius-bottomright: 12px;
    -moz-border-radius-bottomleft: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    margin-left:3px;   
}
#menu li .selected, #menu li:hover, #menu li:hover a{
    background-color:yellow;
    color:black;
}

#menu li a
{
    margin:0px;
    display:block;
    width:155px;
    color:white;
    font-weight:bold;
    text-transform:uppercase;

    text-decoration:none;
    font-size:13px;
}
#menu li:last a
{
    width:16%;	
}

#contenido
{
    padding: 0px 14px;	
    height:400px;
    min-height:400px;
    height:auto !important;

}
#contenido h2,#contenido h1{
    color:#68cce6;	
    font-weight:100;
    margin:30px 0px 30px 0px;
}

#contenido a{
    text-decoration:none;	
    color:#f9d817;
}
#contenido a:hover{
    color:white;	
}

#pie{
    text-align:center;
    margin-top:25px;
    border-top:1px solid #141893;
    background-color:#eeeeee;
    padding:5px 0px 5px 0px;
    color:black;
}
/*  LISTADOS DE BÚSQUEDA */

.botonera {
    list-style:none;
    float:left;
    width:200px;	
    margin:0;
    padding:0;
    position:relative;	
}

.botonera a, .enlacelista{

    display:block;
    font-size:1.1em;
    width:180px;
    padding:5px 3px;
    background-color:#78dcf6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#759ae9 0%), to(#376fe0 50%));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
    background-image: -moz-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
    background-image: -ms-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
    background-image: -o-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
    background-image: linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
    color:white !important;
    margin-bottom:4px;
    text-align:center;	

    font-weight:bold; 
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor:pointer;

}
.botonera a:hover,  .enlacelista:hover{
    background-color:#FF6;	
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5d89e8 0%), to(#2261e0 50%));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
    background-image: -moz-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
    background-image: -ms-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
    background-image: -o-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
    background-image: linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
}

.elementolista, .elementolista2{
    position:relative;
    width:750px;
    margin:auto;	
    margin-bottom:10px;
    background-color:#141893; 
    background-image: linear-gradient(bottom, rgb(6,52,102) 3%, rgb(0,83,171) 52%);
    background-image: -o-linear-gradient(bottom, rgb(6,52,102) 3%, rgb(0,83,171) 52%);
    background-image: -moz-linear-gradient(bottom, rgb(6,52,102) 3%, rgb(0,83,171) 52%);
    background-image: -webkit-linear-gradient(bottom, rgb(6,52,102) 3%, rgb(0,83,171) 52%);
    background-image: -ms-linear-gradient(bottom, rgb(6,52,102) 3%, rgb(0,83,171) 52%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.03, rgb(6,52,102)),
        color-stop(0.52, rgb(0,83,171))
        );

    )";

    color:white;
}
.enlacelista
{
    color:white;	
}

.elementolista h2,.elementolista2 h2{
    background-color:#78dcf6; 
    padding:3px 3px;
}
.elementolista h2 a,.elementolista2 h2 a{
    padding-left:3px;
    color:black;	
    color:#000044 !important;
}


.resumenlista{
    position:relative;
    font-size:1.2em;
    list-style:none;
    padding:0;
    padding-left:5px;
    margin:0;
    float:left;
    width:215px;
    margin-right:10px;
}
.elementolista .botonera,.elementolista2 .botonera{

    padding-left:5px;	
}

.imagenlista{
    float:right;
    padding-right:10px;
    margin-bottom:10px;
}
.imagenlista img{
    display:block;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;


}

.separador{
    clear:both;
    margin:20px 0px;


}

.masinfo {
    margin-bottom:2px;
    margin-left:20px;
    text-align:center;
    background-color:white;
    width:50%;
    padding:4px;
    font-size:1.2em;
    border: 1px solid #141893;

}
.masinfo a{
    color:black !important;
    font-weight:bold;
}
.masinfo a:hover{
    color:blue;	
}
#banderas
{
    padding:17px;	
    text-align:right;
}

#titulo
{
    position:absolute;
    left:6px;top:2px;
    background:url(../img/logopetit.gif) no-repeat 0 0;
    padding-top:22px;
    padding-left:76px;
    height:62px;
    cursor:pointer;	

}

.shiny-blue {
    display:block;
    background-color:#141893;
    text-align:center;
    margin-bottom:3px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#759ae9 0%), to(#376fe0 50%));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
    background-image: -moz-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
    background-image: -ms-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
    background-image: -o-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
    background-image: linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
    border-top: 1px solid #1f58cc;
    border-right: 1px solid #1b4db3;
    border-bottom: 1px solid #174299;
    border-left: 1px solid #1b4db3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
    -moz-box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
    -ms-box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
    -o-box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
    box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
    color: #fff;
    font: bold 12px "helvetica neue", helvetica, arial, sans-serif;
    padding: 7px 0;
    text-shadow: 0 -1px 1px #1a5ad9;
    width: 150px; }
.shiny-blue:hover {
    background-color:#071070;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5d89e8 0%), to(#2261e0 50%));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
    background-image: -moz-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
    background-image: -ms-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
    background-image: -o-linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
    background-image: linear-gradient(top, #5d89e8 0%, #2261e0 50%, #044bd9 50%, #0d53de 100%);
    cursor: pointer; }
.shiny-blue:active {
    border-top: 1px solid #1b4db3;
    border-right: 1px solid #174299;
    border-bottom: 1px solid #133780;
    border-left: 1px solid #174299;
    -webkit-box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eeeeee;
    -moz-box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eeeeee;
    -ms-box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eeeeee;
    -o-box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #1a47a0, 0 1px 0 #eeeeee; }

.txtbig{
    display:block;
    background-color:#141893;		
    font-size:2em;
    padding:10px 60px;	
    border:3px white solid;
    margin-top:15px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}

.favoritos {
    display:block;
    position:absolute;
    right:0px;
    top:0px;
    margin-right:10px;
    margin-top:2px;
    width:200px;
    text-align:right;
    color:black;
    font-weight:bold;	

}
.verde{
    color:#090 !important;	
}

.mes{
    background-color:white;
    display:inline-block;
    height:160px;
}


@media screen and (max-width:1024px){
    #datosLogin a{
        display:inline-block;
        margin:3px;

    }
    iframe {
        width:98% !important;
    }
     .elementolista, .elementolista2{
        width:95%;
        margin:auto;
    }
    #tipusuario{
        width:30% !important;
    }
    
    #tipusuario .txtbig{
        font-size:1em;
    }
    
    #tipusuario .shiny-blue {
        width:30%;
    }
    
    #buscacodigo {
        display:block;
    }
    #buscacodigo select{
        width:150px;
    }
    #menu li{
        border-radius:0px;
        width:49%;
        text-align:center;
    }
    #menu li a{
        width:100%;
    }

    #menu{
        margin-bottom:20px;
    }
}
/*responsiveness **/

#Layermadre
{
 max-width: 962px;
  
 width:95%;
 overflow:hidden;
 
}


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

    #datos{
        float:none;
        width:80%;
        padding-left:20%;
    }
#login{
     padding-left:300px !important;
    }
}

@media screen and (max-width: 680px) {
   
     .elementolista .botonera li,.elementolista2 .botonera li{
         display:inline-block;
         width:50%;
         margin:0;
         padding:0;
     }
    .elementolista .botonera,.elementolista2 .botonera{
        float:none;
        width:100%; 
    }
    
      .elementolista2 .botonera .enlacelista, .elementolista .botonera .enlacelista, .elementolista2 .botonera a, .elementolista .botonera a{
        width:95%;
        padding:4px 0px;
        margin: 4px 0px;
        display:inline-block;
    }
    
#login{
     padding-left:200px !important;
    }
    #menu li{
        padding:3px 0px;
        width:100%;
        margin:auto;
    }
    td{padding:0px;font-size:0.8em}
    #menu li a{
        width:100%;
    }
    #datos{
        padding-left:10px;

    }

    #contenido h2, #contenido h1{
        text-align:center;
        display:block;
        clear:both;
        line-height:1.3em;
        margin:2px 0px;
    }

    #titulo{
        position:relative;
        display:block;
    }


    #imgGran
    {
        width:90%;
    }

}