html{height: 100%;}
body{position: relative; min-height: 100%; font-family: 'Arial'; font-size: 12px; color: #333; background: #fff url('/images/comun/fondo-web.jpg') repeat-x;}
a{outline: none; color: #333;}
    a:hover{text-decoration: none;}

#gestion .topbar-inner {border-bottom: 1px solid #999;}

#container {width: 922px; margin: 0 auto; padding-bottom: 185px;}

/* Cabecera */
header#cabecera{position: relative; height:152px; padding-top: 20px;}
    header#cabecera hgroup {float: left;}
        header#cabecera hgroup h1 a{display: block; text-indent: -9999px; width: 218px; height: 88px; background: url(/images/comun/logo.png) 0 0 no-repeat;}

    header#cabecera a.youtube{position: relative; float: right; display: block; margin-right: 15px; width: 201px; height: 117px; background: url(/images/comun/fnd-video.png) 0 0 no-repeat;}
        header#cabecera a.youtube span.es{display: block; margin-top: 25px; margin-left: 10px; text-indent: -9999px; width: 88px; height: 43px; background: url(/images/comun/txt-asi-somos-es.png) 0 0 no-repeat;}

    header#cabecera aside{float: right; margin-top: 7px; border-top: 1px solid #696969; border-bottom: 1px solid #696969; width: 325px;}
        header#cabecera aside div{padding: 3px 5px;}
            header#cabecera aside div p{color: #ccc;}
            header#cabecera aside .fila1 p{float: left; font-size: 14px;}
                header#cabecera aside .fila1 p span{color: #ff8c45;}
                header#cabecera aside .fila1 p a{color: #ff8c45;}

            header#cabecera aside .fila1 ul{float: right; margin-top: 4px; padding-left: 8px; margin-left: 8px; border-left: 1px solid #616161;}
                header#cabecera aside .fila1 ul li a{display: block; text-indent: -9999px; width: 18px; height: 14px; background: url(/images/comun/bandera-es.gif) 0 0 no-repeat;}

            header#cabecera aside .fila2{border-top: 1px solid #696969; border-bottom: 1px solid #696969;}
                header#cabecera aside .fila2 ul li, header#cabecera aside .fila2 p{color: #fff; line-height: 20px;}
                    header#cabecera aside .fila2 ul{font-size: 12px; float: left; font-size: 14px; padding-right: 8px; margin-right: 8px; border-right: 1px solid #616161;}
                        header#cabecera aside .fila2 ul li{float: left; display: inline;}
                            header#cabecera aside .fila2 ul li a{display: block; width: 20px; height: 20px; text-indent: -9999px;}
                                header#cabecera aside .fila2 ul li a.fb{background: url(/images/comun/logo-facebook.png) 0 0 no-repeat; margin-left: 5px;}
                                header#cabecera aside .fila2 ul li a.tw{background: url(/images/comun/logo-twitter.png) 0 0 no-repeat; margin-left: 5px;}
                    header#cabecera aside .fila2 p{font-size: 16px; float: right; color: #fff;}
                        header#cabecera aside .fila2 p span{font-size: 20px;}

            header#cabecera aside .fila3{padding-top: 5px;}
                header#cabecera aside .fila3 a{display: block; float: left; margin-top: 2px; line-height: 20px; padding-right: 10px; background: url(/images/comun/ico-carro.png) 0 2px no-repeat; color: #fff; text-indent: 20px; text-transform: uppercase;}
                header#cabecera aside .fila3 p{display: block; float: right; line-height: 20px; color: #ff8e45; font-size: 12px; text-transform: uppercase;}
                    header#cabecera aside .fila3 p span.total{font-size: 16px;}

    header#cabecera nav{position: absolute; bottom: 1px; width: 922px; clear: both;}
        header#cabecera nav ul{background: url('/images/comun/fnd-menu.jpg') bottom repeat-x;}
            header#cabecera nav ul li{float: left; display: inline;}
                header#cabecera nav ul li.last{float: right;}
                header#cabecera nav ul li a{display: block; font-size: 16px; padding: 14px 18px 8px 18px; text-transform: lowercase;}
                header#cabecera nav ul li.on a,
                header#cabecera nav ul li a:hover{opacity: 0.85;padding-top: 14px;padding-bottom: 8px;color: #fff;background: #666666;background: -moz-linear-gradient(top,  #666666 0%, #000000 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#000000));background: -webkit-linear-gradient(top,  #666666 0%,#000000 100%);background: -o-linear-gradient(top,  #666666 0%,#000000 100%);background: -ms-linear-gradient(top,  #666666 0%,#000000 100%);background: linear-gradient(top,  #666666 0%,#000000 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#000000',GradientType=0 );}

/* Contenido */
#contenido {padding-top: 20px;}
    #contenido h2 {font-size: 22px; font-weight: normal; text-transform: uppercase; margin-bottom: 10px; line-height: 24px;}
        #contenido h2 span{color: #ff6600;}

/* Pie */
footer{position: absolute; bottom: 0; width: 100%; background-color: #272727; padding: 35px 0; height: 100px; color: #fff; font-size: 14px;}
    footer .container{width: 922px; margin: 0 auto;}
        footer .container ul{list-style: disc; padding-left: 15px;}
        footer .container a{color: #fff;}
        footer .container section{float: left; margin-left: 10px; width: 175px;}
            footer .container section.redes{position: relative; margin-left: 0;}
                footer .container section.redes a.logo{display: block; margin-bottom: 15px; width: 65px; height: 26px; text-indent: -9999px; background: url(/images/comun/logo-pie.png) 0 0 no-repeat;}
                footer .container section.redes span.anyo{position: absolute; top: -5px; left: 75px; font-size: 13px; color: #f60; font-weight: normal;}
        footer .container h5{color: #ff6600; font-weight: normal; text-transform: uppercase; margin-bottom: 5px; font-size: 14px;}
            footer .container ul.redes{list-style: none; padding-left: 0;}
                footer .container ul.redes li{float: left; display: inline;}
                    footer .container ul.redes li a{display: block; width: 20px; height: 20px; text-indent: -9999px;}
                        footer .container ul.redes li a.fb{background: url(/images/comun/logo-facebook.png) 0 0 no-repeat; margin-right: 10px;}
                        footer .container ul.redes li a.tw{background: url(/images/comun/logo-twitter.png) 0 0 no-repeat;}

/* Botones */
.btn1{text-transform: uppercase; color: #fff !important; border-radius: 5px; border: 1px solid #fff; box-shadow: 2px 2px 3px #999; padding: 3px 8px; background: #ff8331; background: -moz-linear-gradient(top,  #ff8331 0%, #d85600 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8331), color-stop(100%,#d85600)); background: -webkit-linear-gradient(top,  #ff8331 0%,#d85600 100%); background: -o-linear-gradient(top,  #ff8331 0%,#d85600 100%); background: -ms-linear-gradient(top,  #ff8331 0%,#d85600 100%); background: linear-gradient(top,  #ff8331 0%,#d85600 100%);}
    .btn1:hover{box-shadow: -2px -2px 3px #999; background: #d85600; background: #ffb889; background: -moz-linear-gradient(top,  #ffb889 0%, #ff8331 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb889), color-stop(100%,#ff8331)); background: -webkit-linear-gradient(top,  #ffb889 0%,#ff8331 100%); background: -o-linear-gradient(top,  #ffb889 0%,#ff8331 100%); background: -ms-linear-gradient(top,  #ffb889 0%,#ff8331 100%); background: linear-gradient(top,  #ffb889 0%,#ff8331 100%);}

.btn2{text-transform: uppercase; border-radius: 5px; border: 1px solid #fff; box-shadow: 2px 2px 3px #999; color: #fff; padding: 3px 8px; background: #666666; background: -moz-linear-gradient(top,  #666666 0%, #333333 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#333333)); background: -webkit-linear-gradient(top,  #666666 0%,#333333 100%); background: -o-linear-gradient(top,  #666666 0%,#333333 100%); background: -ms-linear-gradient(top,  #666666 0%,#333333 100%); background: linear-gradient(top,  #666666 0%,#333333 100%);}
    .btn2:hover{box-shadow: -2px -2px 3px #999; background: #8c8c8c; background: -moz-linear-gradient(top,  #8c8c8c 0%, #666666 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8c8c8c), color-stop(100%,#666666)); background: -webkit-linear-gradient(top,  #8c8c8c 0%,#666666 100%); background: -o-linear-gradient(top,  #8c8c8c 0%,#666666 100%); background: -ms-linear-gradient(top,  #8c8c8c 0%,#666666 100%); background: linear-gradient(top,  #8c8c8c 0%,#666666 100%);}

.btn3{text-transform: uppercase; border-radius: 5px; border: 1px solid #fff; box-shadow: 2px 2px 3px #999; color: #fff; padding: 3px 8px; background: #cccccc; background: -moz-linear-gradient(top,  #cccccc 0%, #999999 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#999999)); background: -webkit-linear-gradient(top,  #cccccc 0%,#999999 100%); background: -o-linear-gradient(top,  #cccccc 0%,#999999 100%); background: -ms-linear-gradient(top,  #cccccc 0%,#999999 100%); background: linear-gradient(top,  #cccccc 0%,#999999 100%);}
    .btn3:hover{box-shadow: -2px -2px 3px #999; background: #999999; background: -moz-linear-gradient(top,  #999999 0%, #cccccc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#cccccc)); background: -webkit-linear-gradient(top,  #999999 0%,#cccccc 100%); background: -o-linear-gradient(top,  #999999 0%,#cccccc 100%); background: -ms-linear-gradient(top,  #999999 0%,#cccccc 100%); background: linear-gradient(top,  #999999 0%,#cccccc 100%);}

/* Msg Error */
span.error{display: block; color: #ff0000 !important; font-size: 11px;}
.grupoX span.error{display:inline; margin:0 0 0 5px;}
p.error label{display: block !important;}

/* Paginador */

nav.paginador{clear: both; padding: 5px; background-color: #e8e8e8; border: 1px solid #ccc;}
    nav.paginador h5{float: left; color: #333; font-weight: normal; font-size: 13px; line-height: 16px;}
        nav.paginador h5 span{color: #f46100;}
    nav.paginador ul{float: right;}
        nav.paginador ul li{float: left; display: inline; margin: 0 5px; line-height: 16px;}
            nav.paginador ul li.siguiente a, nav.paginador ul li.anterior a{color: #999; display:block; width: 16px; height: 16px; text-indent: -9999px;}
                nav.paginador ul li.siguiente a{background: url(/images/comun/nav-paginacion.png) -16px 0 no-repeat;}
                nav.paginador ul li.anterior a{background: url(/images/comun/nav-paginacion.png) 0 0 no-repeat;}
            nav.paginador ul li a{color: #333; text-decoration: none; font-size: 13px; height: 16px;}
                nav.paginador ul li a:hover, nav.paginador ul li a.on{color: #ff6600; font-weight: bold;}

.paginador-inferior{margin-top: 25px;}

.sin-registros{padding: 5px; background-color: #e8e8e8; border: 1px solid #ccc; text-align: center; color: #f46100; font-size: 14px;}

#contenido aside #boletin{position: relative; margin: 15px 0; height: 159px; padding:5px; background: url(/images/comun/fnd-inscripcion-boletin.jpg) 0 0 no-repeat;}
    #contenido aside #boletin h4{font-size: 22px; color: #333; line-height: 24px; font-weight: normal;}
        #contenido aside #boletin h4 span.linea{display: block;}
            #contenido aside #boletin h4 span.right{text-align: right;}
            #contenido aside #boletin h4 span span{color: #FF7D26;}
    #contenido aside #boletin a{position: absolute; font-weight: bold; bottom: 10px;}

/* Share */
#share{clear: both; margin-top: 15px;}
    #share a{float: left; background: url(/images/comun/spt-share.png) no-repeat; text-decoration: none; color: #333; font-size: 12px; text-indent: -99999px; margin-right: 10px;}
    #share a.share_fb{width: 20px; height: 20px; text-indent: -9999px;}
    #share a.share_tw{width: 20px; height: 20px; background-position: 0 -23px; text-indent: -9999px;}
    #share a.print{width: 25px; height: 25px; background-position: 0 -45px; text-indent: -9999px;}

.alert-message{display: none; z-index: 99; width: 890px; border-radius: 4px 4px 4px 4px; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset; color: #404040; margin-bottom: 18px; padding: 7px 15px; position: fixed;}
    .alert-message .close{font-family: Arial, sans-serif; line-height: 18px; color: #000000; float: right; font-size: 20px; font-weight: bold; opacity: 0.25; text-shadow: 0 1px 0 #FFFFFF;}
    .alert-message p{font-size: 13px; font-weight: normal; line-height: 18px; color: #fff;}
    .alert-message.error{background-color: #c43c35; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35)); background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(top, #ee5f5b, #c43c35); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #c43c35 #c43c35 #882a25; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
    .alert-message.success{background-color: #57a957; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957)); background-image: -moz-linear-gradient(top, #62c462, #57a957); background-image: -ms-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); background-image: linear-gradient(top, #62c462, #57a957); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #57a957 #57a957 #3d773d; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}

.help{display: inline-block; text-indent: -9999px; width: 16px; height: 16px; background: url(/images/comun/help.png) 0 0 no-repeat;}


/*Tip cookies*/
#tipCookies{
    display:none;
    position: fixed;
    bottom: 0; left: 0;
    right: 0;
    z-index: 10000;
    overflow: visible;
    padding: 7px 15px;
    background-color: #339bb9;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
    background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
    background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
    background-image: linear-gradient(top, #5bc0de, #339bb9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color: #339bb9 #339bb9 #22697d;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
#tipCookies .close {float: right; margin-top: -5px; color: #000000; font-size: 20px; font-weight: bold; text-decoration: none; line-height: 13.5px; text-shadow: 0 1px 0 #ffffff; filter: alpha(opacity=25); -khtml-opacity: 0.25; -moz-opacity: 0.25; opacity: 0.25;}
#tipCookies p{ margin: 0 auto; max-width: 983px; width: 983px; width: auto !important; text-align: center; color: #fff;}
#tipCookies a{ color: #fff;}