/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 29-ene-2015, 16:22:16
    Author     : Miguel
*/

/*
 * Globals
 */

/* Links */
a,
a:focus,
a:hover {
  color: #2A61BB;
  font-weight: bold;
  text-decoration: none;
}
a:hover{
    color:#FFCA02;
}

/* Custom default button */
.btn-default,
.btn-default:hover,
.btn-default:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritence from `body` */
  background-color: #fff;
  border: 1px solid #fff;
}


/*
 * Base structure
 */

html,
body {
  height: 100%;
  background-color: #333;
  background: url(../img/bg.jpg) repeat-x;
}
body {
    text-align: left;
    /*text-shadow: 0 1px 3px rgba(0,0,0,.5);*/
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #595959;
}

#content-header{
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    clear: both;
    height: 45px;
    font-size: 10px;
    background:url(../img/bg_loghi.png) center center;
    min-height: 70px;
    position: absolute;
    width:100%;
}
#content-header #loghi{
    float: right;
    padding-right: 22%;
}
/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper {
  display: table;
  width: 100%;
  height: 83%; /* For at least Firefox */
  min-height: 89%;
  -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5);
          box-shadow: inset 0 0 100px rgba(0,0,0,.5);
  
}

.site-wrapper.login {
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%;
  
}

.site-wrapper-inner {
  display: table-cell;
  vertical-align: top;
  text-align: left;
}
.cover-container {
  margin-right: auto;
  margin-left: auto;
  
 border-radius: 14px 14px 14px 14px;
-moz-border-radius: 14px 14px 14px 14px;
-webkit-border-radius: 14px 14px 14px 14px;
border: 0px solid #000000;
}
.cover-container.login{
    background-image: url(../img/fondo.jpg);
  background-size: cover;
  padding:40px 0;
}

#content_menu_main {
    font-family: Arial, Helvetica, sans-serif;
    background-image: url(../img/bg_menu_main_giallo.gif);
    background-repeat: repeat-x;
    background-position: left top;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    clear: both;
}
#menu_main {
    background-image: url(../img/bg_menu_main_giallo.gif);
    background-repeat: repeat-x;
    background-position: left top;
    width: 100%;
    margin: 0;
    border: 0;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    clear: both;
    font-size: 12px;
    background-color: #FFFFFF;
    max-width: 1170px;
}
#hormenu {
    width: 100%;
    float: left;
    margin: 0 0 0 1px;
    padding: 0;
}
#hormenu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#hormenu li {
    margin: 0;
    padding: 0;
    color: black;
    background-position: left top;
    background-repeat: repeat-x;
    text-align: left;
}
#hormenu li a{
    font-weight: normal;
    color:black;
}
#hormenu li:hover a, #hormenu li.active a{
    font-weight: normal;
    color:white;
}
.bloquenoticia{
    background-color: white;
    padding: 10px;
    
}
#header{
    background-color:#E2E2E2;
}

.primerbloque{
    margin-top: 20px;
}

.bloquenoticia img{
    /*max-height: 358px;*/
    /*width: 100%;*/
}
.container.principal{
    background-color: white;
    min-height: 800px;
}
.primerbloque{
    /*margin-top:20px;*/
}
.bloquenoticia h2, .fancybox-wrap h2{
    color: #184392;
    font-size: 20px;
    padding: 0;
    margin: 0;
    font-weight: bold;
    text-transform: uppercase;
}
.bloquenoticia h3{
    color: #184392;
    font-size: 16px;
    padding: 0;
    margin: 0;
    font-weight: normal;
    
}
.bloquenoticia .fechacampana{
    color: #184392;
    font-weight: bold;
}

.bloquenoticia .resultado-ko{
    border: 1px solid red;
    color:red;
    display:none;
    text-align: center;
    font-weight: bold;
    line-height: 20px;
    padding-top: 10px;
}
.bloquenoticia .resultado-ok{
    border: 1px solid green;
    color:green;
    display:none;
    text-align: center;
    font-weight: bold;
    line-height: 20px;
    padding-top: 10px;
}
.bloquenoticia .resultado-warning{
    border: 1px solid #FFCA02;
    color:#FFCA02;
    display:none;
    text-align: center;
    font-weight: bold;
    line-height: 20px;
    padding-top: 10px;
}
.bloquenoticia #inline{
    display: none;
    text-align: justify;
}
.bloquenoticia #inline2{
    display: none;
    text-align: justify;
}
.fancybox-wrap p{
    text-align: justify;
    padding: 0 10px;
}
.fancybox-wrap h2{
    margin-bottom: 30px;
    
}
.sin-padding{
    padding:0px;
}
form label {
    color: white;
}

form label.red{
    color: red;
}

form label a, form label a:focus{
    color: white;
}

footer{
    background:#C7CACF;
}
.li_main {
    background-image: url(../img/bg_menu_main_giallo.gif);
    float: left;
    height: 36px;
    _width: 100px;
    width: 10.5%;
    padding-top:1%!important;
    text-align: center!important;
}
.li_main:hover, .li_main:focus,.li_main.active {
    color: #FFFFFF;
    background-image: url(../img/bg_menu_main_blu.gif);
}
.a_main {
    color: #124467;
    //border-right: 1px solid #E3B82D;
    height: 36px;
    text-align: center;
    text-transform: uppercase;
    
}
.first_main {
    background-image: url(/Img/angolo_sx.png);
    _background-image: url(/Img/angolo_sx.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
}
/* Padding for spacing */
.inner {
  padding: 30px;
}
#inline{
    display:none;
}

/*
 * Header
 */
.masthead-brand {
  margin-top: 10px;
  margin-bottom: 10px;
}

.masthead-nav > li {
  display: inline-block;
}
.masthead-nav > li + li {
  margin-left: 20px;
}
.masthead-nav > li > a {
  padding-right: 0;
  padding-left: 0;
  font-size: 16px;
  font-weight: bold;
  color: #fff; /* IE8 proofing */
  color: rgba(255,255,255,.75);
  border-bottom: 2px solid transparent;
}
.masthead-nav > li > a:hover,
.masthead-nav > li > a:focus {
  background-color: transparent;
  border-bottom-color: #a9a9a9;
  border-bottom-color: rgba(255,255,255,.25);
}
.masthead-nav > .active > a,
.masthead-nav > .active > a:hover,
.masthead-nav > .active > a:focus {
  color: #fff;
  border-bottom-color: #fff;
}

@media (min-width: 768px) {
  .masthead-brand {
    float: left;
  }
  .masthead-nav {
    float: right;
  }
  
}


/*
 * Cover
 */

.cover {
  padding: 0 20px;
}
.cover .btn-lg {
  padding: 10px 20px;
  font-weight: bold;
}


/*
 * Footer
 */

.mastfoot {
  color: #999; /* IE8 proofing */
  color: rgba(255,255,255,.5);
}


/*
 * Affix and center
 */
#formulario form label{
    color:black;
}

#formulario .btn-default,#formulario .btn-default:hover, #formulario .btn-default:focus{
    color: white;
    text-shadow: none;
    background-color: #184392;
    border: 1px solid #184392;
}

#errores{
    display: none;
    background-color: rgba(255, 0, 0, 0.1);
    border: 1px solid rgba(255,0,0,1);
    padding: 15px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    font-size: 12px;
    color:black;
    font-weight: bold;
}

#respuesta{
    display: none;
    background-color: rgba(0, 255, 0, 0.1);
    border: 1px solid rgba(0,255,0,1);
    padding: 15px;
    font-weight: bold;
    margin-left: 20px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    font-size: 12px;
    color:black;
}

.widget {
   
    padding: 10px;
}
.widget h2{
    display: block;
    color: #000000;
    background-color: #FFCA02;
    font-size: 16px;
    line-height: 30px;
    max-height: 30px;
}

.tituloFechaWidget {
    display: block;
    color: #000000;
    background-color: #FFCA02;
    font-size: 13px;
    line-height: 18px;
    max-height: 30px; 
    margin: 0;
    font-weight: bold;
    text-transform: uppercase;
    width: 97.5%;
    margin-left: 5px;
}
.widget .titulowidget{
    background: #FFCA02;
    background-color: #FFCA02;
}
.widget .contenidowidget{
     background-color: #6F7583;
     padding: 10px;
     color: white;
     min-height: 300px;
}

.green {
    color:#47a447;
}

.red {
    color:#d9142b;
}

.yellow {
    color: #FFCA02;
}
.estado {
    padding-left: 20px;
}

.msgfinal {
    margin-top: 15px;
}

.msgfinalDatosTaller {
    margin-top: 15px;
    padding-left: 30px;
}

.titulopagina h1{
    margin: 0;
    padding: 20px 10px 15px 20px;
    overflow: hidden;
    background-color: #C8CBD0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #0E326C;
    text-transform: uppercase;
    font-weight: bold;
}
#breadcrumbs{
    padding: 19px 15px 17px 15px;
    margin: 0;
    float: left;
}
#content_breadcrumbs {
    overflow: hidden;
    margin: 0 0 20px 0;
    padding: 0;
    text-align: left;
    color: #314F8D;
    font-size: 11px;
    background-image: url(../img/bg_bread.jpg);
    background-repeat: repeat-y;
    background-position: left top;
}

.listado .imagenlistado img{
    width:100%;
}
.listado .descripcionlistado h2{
    color: #2A61BB;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-top:0px;
}
.listado .descripcionlistado span.fecha{
    color: rgb(89, 89, 89);
    display: inline;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
.listado .elementolistado{
    border-bottom-color: rgb(153, 153, 153);
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    clear: both;
    color: rgb(89, 89, 89);
    display: block;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    min-height: 115px;
    overflow: hidden;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

.listado .elementolistadocurso {
    /* border-bottom-color: rgb(153, 153, 153); */
    /* border-bottom-style: dotted; */
    border-bottom-width: 1px;
    clear: both;
    color: rgb(89, 89, 89);
    display: block;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    /* min-height: 115px; */
    overflow: hidden;
    /* margin-bottom: 15px; */
    /* padding-bottom: 10px; */
}

.listado .elementolistado .descripcionlistado{
    overflow: hidden;
    max-height: 140px;
}

.fotoCampanya {
    text-align: center;
}

.fotoCampanya img {
    max-height: 120px;
    cursor: pointer;
}

.tituloCampanya {
   font-weight: bold;
   cursor:pointer;
   padding-top: 10px;
   color:#ffffff;
}

.descrCampanya {
    max-height:35px;
    overflow:hidden;
}

.fechanoticia {
    cursor: pointer;
    font-weight: bold;
    color:white;
}

.titulo {
    cursor: pointer;
    font-weight: bold;
    padding-left: 30px;
    color:white;
}
.titulo:hover {
    color:#FFCA02;
}

.fechanoticia:hover {
    color:#FFCA02;
}
.otherCampanya {
  padding: 0px;
}

.otherNoticia {
  padding: 0px;
}

.ampliaInfo {
    margin-top:12px;
    color: #AAD6FD;
}
.ampliaInfo a {
    font-weight: bold;
    color: #AAD6FD;
    text-decoration: none;
    
}
.otherCampanya:hover {
    
    
}

.otherNoticia:hover {
    
    
}

.tituloElementoLista {
    cursor:pointer;
 
}
tituloElementoListaCurso {
    
}

.ficha {
    padding-left: 0px;
}
.imagenFicha {
    text-align: center;
    padding-left: 0px;
}
.imgFicha {
   width: 100%
}

.tituloFicha {
    color: #184392;
    font-size: 16px;
    padding: 0;
    padding-top: 10px;
    margin: 0;
    font-weight: normal;
}

.linkFichero {
   
}

.listaLinks {
    color: #2A61BB;
    cursor: pointer;
    list-style-type: none;
    padding-left:  10px;
}

.listaLinks li {
    
}
.linkFileCurso {
    padding-left:0px;
    padding-top: 10px;
}

#LogOut {
    cursor: pointer;
}

span.linkLi {
    
}
 
.sindatos {
    font-size: 20px;
    padding-top: 115px;
}

.elementocontacto {
    margin-top: 30px;
}

.elementocontacto div {
    font-size: 14px;
}
.titulocontacto {
    font-size: 18px!important;
    font-weight: bold;
}

.imgsorteo {
    width: 100%!important;
}

.linkFileManual {
    list-style-type:disc;
}

.textoElementoListaManual {
    padding-top:5%;
}

.listaCategorias {
    list-style-type: none;
    padding: 0px;
    background-color: #595959;
    padding-bottom: 20px;
    padding-top:    20px;
}



.elementoListaCategoria {
    color: white;
    background-color: rgb(96,109,128);
    padding: 10px 0px 10px 5px;
    cursor: pointer;
    border-bottom: 1px solid white;
    background-image: url(/img/freccia_menu_int.png);
    background-repeat: no-repeat;
    background-position: 170px;
}

.fotoElementoProducto {
    min-height: 240px;
    max-height: 240px;
    max-width: 230px;
    cursor: pointer;
}

.elementoListaProducto {
 
   
}

.categoriaActiva {
    background-color: white;
    color:black;
    font-weight: bold;
}
.refListaProducto {
    padding-left: 8px;
    cursor: pointer;
}

.refListaProducto b {
    cursor: auto;
}

.preuListaProducto {
    padding-left: 8px;
}

.subtituloFicha {
    color:black!important;
    font-weight: bold;
    
}

.volverListado {
    margin-top: 30px;
}

.elementoListaProductoIn {
    text-align: center;
    padding: 0px;
    margin: 10px;
    padding-bottom: 15px;
    /* border: 1px solid black; */
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 1px solid #000000;
}

.fondolistado {
    background-color: white;
    
}

.nombreFichaCatalogo {
    font-weight: bold;
    padding-top: 5px;
}

#paginacion{
    margin-bottom: 10px;
}
#paginacion ul{
    float:right;
    
}

ul.paginacio li{
    display: inline;
    list-style-type: none;
    padding-right: 2px;
}
ul.paginacio li a{
    border:1px solid black;
    padding:5px;
    font-size: 10px;
    background: #fff;
    color:#000;
}
ul.paginacio li a.activo, ul.paginacio li a:hover{
    background: #124467;
    color:#fff;
}

a li.li_main {
    font-weight: normal;
}


a li.li_main:hover, a li.li_main:focus {
    color:#FFF!important;
}

li.active {
    color:#FFF!important;
}

.widgetCampanyaInicio, .widgetNoticiaInicio, .widgetCursoInicio {
    width:245px;
   
    
}

div.titulowidget > h2 {
    font-size: 13px;
}

#datosTaller {
    padding-right: 31px;
}

.titleCampo {
    font-weight: bold;
   
}

.campoDatosTaller {

}

#bloqueDatosTaller {
    margin-top: 40px;
     font-size: 16px;
}

#bannerInicio {
    padding-top: 20px;
    
}

#bannerInicio img {
     max-width: 415px;
   
}
#selMenu {
    display:none;
    
}

@media (min-width: 768px) {
  /* Pull out the header and footer */
  .masthead {
    position: fixed;
    top: 0;
  }
  .mastfoot {
    position: fixed;
    bottom: 0;
  }
  /* Start the vertical centering */
  .site-wrapper-inner {
    vertical-align: middle;
  }
  /* Handle the widths */
  .masthead,
  .mastfoot,
  .cover-container {
    width: 100%; /* Must be percentage or pixels for horizontal alignment */
  }
}


@media (min-width: 992px) {
  .masthead,
  .mastfoot,
  .cover-container {
    width: 700px;
  }
}

@media (max-width: 992px){
    #content-header #loghi{
      padding-right:0px;
  }
  
}

@media (max-width: 768px) {
   #content-header{
      position: relative;
      margin-bottom:0px;
  }
  
   #hormenu {
        display: none;
    }
    
    #selMenu {
        display: block;
    }
    
    #selMenu select {
        width: 100%;
        font-size: 16px;
    }
}