@charset "utf-8";
/* CSS Document */
*{margin:0;}
* { padding: auto; margin: 0; }


body { 
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px; 
    height:inherit;
    background-color:#5ba0cf;
}

#base {
    width:670px;
    height:890px;
    position:absolute;
    /*background-image:URL(../imagenes/bg.gif);*/
    background-position:top;
    background-repeat: repeat-x;

    background-color:#D9D8E1;

    left:50%;
    top:50%;
    padding:10px 0px 0px 10px;
    margin:-285px 0 0 -395px;


    /*bordes*/
    border:1px solid #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;


    /*sombra*/
    -webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 3px 5px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 3px 5px rgba(50, 50, 50, 0.75);
}

#novedades {
    width: 815px;
    background-color: #D9D8E1;

    padding: 10px 0px 10px 10px;
    margin: 0 auto 30px auto;


    /*bordes*/
    border: 1px solid #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;


    /*sombra*/
    -webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 3px 5px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 3px 5px rgba(50, 50, 50, 0.75);
}

#titulo{width:100%;	height:50px; text-align:center;}
#titulo h1{ font-family: Arial, Helvetica, sans-serif; font-size:24px; color:#027db0;}
#titulo h2{ font-family: Arial, Helvetica, sans-serif; font-size:17px; color:#289dcd; margin-top:-3px;}

.paneles img{padding:0 25%;}
.paneles p img{padding:0 7px; vertical-align: middle;}
.paneles strong{color:#636f7a;}
.paneles span{color:#636f7a;}
.paneles a:link, .paneles a:visited, .paneles a:active{ text-decoration:none; color:#09F;}  
.paneles a:hover{text-decoration:underline; color:#C00;} 

.paneles{
    background-color:#fff;
    width:230px;
    height:170px;
    margin:5px 4px;
    /*display: inline-block;*/
    float:left;
    padding:10px;
    text-align:center;
    color:#333;
    -webkit-transition: all 0.3s ease-in; 
    -moz-transition: all 0.3s ease-in; 
    -o-transition: all 0.3s ease-in; 
    transition: all 0.3s ease-in;
    /*bordes*/
    border:1px solid #bababa;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

.paneles:hover{
    /*transición*/
    border:1px #fff solid;
    /*transición*/
    -webkit-transition: all 0.2s ease-out; 
    -moz-transition: all 0.2s ease-out; 
    -o-transition: all 0.2s ease-out; 
    transition: all 0.2s ease-out;

    /*Escala*/
    transform:scale(1.09);
    -moz-transform: scale(1.09);
    -webkit-transform: scale(1.06);
    -o-transform: scale(1.09);
    transform: scale(1.09);
    -ms-transform: scale(1.09);

    filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
        M11=1.09, M12=-0, M21=0, M22=1.09);
    /*-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='linkToImage.jpg', sizingMethod='scale')";*/
    /**/
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');


    /*sombra*/
    -webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 3px 5px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 3px 5px rgba(50, 50, 50, 0.75);
}

.enlace a:link, .enlace a:visited, .enlace a:active{ text-decoration:none; color:#09F;}
.enlace a:hover{text-decoration:underline; color:#C00;} 
.paneles .enlace{ display:none;position: relative;}
.paneles:hover .enlace{ display:inline; position: relative;}

.descripcion p{font-size:12px; color:#333; margin:7px auto;}
.descripcion{width:100%; height:auto; padding-top:17px; clear:both;}
.descripcion img{width:17px; height:17px; margin-right:7px;}




/* Overlay SlideBox */
#ver-informe{width:100%; height:20px; padding-top:10px;text-align:center; clear:both; }
.activator{padding:7px 30px; background-color:#399; color:#fff; border:1px #fff solid;}
.activator:hover{text-decoration:none; background-color:#05c7d4; color:#fff; cursor: hand; cursor: pointer;/*transición*/
                 border:1px #fff solid;
                 /*transición*/
                 -webkit-transition: all 0.2s ease-out; 
                 -moz-transition: all 0.2s ease-out; 
                 -o-transition: all 0.2s ease-out; 
                 transition: all 0.2s ease-out;

                 /*sombra*/
                 -webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75);
                 -moz-box-shadow:    0px 3px 5px rgba(50, 50, 50, 0.75);
                 box-shadow:         0px 3px 5px rgba(50, 50, 50, 0.75);} 

.overlay{
    background:transparent url(../imagenes/overlay.png) repeat top left;
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:100;

}
#box{
    width:530px;
    height:auto;
    background-color:#fff;

    left:57%;

    padding:10px 0px 0px 10px;
    margin:-275px 0 0 -395px;}
.box{

    position:fixed;
    top:-700px;
    left:20%; right:50%;

    background-color:#fff;
    color:#0e434b;
    padding:20px;


    border:1px solid #333;
    -moz-border-radius: 10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-box-shadow: 0 1px 5px #333;
    -webkit-box-shadow: 0 1px 5px #333;
    z-index:101;
}
.box h1{
    border-bottom: 1px dashed #7F7F7F;
    margin:-20px 0px 0px -10px;
    padding:10px;
    background-color:#FFEFEF;
    color:#EF7777;
    -moz-border-radius:20px 20px 0px 0px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -khtml-border-top-left-radius: 20px;
    -khtml-border-top-right-radius: 20px;
}
a.boxclose{
    float:right;
    width:38px;
    height:36px;
    background:transparent url(../imagenes/cerrar.png) no-repeat top left;

    margin-top:-30px;
    margin-right:-30px;
    cursor:pointer;
}
table{
    font-size:12px;
    color:#0e434b;
}


table p{padding-left:14px;}

table .titulo{
    background-color:#339999;
    color:#fff;
    height:30px;
}
table td{ height:30px;}
table strong{padding-left:14px;}

table tbody tr:nth-child(2n) td{
    background-color:#f2f2f2;

}

.columna10 {
    width: 10%;
}

.columna30 {
    width: 30%;
}

.columna50 {
    width: 50%;
}

.selectCategorias .rf-sel-cntr,
.selectCategorias .rf-sel-inp {
    width: 303px;
}

.nota {
    display: inline-block;
    margin: 10px 0;
}

.nota strong {
    font-weight: bold;
    color: #ff0000;
}