﻿ 
/* COMA ALBACETE */

body {
    margin: 0;
    font: normal 80% Roboto, Arial, Helvetica, sans-serif;
    color: #16355d;
}

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
.mensajeazul {
  margin-top: 1em;
  background-color: #012b61;
}

.subr{
	text-decoration:underline;
	
}

a{ color:#012b61; font-weight:bold; text-decoration:none;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;}
  
a img{ border:none; text-decoration:none;}
    a:hover {
        color: #4991ff;
    }

.opVentanilla:hover {
    background: #0a3475;
    color: #FFF !important;
}

em {
    color: #545454;
}

h3{ border-bottom:1px dotted #5473a9; color:#727272; margin:10px 0 18px 0; padding:2px 4px; background:#f9f9f9; float:left; width:100%;}



/*PARA ALINEAR VERTICALMENTE*/
.calcurso:hover > .zonahovercursos {
    display: block;
}
.calcurso:hover > .zonahovereventos {
    display: block;
}

.zonahovereventos {
    display: none;
    position: absolute;
    z-index: 150;
    background-color: #fff;
    padding: 15px;
    border: solid 1px #d0d0d0;
    font-size: 0.8em;
    min-width: 350px !important;
    margin: 0 !important;
    background: #5f9fff;
}
    .zonahovereventos a {
        font-size: 0.7em;
        color: #FFF;
        font-weight: bold;
    }
        .zonahovereventos a:hover {
            text-decoration: underline;
        }
.zonahovercursos {
    display: none;
    position: absolute;
    z-index: 150;
    background-color: #fff;
    padding: 15px;
    border: solid 1px #d0d0d0;
    font-size: 0.8em;
    min-width: 350px !important;
    margin: 0 !important;
    background: #b69105;
}
    .zonahovercursos a {
        font-size: 0.7em;
        color: #FFF;
        font-weight: bold;
    }
        .zonahovercursos a:hover {
            text-decoration: underline;
        }
    /*PARA ALINEAR VERTICALMENTE*/
    .cabmes {
    background-color: #ffd80d;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 2.5em;
    text-align: center; /*PARA ALINEAR VERTICALMENTE*/
    vertical-align: middle;
}
    .cabmes span {
        line-height: 1.5; /*PARA ALINEAR VERTICALMENTE*/
        display: inline-block; /*PARA ALINEAR VERTICALMENTE*/
        vertical-align: middle; /*PARA ALINEAR VERTICALMENTE*/
    }
    .panel {
    margin-top: 3em;
    box-shadow: 4px 4px 4px 2px #888888;
    margin-bottom: 3em;
}
.panelslider {
margin-bottom:4em;
}
/* REDES SOCIALES SUP */
#redes_sup {
    position: relative;
    float: right;
    width: 188px;
    text-align: right;
}

    #redes_sup > li {
     
        width: 30px;
        height: 30px;
        line-height: 30px;
        overflow: hidden;
        padding: 0;
        margin-right: 0.5em;
    }

        #redes_sup > li > a {
            display: block;
            width: 100%;
            height: 100%;
            text-indent: -1000px;
            color: transparent;
            background: url(../../images/sprite.png) -37px 0px;
        }

    #redes_sup > #insta_sup > a {
        background-position: -3px -106px;
      
    }

    #redes_sup > #em_sup > a {
        background-position: -3px -76px;
  
    }

    #redes_sup > #tw_sup > a {
        background-position: -37px -75px;
    }

    #redes_sup > #fb_sup > a {
        background-position: -70px -75px;
    }

    #redes_sup > #yt_sup > a {
        background-position: -102px -75px;
    }

    #redes_sup > li > a:hover {
        opacity: 0.8;
    }


ol{ padding-left:40px;  margin-bottom:10px;}
ol li{ padding:6px 0;  clear:both;}
ol ul{ margin-top:5px;}
ol ul li{ list-style:square; margin-left:15px; padding:2px 0; color:#345785;}


.bannergif{
   text-align:left;

}
.bannergif img{
    margin:4% 0 10% 0;
    width:80%;
}
.parteSup {
    float: left;
    width: 100%;
    padding: 7px 3%;
    color: #fff;
    box-shadow: 0px 4px 4px rgba(0,0,0,0.2);
}
.parteSup li{ float:left; padding:7px;}
.parteSup a{ color:#fff;}
.parteSup a:hover{color:#edcc00;}

.accIntranet{ float:right; margin-top:3px;}
.accIntranet span{ padding:0 3px; font:normal 11px/22px Arial, Helvetica, sans-serif; float:left;}
.llave a{ text-decoration:underline;}
.menuPriv{ padding:0 5px !important; background:#00579e; border-radius:3px; margin:0 5px; box-shadow:2px 2px 2px rgba(0,0,0,.2), inset 1px 1px 1px rgba(35,146,238,.7);}
.llave{ padding:0 4px 0 21px !important; background:url(../../imagesw/llave.png) no-repeat 0 3px; font-weight:bold !important;}
.closeP{ background:url(../../imagesw/close.png) no-repeat 0 3px; padding-left:20px !important;}
.closeP a:hover{ color:#ff9ea2;}


.error{ background: #ebca00 url(../../imagesw/aviso.png) no-repeat 4px -2px; color:#970e08;padding:0 5px 0 32px !important; font-weight:bold !important; display:block; border-radius:4px; border:1px dotted #970e08; margin:-1px 5px 0 0;}

.bloqueSit {
    float: left;
    width: 100%;
    box-shadow: 0px 2px 4px rgba(0,0,0,0.1);
    padding: 0.5% 8%;
    margin-bottom:1px;
}
.bloqCentral {
    background-color: #f6f6f6;
}
.mapSit {
    float: left;
    margin: 5px 0;
}
 
.fondoBusc{ float:right;}
.campoBus {
   
    border: 1px solid #a5a5a5;
    padding: 3px 4px;
    font: normal 12px Arial, Helvetica, sans-serif;
    width: 20em;
    float: left;
    color: #7b8a9e;
    font-weight: bold;
}
.btLupa{ background:url(../../imagesw/btBusq.png) no-repeat; width:27px; height:23px; font-size:0; border:none; cursor:pointer; float:left;}


.parrafo{ float:left; width:100%;}

.container {   margin:0 auto;	width:100%;	position: relative;}

.cabecera{ float:left; width:100%; background:#033b67;}


.imgCab {
  height: 135px;
  margin: 24px auto 0 auto;
  width: 100%;
  overflow: hidden;
  background: #fff url(../../imagesw/imgCab2.png) no-repeat;
  padding: 9px 7.5%;
}

.imgCab img{

}

.banners {
    float: left;
    width: 100%;
    margin-top: 35px;
    margin-bottom: 35px;
}
.banners a{ display:block; float:left; margin:5px 0 0 5px;}

.logo{ float:left; margin:8px 0 0 8px;}


.logo img{ max-width:100%;}

.conjunto{width:100%; padding:15px 0;}
.c22{float:left; padding-right:5px;}



.cargos{ float:left; width:96%; margin:5px 2%;}
.cargos dt, .cargos dd{float:left; width:100%; padding:1px 0; margin-bottom:4px; border-bottom:1px dotted #ddd;}

.cargos dt img{
 max-height:46em;
 margin-bottom:2em;
}
    ul li{ list-style:none;}

.busc {
    float: left;
    width: 100%;
    margin: 7px 0 2px 0;
 
 
    padding: 10px 7px;
    margin-bottom: 5px;
}
.busc label, .busc h3, .busc span, .busc a{ float:left; margin:2px 4px; color:#28507e;}
.busc span, .busc a{ padding-top:1px;}

.btCal{ float:left; width:23px; height:23px; background: #f8fcff url(../../imagesw/calendar.png) no-repeat; border:none; cursor:pointer;}

.bloqueImg{ float:left; width:100%; padding:7px 10px; background:#f6f6f6; border-radius:5px;}

.abc{ float:left; width:100%; padding:5px 0 0 0; margin: 10px 0; border-bottom:1px solid #ccc;}
.abc li{ float:left;  margin-right:3px; font-size:1.1em;}
.abc a{ display:block;padding:7px 10px; background:url(../../imagesw/fondoPes.jpg) no-repeat; border-right:1px solid #9fb4cc; border-radius:5px 5px 0 0;text-shadow: 1px 1px 1px rgba(255,255,255,.80);}
.abc a:hover, .abcSel{ background:#f0bf00 !important; color:#003374; }

.pdf, .med{ float:left; margin:5px 5px 2px 0; background: url(../../imagesw/fondoCal.jpg) repeat-x; border:1px solid #98a3af; box-shadow: inset 1px 2px 4px rgba(150,190,223,1); border-radius:10px;}

.med a{ background:url(../../imagesw/med.png) no-repeat 7px 4px;  padding:9px 9px 9px 35px; display:block;}
.pdf a{ background:url(../../imagesw/pdf.png) no-repeat 4px 4px; padding:3px 9px 4px 44px; display:block;}

.ulpdf{ margin:9px 0;}
.ulpdf li{ padding:3px; list-style: inside;}
.ulpdf img{ margin:0 2px;}

.aviso, .ok, .info{float:left; width: 98%; padding:5px 0 5px 34px; margin: 8px 0 2px 1%; font-weight:bold; display:block; border-radius:4px;border:1px dotted #57616a;}
.aviso{ background: url(../../imagesw/aviso.png) no-repeat 4px 0; color:#ff490a;}
.info{ background:url(../../imagesw/info.png) no-repeat 4px 0; color:#4ca5f8;}
.ok{ background: url(../../imagesw/ok.png) no-repeat 4px 0; color:#72ea11;}


/*----MENU--*/

.menu a#pull {display: none; clear:both; padding:13px 20px !important; color:#f5f9ff; background:#033b67; margin:0 !important; font: bold 15px Arial, sans-serif; border-radius:10px;
background: -moz-linear-gradient(top,  #0069b9 0%, #033b67 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0069b9), color-stop(100%,#033b67)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0069b9 0%,#033b67 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0069b9 0%,#033b67 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0069b9 0%,#033b67 100%); /* IE10+ */
	background: linear-gradient(top,  #0069b9 0%,#033b67 100%); /* W3C */
text-shadow: 1px 1px 1px rgba(0,0,0,.80);
}


.menu{float:left; width:100%; background: #fbfdff url(../../imagesw/fondoMenu.gif) repeat-x; margin:1px 0;}
.ulmenu{ margin:0; padding:0; float:left; width:100%;padding:2px 3% 3px 3%; border-top:1px solid #a2c3e0;}

.ulmenu li{ float:left; margin:2px;background:#0a3475; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px; box-shadow: inset 1px 1px 1px rgba(255,255,255,.8);}

.selec{background:#e6c82c url(../../imagesw/menuAm.gif) repeat-x bottom !important; }
.selec a{background:url(../../imagesw/flechaMenu.gif) no-repeat 10px 13px !important; color:#000 !important;text-shadow: 1px 1px 1px rgba(255,255,255,.80) !important;}

.ulmenu a{color:#fff; padding:0 10px 0 18px; display:block;font: bold 15px/30px Arial, sans-serif; background:url(../../imagesw/flechaMenuB.gif) no-repeat 10px 13px;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0,0,0,.80);}
.ulmenu li:hover{ opacity: .7;}



.submenu{ float:left; width:100%;padding:0 3%;  background:#fff url(../../imagesw/grisSubm.gif) repeat-x;}
.submenu ul{ float:left; width:100%;  border-radius:0 0 8px 8px; padding:6px 0;}

.submenu li{ float:left; padding-left:5px; border-right:1px dotted #85a9e8;}
.submenu a{ color:#fff; font:bold 12px/20px Arial, Helvetica, sans-serif; padding:3px 5px;}
.submenu a:hover{ background:#043574; border-radius:4px;}

.bloqCentral {
    float: left;
    width: 100%;
    padding: 0 7.6%;
}

.bloqDcha{ float:right; width:17%;}

.bloqIzda{ float:left; width:100%; padding-top:10px;}


.bloqueB{ float:left; width:100%; background: #f2f8fb url(../../imagesw/fondoBanner.gif) repeat-x bottom; border-bottom:3px solid #436cb0; margin:20px 0; border-radius:8px; padding-bottom:2px;}
.bloqueB div{ float:left;border-right:1px dotted #436cb0; width:20%; padding:5px 0 8px 0;border-radius:8px;}
.bloqueB div img{ max-width:100%;}
.bloqueB a{ display:block; float:left; width:100%; text-align:center;}
.bloqueB div:hover{ background: #d1dde5 url(../../imagesw/fondoBanner2.gif) repeat-x bottom;}
.bloqueB div:hover a{ color:#fff;}
.bloqueB div:hover h1{ background:#517cc3 !important;}
.bloqueB h1{ font:400 1.1em 'Ubuntu', sans-serif; background:#ddedf6; border-radius:6px; float:left; width:94%; margin:1px 3%; padding:2px 0;}
.bloqueB .botonI{ width:auto !important; padding: 3px 9px !important; margin-left:30%; opacity:.99;}
.bloqueB .botonI:hover{ color:#fff; opacity:.7;}

/*background: #f8fcff url(../../imagesw/fondoCal.jpg) repeat-x bottom;*/
.calendar {
    float: left;
    width: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2) !important;
}

.titCal{ float:left; width:100%; background:#005586 url(../../imagesw/fondoTitCal.jpg) repeat-y;border-radius:7px; margin:2px 0;}
.titCal h1{ float:left; width:100%; background:url(../../imagesw/icoCal.png) no-repeat 4px 2px; color:#fff; padding:4px 0 4px 35px;font: 400 15px/17px 'Ubuntu', sans-serif;}
.titCal a{ color:#fff;}
.peq{ font-size:0.8em !important; color:#666; margin-left:4px; width:auto !important;}

.campo{ border-radius:4px;border:1px solid #8fa3af; box-shadow: inset 1px 1px 4px rgba(150,190,223,1); font:bold 0.9em Arial, Helvetica, sans-serif; padding:1px; color:#666;}


.cal_eventos_left .cal_evento_arrow_borde 
{
    left: 10%;
    margin-left: -10px;
}

.cal div {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.cal_evento_arrow_borde 
{
    position: absolute;
    top: -20px;
    border-style: solid;
    border-width: 10px;
    border-color: transparent transparent #d0d0d0 transparent;
}
.cal_evento_arrow {
    position: absolute;
    top: -5px;
    border-style: solid;
    border-width: 22px;
    border-color: #fff transparent transparent transparent;
}
.cal_eventos_left .cal_evento_arrow {
    left: 10%;
    margin-left: -9px;
}
.mes {
    float: left;
    width: 100%;
    box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
}


 
    .mes span {
        font-weight: bold;
        float: left;
        text-align: center;
        width: 80%;
        font-size: 13px;
        color: #000;
        display: contents;
        font-size: 1.1rem;
        text-align:left;
    }
.ant {
    background: #55b6ee;
    font-size: 1.1em;
    display: block;
    float: left;
    color: #FFF;
    padding-left: 4px;
    padding-right: 4px;
}
    .ant:hover {
        background: #FFF;
        color: #000;
    }
.sig
{
    background: #55b6ee;
    font-size: 1.1em;
    display: block;
    float: right;
    color: #FFF;
    padding-left: 4px;
    padding-right: 4px;
}
    .sig:hover {
        background: #FFF;
        color: #000;
    }
.semana{ float:left; width:100%; background:#abb9c1; color:#fff; margin:3px 0; border-radius:3px;}
 .dias div {
        width: 14.2%;
        float: left;
        text-align: center;
        font-size: 1.5rem;
        overflow: hidden;
        border-radius: 4px;
    }
    .semana div {
        width: 14.2%;
        float: left;
        text-align: center;
        font-size: 1.5rem; 
        overflow: hidden;
        border-radius: 4px;
    }

.dias{ float:left; width:100%;margin:3px 0;}
.dias a{ display:block;  }

.dias a:hover{   }

.dias div {
  
}

.bDcha{ float:left; width:100%; margin:10px 0;}
.bD{float:left; width:100%; padding:5px 5%; background:url(../../imagesw/fondoEv.gif) repeat-x bottom; font-size:0.88em;}
.titE{ display:block; color:#721f7f; margin-bottom:4px;}
.verE{ background:#f9f1bd; padding:0 3px; font-weight:normal !important;}
.titEventos, .titEmpleo{ float:left; width:100%; background:#f9f1bd; height:22px; border-radius:5px;margin-top:8px;}
.titEventos h1{ background:url(../../imagesw/icoEv.png) no-repeat 95% 50%; color:#00427a; font-size:14px; padding:8px 6px; position:relative; top:-5px;}

.titEmpleo h1{ background:url(../../imagesw/icoJobs.png) no-repeat 95% 50%; color:#00427a; font-size:14px; padding:8px 6px; position:relative; top:-5px;}

.botonC{padding: 1px 4px; border:none;border-radius:5px; color:#fff;background: #016bc3 url(../../imagesw/fondoBt.gif) repeat-x bottom;cursor:pointer; font:normal 0.9em Arial, Helvetica, sans-serif;box-shadow: 1px 1px 1px rgba(0,0,0,.2), inset 1px 1px 1px rgba(255,255,255,.44);}


.title{   float:left; width:100%; margin:5px 0; border-radius:12px;}
    .title h1.act {
        background: #FFF url(../../imagesw/icoAct.png) no-repeat;
        font: bold 23px/17px sans-serif;
        color: #003666;
        margin: 0;
        padding: 14px 0 14px 70px;
        text-shadow: 1px 1px 1px rgba(255,255,255,.60);
    }
    .title h1.gen {
        background: #FFF url(../../imagesw/icoComa.png) no-repeat 7px 10px;
        font: bold 23px/17px sans-serif;
        color: #003666;
        margin: 0;
        padding: 28px 0 27px 65px;
        text-shadow: 1px 1px 1px rgba(255,255,255,.60);
    }

.direc{ float:left; font-size:1.1em; width:100%;}
.direc li{ margin-bottom:7px;float:left; text-align:center; width:100%;}
.direc strong{ font-size:1.2em;}
.direc a{ background:#f1f7ff; border-radius:5px; padding:0 4px;}

.title h2 {
    padding: 10px;
    color: #3a3a3a;
    font-size: 1.8rem;
    border-left: solid 15px #ffd80d;
    margin-left: -1em;
    margin-bottom: 0.8rem;
    font-family: 'Playfair Display';
}

 

.listaGen{ float:left; width:100%; margin:15px 0;}
    .listaGen li {
        float: left;
        width: 100%;
        padding: 0 0 0.5em 0;
        
    }

.listaGen2{ float:left; width:100%; margin:10px 0; padding-left:15px;}
.listaGen2 li{ float:left; width:100%; padding:0 0 3px 18px; background: url(../../imagesw/punto.gif) no-repeat 4px  4px;}

.listaGen2 ul{ float:left; width:100%; margin:10px 0;}
.listaGen2 ul li{list-style:inside; background:none;}

img{ max-width:100%;}

.both{ clear:both;}

.bloqueTex{ float:left; width:100%; margin:7px 0;}
.bloqueTex h2{ font-size:1.5em; color:#275094; margin:3px 0;}
.bloqueTex p{ text-align:justify; margin:15px 0; padding:0 10px; font-size: 1.2em;}

.bloqueTex li{
	margin-left:2em;
	list-style: disc;
}

.fecha{color:#3a3a3a; font-size:0.9em;}

.tipo{ background:#ebf9ff; color:#1a73af; padding:0 3px;}

.rev{ float:left; width:18%; margin:7px 1%;text-align:center !important; height:384px;}
.rev img{ border:5px solid #e8f6fe; border-radius:10px;}
.rev a:hover{ opacity:.6;}
.rev span{ background:#eff1f9; display:block; border-radius:5px;}
.rev strong{
    width:100%;
}

    .eventR{ float:left; width:100%; background:#fff url(../../imagesw/fondoEv.gif) repeat-x bottom; border:1px solid #aeaed5; border-radius:10px; margin-bottom:5px; padding:8px; text-align:center;}
.eventR p{ padding:5px; background:#f7fbff; border-radius:4px; margin-bottom:2px;}
.issuu{width:70%; height:430px; margin:0 auto;}

.event1{ float:left; width:100%; border:1px solid #bfbfbf; border-radius:10px; margin-bottom:5px;}
.event2{ float:left; width:100%; background:#fff url(../../imagesw/fondoEv.gif) repeat-x bottom; border:1px solid #aeaed5; border-radius:10px; margin-bottom:5px;}
.titEv{ display:block; float:left; width:87%; padding:4px;}
.titEv .pdf{ font-size:0.9em !important; margin-top:2px !important;}
.fechaEv{ float:left; background:#e6eff9 url(../../imagesw/fondoFecha.gif) repeat-x bottom; text-align:center; width:12%; margin:3px; padding:11px 0; border-radius:5px; font-size:0.9em; overflow:hidden; min-height:75px;}
.fechaEv span{ font-size:24px; font-weight:bold; display:block; color:#571570;}

.fotoA{ float:left; width:13%; padding:3px; border-radius:5px; font-size:0.9em; overflow:hidden;}
.event1 h4, .event2 h4{ font-size:1.1em; border-bottom:1px dotted #ddd; margin:4px 0;}

h4{ font-size:1.1em; border-bottom:1px dotted #3e6697; margin:4px 0; float:left; width:100%; padding:4px 10px;}
.rojo{ color:#b60022; text-decoration:underline;}

.titEv .tipo, .titEv a{ display:block !important; font-weight:bold;}

.campoForm{float:left; width:100%;}
.bloqueForm{ float:left; width:50% !important; padding:10px;}

.camp{padding:5px 0; float:left; width:70%;}
.etiqueta{ float:left; padding:5px 2% 0 0; width:30%; }

.campoF{ background:#fff url(../../imagesw/fondoInput.gif) repeat-x; border:1px solid #a5a5a5; padding:3px 4px;font:normal 12px Arial, Helvetica, sans-serif; border-radius:4px; width:90%; margin-right:2%;  float:left; color:#7b8a9e; font-weight:bold;}

.campoB{ background:#fff url(../../imagesw/fondoInput.gif) repeat-x; border:1px solid #a5a5a5; padding:3px 4px;font:normal 12px Arial, Helvetica, sans-serif; border-radius:4px; width:100%;  float:left; color:#7b8a9e; font-weight:bold;}


.botonGen{padding: 5px 12px; border:none; 
color:#fff;background: #016bc3  ;cursor:pointer; font:bold 1em Arial, Helvetica, sans-serif;;
	box-shadow: 2px 2px 2px rgba(0,0,0,.3), inset 1px 1px 1px rgba(255,255,255,.8);

cursor:pointer; font:bold 1.2em Arial, Helvetica, sans-serif; margin:0 2px;}


.botonI {
    padding: 6px 13px;
    border: none;
    border-radius: 6px;
    color: #fff;
    background: #016bc3;
    cursor: pointer;
    font: bold 1em Arial, Helvetica, sans-serif;
    margin: 0 2px;
}
    .aviso, .ok, .info{float:left; width: 100%; padding:5px 0 5px 34px; margin: 15px 0 0 0; font-weight:bold; display:block; border-radius:4px;}
.aviso{ background: url(../../imagesw/aviso.png) no-repeat 4px 0; color:#b8534e;border:2px dotted #db918d;}
.info{ background: url(../../imagesw/info.png) no-repeat 4px 0; color:#4ca5f8;border:2px dotted #679ad3;}
.ok{ background: url(../../imagesw/ok.png) no-repeat 4px 0; color:#4c9306; border:2px dotted #91c162;}

.opVentanilla {
    background: #0e66ee;
    color: #FFF;
}
.opVentanilla a{
   
    color: #FFF !important;
}
.not1, .not2{ float:left; width:23%; }
.not1 {
    background: #FFF;
    box-shadow: 0px 4px 4px rgba(0,0,0,0.1);
}
.not2 {
}   
.not1 a, .not2 a{ font-size:1.1em;}
.not1 span, .not2 span, .bDcha span{color:#000; font-size:0.9em; display:block;}










.todas{ float:left; width:100%; background:#eee url(../../imagesw/flechaMenu.gif) no-repeat 20px 9px; padding:4px 4px 6px 32px; font-size:0.9em; display:block;}


.col1, .col2{ float:left; width:100%; background:url(../../imagesw/est.png) no-repeat 7px 4px; padding:7px 0 5px 30px; border-bottom:1px dotted #918fce; margin-top:4px;}
.col2{background:#f1faff url(../../imagesw/est.png) no-repeat 7px 4px !important;}
.col1 span, .col2 span{ float:left; color:#767676; font-size:0.9em; padding:1px 4px 0 0;}
.col1 a, .col2 a{float:left;}


.pie {
    float: left;
    width: 100%;
    padding: 7px 0;
    background: #154a79;
    padding:0 7%;
    color: #fff;
}
.logoP{ float:left; margin:20px 20px 0 20px;}

.pie1 .sp{color:#ffd562; font-size:12px;}
.pie1{ float:left; margin:15px 0 10px 0; width:22%;}
.g{ color:#f9b61a; font-size:15px;}
.pie2{ float:left;margin:5px 0 5px 2%; width:13%;}
.pie2 li{ float:left; width:100%; padding:1px 0 1px 9px; background:url(../../imagesw/flechaMenuB.gif) no-repeat 0 6px;}


.pie ul a{ font-weight:normal !important; color:#fff; font-size:0.9em;}


.dchaTexto{ margin-left:420px;}



.img{ float:left; padding:10px 20px 5px 0;}
.img2{ float:left; padding:3px 10px 2px 0;}
.img2 img{ max-width:100%;  border-radius:5px;}

.imgInstal{ float:left; padding:15px 20px 10px 3px; width:33%;}
.imgInstal a:hover{ opacity:.7;}
.imgInstal span{ text-align:center; display:block;}
.imgInstal img{ max-width:100%;  border-radius:5px;}

/*--PESTAÑAS FICHA--*/


#tabs{overflow: hidden;
  width: 100%; 
  margin: 0;
  padding: 0;
}

#tabs li{ float: left; list-style: none; margin: 0 .5em 0 0;}

#tabs a{
  position: relative;
  background: url(../../imagesw/fondoPF.gif) repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#474647), to(#131313));
  background-image: -webkit-linear-gradient(top, #474647, #131313);
  background-image: -moz-linear-gradient(top, #474647, #131313);
  background-image: -ms-linear-gradient(top, #474647, #131313);
  background-image: -o-linear-gradient(top, #474647, #131313);
  background-image: linear-gradient(to bottom, #474647, #131313);  
  padding: .7em 1em; border:1px solid #464646; border-bottom:none !important; border-right:none !important;
  float: left;
  text-decoration: none;
 font-size:13px;
  text-shadow: 0 1px 0 rgba(0,0,0,.8);
  -webkit-border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  border-radius: 5px 0 0 0;
  -moz-box-shadow: 0 2px 2px rgba(0,0,0,.4);
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.4);
  box-shadow: 0 2px 2px rgba(0,0,0,.4);
}

#tabs a:hover,
#tabs a:hover::after,
#tabs a:focus,
#tabs a:focus::after{
  background: #131313;
}

#tabs a:focus{
  outline: 0;
}

#tabs a::after{
  content:'';
  position:absolute;
  z-index: 1;
  top: 0;
  right: -1.2em;   border-right:1px solid #5c5c5c;
  bottom: 0;
  width: 1.8em;
  background: #474647;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#474647), to(#131313));
  background-image: -webkit-linear-gradient(top, #474647, #131313);
  background-image: -moz-linear-gradient(top, #474647, #131313);
  background-image: -ms-linear-gradient(top, #474647, #131313);
  background-image: -o-linear-gradient(top, #474647, #131313);
  background-image: linear-gradient(to bottom, #474647, #131313);  
  -moz-box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  -webkit-transform: skew(20deg);
  -moz-transform: skew(20deg);
  -ms-transform: skew(20deg);
  -o-transform: skew(20deg);
  transform: skew(20deg);
  -webkit-border-radius: 0 10px 0 0;
  -moz-border-radius: 0 10px 0 0;
  border-radius: 0 10px 0 0;  
}

#tabs #current a,
#tabs #current a::after{
  background: #3a3a3a;
  z-index: 3;
}

#content span{ width:200px; float:left; color:#dbdbdb;}


#content{padding: 2em;
	border: 1px solid #36474e; border-top:1px solid #323232 !important;
	position: relative;
	z-index: 2;	
    -moz-border-radius: 0 5px 5px 5px;
    -webkit-border-radius: 0 5px 5px 5px;
    border-radius: 0 5px 5px 5px;
    -moz-box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
    box-shadow: 0 -2px 10px -2px rgba(0, 0, 0, .8);
}



@media screen and (max-width:970px) {
.bloqDcha{ float:right; width:23%;}
.bloqIzda{ float:left; width:100%;}

}



@media screen and (max-width: 900px){

.accIntranet{ float:left; margin-top:3px;margin-bottom:3px;}

.titEv{width:100%;}
.fechaEv{ width:100%;  margin:0 !important; min-height:50px !important; padding:0 !important;}
.fotoA{ width:100%; min-height:50px !important; padding:0 !important;}
}

@media screen and (max-width: 680px) {
.parteSup li{ padding:4px 7px;}
.pie1{ width:80% !important;}
.pie2{ width:17% !important; margin-left:5% !important;}
.llave{ width:100%;}

.bloqDcha{ float:right; width:28%;}
.bloqIzda{ float:left; width:100%;}
.bloqueB a{ font-size:0.8em;}
.bloqueB .botonI{ margin-left:10%;}
.bloqueB h1{ height:2em; margin-bottom:5px;}
}



@media screen and (max-width: 600px) {

.menu ul, .submenu{width:98%;padding:0 !important; margin:0 1% !important;}
.menu li, .submenu li{ width:100%; margin:0;}

.menu ul {display: none;height: auto; margin-top:2px;}
.menu a#pull {
		display: block; 
		position: relative;}
		
.menu a#pull:after {
		content:""; background: url(../../imagesw/nav-icon.png) no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 11px;
		top:11px;}

}




@media screen and (max-width: 520px) {

#tabs a{ padding:10px 5px 10px 20px; font-size:13px; width:100%;}

.logoP, .pie1{ width:100% !important; text-align:center; margin:0 !important;}

.pie2{ margin-left:9% !important; width:23% !important;}

.logo{ width:100%;}

.bloqDcha{ display:none;}
.bloqIzda{width:100%;}

}




@media screen and (max-width: 480px) {

.accIntranet span{ width:100%;}

.rev{ width:48% !important; }

.bloqueB .botonI{ display:none;}
.img{ width:100%; padding-right:0 !important;}
.img img{ max-width:100%;}

.bloqueForm{width:100% !important;}

}

@media screen and (max-width: 480px) {
.logo{ width:100%; margin-left:0;}
}
