@font-face {    font-family: robotor;    src: url("images/robotoregular.ttf") format("truetype"); }
@font-face {    font-family: robotol;    src: url("images/robotolight.ttf") format("truetype"); }
body{  font-size:10pt; font-family:robotol; }
#pop {
   z-index:99999999999999;
   position:absolute;
   border: 1px solid #333333;
   text-align:center;
   background:#000000;
}
#cerrar {
   float:right;
   margin-right:5px;
   cursor:pointer;
   font:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   font-weight:bold;
   color:#FFFFFF;
   background-color:#666666;
   width:12px;
   position:relative;
   margin-top:-1px;
   text-align:center;
}
.header{background: rgba(0, 0, 0, 0) url("images/top-header.png") repeat scroll 0 0;height: 132px;position: relative;width: 100%;z-index: 9999999;}
.header .logo{float: left;margin-left: 4%;margin-top: 15px;position: absolute;z-index: 2147483647;}
.header .sistema{color: #3f8c14;
    font-size: 11pt;
    font-weight: bold;
    left: 70%;
    margin-top: 20px;
    position: absolute;
    text-transform: uppercase;}
.header .sistema a{font-size: 11pt;font-weight: bold;text-transform: uppercase;color: #3f8c14;  text-decoration: none;}
.header .sistema a:hover{color:#666;}
.header .newsletter{}
.header .menu_header{bottom: -37px;height: 82px;position: absolute;width: 100%;}
.header .menu_header .menu{ background: #fff none repeat scroll 0 0;float: left;height: 82px;width: 84%;}
.header .menu_header .menu ul{float: right;margin-right: 10px;margin-top: 18px;}
.header .menu_header .menu li{display: block;float: left;}
.header .menu_header .menu li a{ color: #333;display: block;font-size: 14pt;height: 24px;padding: 14px 12px;text-decoration: none;}
.header .menu_header .menu li a:hover{background: #595959 none repeat scroll 0 0;color: #fff;}
.header .menu_header .redes{background: rgba(0, 0, 0, 0) url("images/line-head.png") no-repeat scroll 0 0;float: right;height: 82px;padding-right: 1%;width: 15%;}
.header .menu_header .red_act{ float: right;margin-left: 11%;margin-top: 26px;}
.header .menu_header .red_act img{}
.slider{height: 419px;position: relative;width: 100%;margin-top: 26px;}
.slider .showcase {    height: 100%; width: 100% !important; position:relative;}
.showcase-slide,.showcase-content,.showcase-content-wrapper,.showcase-content-container,.showcase-content-wrapper .img {height: 100% !important; width:100% !important; background-size: cover !important;}
.showcase-caption{   position: absolute;    bottom: 0px;    padding: 20px ; background: #3f8d15 none repeat scroll 0 0;}
.showcase-caption  h1{color: #fff;font-size: 18pt;}
.showcase-caption  h2{ color: #333;text-transform: uppercase;font-size: 3vw;}

.showcase-arrow-next{height: 75px;position: absolute;right: 5px;width: 25px;top: 40%;background-image: url("images/arrow.png");background-position: 25px center;z-index:999; cursor:pointer;}
.showcase-arrow-previous{height: 75px;position: absolute;left: 5px;width: 25px;top: 40%;background-image: url("images/arrow.png");background-position: left center; z-index:999; cursor:pointer;}
.contenido{position: relative;width: 100%;}

.contenido .cen .area4{  font-size: 11pt;text-align: justify;}
.contenido .cen .area4 table{}
.contenido .cen .area4 table tr{}
.contenido .cen .area4 table td{text-align: center;}
.contenido .cen .area4 img{background: #666 none repeat scroll 0 0;box-shadow: 1px 2px 8px 7px #ccc;margin-bottom: 12px;padding: 5px;}
.contenido .cen .area4 h1{  border-bottom: 1px solid #666;display: block;font-size: 14pt;margin-bottom: 20px;margin-top: 6px;text-indent: 10px;text-transform: uppercase;width: 100%;}

.contenido .izq{float: left;height: 100%;padding: 1%;width: 20%;}

.contenido .izq .area2{border: 1px solid #666666;margin-top: 40px;padding: 1%;position: relative;}
.contenido .izq .area2 .notas{ text-align: center;}
.contenido .izq .area2 .notas .vertotd{  background: #333333 none repeat scroll 0 0;bottom: -21px;color: #fff; display: block;height: 40px;left: 0;line-height: 40px;margin-left: auto;margin-right: auto;position: absolute;right: 0;text-align: center;text-decoration: none;text-transform: uppercase;width: 140px;}
.contenido .izq .area2 .notas h1{border-bottom: 1px solid #666;display: block;font-size: 14pt;left: 0;position: absolute;text-transform: uppercase;top: -35px;width: 100%;}
.contenido .izq .area2 .notas .noticia{margin: auto;width: 224px;}
.contenido .izq .area2 .notas .noticia .imagi{ height: 161px;margin-bottom: 94px;margin-top: 20px;position: relative;width: 224px;}
.contenido .izq .area2 .notas .noticia .imagi .titnoti{background: #333333 none repeat scroll 0 0;bottom: -59px;color: #fff;display: block;font-size: 12pt;padding: 10px 8px;position: absolute;text-align: center;text-transform: uppercase;}

.contenido .cen{float: left;height: 100%;padding: 1%;width: 54%;}
.contenido .der{float: right;height: 100%;padding: 1%;width: 20%;}
.contenido .der .area5{border: 1px solid #666666;margin-top: 40px;padding: 20px;}

.area3{border: 1px solid #666666;margin-top: 40px;padding: 1%;position: relative;}
.area3 .notas{ text-align: center;}
.area3 .notas .vertotd{  background: #333333 none repeat scroll 0 0;bottom: -21px;color: #fff; display: block;height: 40px;left: 0;line-height: 40px;margin-left: auto;margin-right: auto;position: absolute;right: 0;text-align: center;text-decoration: none;text-transform: uppercase;width: 140px;}
.area3 .notas h1{border-bottom: 1px solid #666;display: block;font-size: 14pt;left: 0;position: absolute;text-transform: uppercase;top: -35px;width: 100%;}
.area3 .notas .noticia{margin: auto;width: 224px;}
.area3 .notas .noticia .imagi{ height: 161px;margin-bottom: 94px;margin-top: 20px;position: relative;width: 224px;}
.area3 .notas .noticia .imagi .titnoti{background: #333333 none repeat scroll 0 0;bottom: -59px;color: #fff;display: block;font-size: 12pt;padding: 10px 8px;position: absolute;text-align: center;text-transform: uppercase;}
.footer{background: #595959 none repeat scroll 0 0;height: 40px;position: relative;width: 100%;margin-top: 20px;}
.footer .priv{left: 20px;position: absolute;top: 11px;}
.footer .priv a{  color: #fff;font-size: 9pt;font-style: italic;text-decoration: none;}
.footer .priv a:hover{ color: #ccc;}
.footer .derechos{padding-top: 11px;width: 50%;color: #fff;display: block;font-size: 9pt;font-style: italic;margin: auto;position: relative;text-align: center;}
.footer .creatto{position: absolute;right: 20px;top: 11px;}
.footer .creatto a{background: rgba(0, 0, 0, 0) url("images/desarrollo_web.png") no-repeat scroll left center;color: #fff;display: block;font-size: 9pt;font-style: italic;text-decoration: none;text-indent: 20px;width: 100px;}
.footer .creatto a:hover{ color: #ccc;}

@media screen and (max-width: 480px) {
	.contenido .izq{min-width:380px;float: none;margin: auto !important;}
	.contenido .cen{min-width:380px;float: none;margin: auto !important;margin-top: 20px;}
	.contenido .der{min-width:380px;float: none;margin: auto !important;}
	.header .logo img{width: 67px;}
	.contenido .cen .area4 table{width: 100%;}
	.header .sistema{ left: auto;right: 0;width: 203px;}
	.header .menu_header .menu{overflow: auto;width: 60%;}
	.header .menu_header .menu ul{float: none;height: 57px;margin-top: 7px;width: 750px;}
	.header .menu_header .menu ul li{    display: inline-block;float: none;}
	.header .menu_header .redes{width: 39%;}
	.footer .derechos{display:none;}
}