/*------------------------------------------------------------------------
# JF_VIHREA!! - JOOMFREAK.COM JOOMLA 2.5 TEMPLATE
# March 2013
# ------------------------------------------------------------------------
# COPYRIGHT: (C) 2013 JOOMFREAK.COM / KREATIF MULTIMEDIA GMBH
# LICENSE: Creative Commons Attribution
# AUTHOR: JOOMFREAK.COM
# WEBSITE: http://www.joomfreak.com - http://www.kreatif-multimedia.com
# EMAIL: info@joomfreak.com
-------------------------------------------------------------------------*/
* {
  margin: 0;
  padding: 0;
}

body, html {
  height: 100%;
  width:100%;

}

body
{
    background:#fff;
    font-family: 'Open Sans Condensed', sans-serif;   /*'Open Sans', sans-serif;*/
      font-weight: bold;
    font-size: 14px;
    padding: 0px;
    /* text-align:center; */

}

body.contentpane {
    width:500px;
    margin:10px;
    text-align: left;
}

iframe{ width:100%; }

img {
    border: 0 none;
    height: auto;
/*  width:100%;*/
    max-width: 100%;
    vertical-align: middle;
}

ul {
  list-style: none;
}

a {
/*  color:#fff;   #5c686d; */
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

#responsivo{display:none;}
#mapar{display:block;}


div.cmp_buttons_container{

right:0px;
background-color:#fff;
width: 117px;
height: 300px;
margin: 0px;
 padding: 25px 15px 10px 15px;
 float: left;
 position: absolute;
  top: 350px;
 border: 1px solid #d5d5d5;
display:block;

}


.item-pageainte div.cmp_buttons_container{display:none;}

fieldset {
  border: none;
  margin-bottom: 10px;
}

input, textarea {
  border: 1px solid #dadada;
  padding: 4px;
}

button, .button {
  background: #09181C;
  border: none;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  font-family: amaranthregular;
  font-size: 14px;
  padding: 5px 8px;
}

.componentheading, .contentheading {
  font-family: amaranthregular;
    font-size: 14pt;
    font-weight: bold;
    line-height: 110%;
    margin: 0 0 0 0px;
    padding: 10 0 17px;
}

h3, h3 a{

    font-weight: bold;
    font-style: italic;
    font-size: 18px;
    line-height: 24px;
  color: #911627;
  padding-top: 10px;

}
h3#naranja{
font-weight: bold;
    font-style: italic;
    font-size: 17px;
    line-height: 20px;
  color: #f16223;   /*DF5505;*/
  padding-top: 0px;
 /* text-transform:uppercase;*/

}
h3#negra{
font-weight: bold;
    font-style: italic;
    font-size: 17px;
    line-height: 20px;
  color: #000;
  padding-top: 0px;

}

h4, h4 a{

    font-weight: bold;
    font-style: italic;
    font-size: 16px;
    line-height: 24px;
  color: #911627;
  padding-top: 10px;

}



h2 {
  font-weight: bold;
  font-style: italic;
  font-size: 23px;
  color: #911627;
}

h5 {
  color: #33aaff;
  font-family: arial, helvetica, sans-serif;
  font-size: medium;
  font-weight: bold;
  text-transform: uppercase;
}


p{ font-weight: normal;
   font-size: 16px;
   line-height:24px;  
      /* text-align: justify; */
  }

  p strong{

    font-family: 'Open Sans';
    font-weight: bold;
    font-style: italic;
    font-size: 17px;
    line-height: 23px;

  }

#system-message, .reset {
  margin: 10px;
}

.pull-right {
  float: right;
}

.clear:after {
  clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.clear:before, .clear:after {
    content: "";
    display: table;
}

#wrapper {
  overflow: hidden;
  position: relative;
  min-height: 100%;
 /* margin-left: 10%;  margin-right: 10%;  padding-left: 5%; */

}

.wrap {
  clear: both;
  width: 100%;
  margin:0 auto 0 auto; /* width:900px; */
 /* padding-bottom:20px;*/
}

/* HEADER */
#header .main {

  background-color: #fff;
  /* padding: 20px; */
  padding-bottom:0px;
  padding-right:0px;


}

#header h1#logo {
  float: left;
}

#header h1#logo a {
  color: #000;
  display: block;
  font-family: amaranthbold;
  font-size: 60px2
  line-height: 44px;
  text-transform: uppercase;
}



#header h1#logo a img{/* max-width: 100%; */
  height:82px;
  padding-top:30px;

}

#socialGab{float:right;width:570px; top:40px; position: absolute; right: 10px;}

#social-button {
  float: right;
  padding-right: 20px;
    position: absolute;
    top: 15px;
    right: 0px;

}

#social-button ul li {
  float: left;
  margin-left: 5px;
}

#social-button ul li a {
  display: block;
  height: 33px; /* era 37x30 */
  width: 33px;
}

#social-button ul li a.button-facebook {
  background: url(../images/face7.png) no-repeat;
background-size:40px 40px;
  padding:3px;

}

#social-button ul li a.button-twitter {
  background: url(../images/twtt7.png) no-repeat;
  background-size:40px 40px;
  padding:3px;
}

#social-button ul li a.button-google {
  background: url(../images/google.png) no-repeat;
background-size:35px 35px;
  padding:3px;

}

#social-button ul li a.button-youtube {
  background: url(../images/you7.png) no-repeat;
  background-size:40px 40px;
  padding:3px;
}



#social-button ul li a.button-rss {
  background: url(../images/fot7.png) no-repeat;
background-size:40px 40px;
  padding:3px;
}

/* BOTTOM  */

#social-button2 ul li {
  float: left;
  margin-left: 5px;
}

#social-button2 ul li a {
  display: block;
  height: 37px;
  width: 30px;
}

#social-button2 ul li a.button-facebook {
  background: url(../images/face2.png) no-repeat;
background-size:32px 32px;
  padding:3px;

}

#social-button2 ul li a.button-twitter {
  background: url(../images/twtt2.png) no-repeat;
    background-size:32px 32px;
  padding:3px;
}

#social-button2 ul li a.button-google {
  background: url(../images/google.png) no-repeat;
background-size:35px 35px;
  padding:3px;

}

#social-button2 ul li a.button-youtube {
  background: url(../images/you2.png) no-repeat;
    background-size:32px 32px;
  padding:3px;
}



#social-button2 ul li a.button-rss {
  background: url(../images/fot2.png) no-repeat;
      background-size:32px 32px;
  padding:3px;
}










/* MAINMENU */
#mainmenu .main {
 /* background-color: #ececec;
  border-top: 10px solid #fff;
  border-bottom: 7px solid #fff; */
  /* padding: 15px 20px; */

    position: absolute;
    top: 152px;
/* float: left;*/
right: 10px;
width: 100%;
z-index: 99999;

}

#mainmenu ul.menu {
  float: right;
  /* margin-left: 250px;
  padding-bottom: 36px;
  padding-top: 10px;
  padding-left: 7px;
  padding-right: 7px;*/

  }
#mainmenu ul.menu li{
float:left;
padding:10px;
}


/*
/* #mainmenu ul.menu li.item-544, li.item-545, li.item-546, li.item-549, li.item-550, li.item-551, li.item-553, li.item-554 , li.item-555 {
 float: left;
/* w\idth: 324px;
 width:243px;
margin-right:40px;
}  */

#mainmenu ul.menu li.item-547, li.item-548, li.item-552, li.item-555
{
  position:absolute;
  float: left;
  left:3%;
padding-top: 10px;
}
#mainmenu ul.menu li.item-548{bottom:145px;}
#mainmenu ul.menu li.item-552{bottom:100px;}

#mainmenu ul.menu li.item-545, li.item-549, li.item-553, li.item-546
{
  position:absolute;
  float: left;
  left:40%;
  padding-top: 10px;
}
#mainmenu ul.menu li.item-549{bottom:145px;}
#mainmenu ul.menu li.item-553{bottom:100px;}
#mainmenu ul.menu li.item-551{bottom:60px;}

#mainmenu ul.menu li.item-544, li.item-550, li.item-554, li.item-551
{
  position:absolute;
  float: left;
  left:75%;
  padding-top: 10px;
}
#mainmenu ul.menu li.item-550{bottom:145px;}
#mainmenu ul.menu li.item-554{bottom:100px;}
#mainmenu ul.menu li.item-546{bottom:60px;}




#mainmenu ul.menu li.item-555{bottom:60px;}



#mainmenu ul.menu li.item-543{
  position:absolute;
   float: left;
left:72%;
}




#mainmenu ul.menu li.item-539 {
  position:absolute;
   float: left;
left:1%;
}
#mainmenu ul.menu li.item-540{
  position:absolute;
   float: left;
left:17%;
}
#mainmenu ul.menu li.item-541 {
  position:absolute;
   float: left;
left:52%;
}
#mainmenu ul.menu li.item-542{
  position:absolute;
   float: left;
left:61%;
}

#mainmenu ul.menu li.item-562{
  position:absolute;
   float: left;
left:72%;
display:none;
}

#mainmenu ul.menu li.item-565{
  position:absolute;
   float: left;
right:1%;
}




#mainmenu ul.menu li a {
/* color: #ca5735; */
color:#000;
    font-family: arial;
    font-size: 9pt;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 1px 0 0;
    border-bottom: solid 1px #777;
      width: 70%;

}

#mainmenu ul.menu li a:hover{
  text-decoration: none;
   color: #1A3C5D;
}
#mainmenu ul.menu li.active a{
 /* font-weight:bold;
   color: #000;*/

color: #ca5735;
  }








#mainmenu li ul {
  width: 16.4em;
  position: absolute; /* second-level lists */
  z-index: 99;
  left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ comentado este queda abierto en servicios
  height: auto;
  w\idth: 15.9em;
}

#mainmenu li ul ul {
  margin: -2em 0 0 14em; /* third-and-above-level lists */
}

#mainmenu li li {
  padding: 0 1em 0 0;
  margin: 0;
  width: 14.9em;
}

#mainmenu ul a {
  width: 14.8em;
  w\idth: 10.8em;
}

#mainmenu li:hover ul ul, #mainmenu li:hover ul ul ul,
#mainmenu li.sfhover ul ul, #mainmenu li.havechildsfhover ul ul, #mainmenu li.havechild-activesfhover ul ul, #mainmenu li.activesfhover ul ul,
#mainmenu li.sfhover ul ul ul, #mainmenu li.havechildsfhover ul ul ul, #mainmenu li.havechild-activesfhover ul ul ul, #mainmenu li.activesfhover ul ul ul {
  /*  left: -999em; */
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
#mainmenu li:hover ul, #mainmenu li li:hover ul, #mainmenu li li li:hover ul,
#mainmenu li.sfhover ul, #mainmenu li.havechildsfhover ul, #mainmenu li.havechild-activesfhover ul, #mainmenu li.activesfhover ul,
#mainmenu li li.sfhover ul, #mainmenu li li.havesubchildsfhover ul, #mainmenu li li.havesubchild-activesfhover ul, #mainmenu li li.activesfhover ul,
#mainmenu li li li.sfhover ul, #mainmenu li li li.havesubchildsfhover ul, #mainmenu li li li.havesubchild-activesfhover ul, #mainmenu li li li.activesfhover ul {
  left: auto;
}


*/

/* STYLING THE MENU
-----------------------------------*/
/* 1st level */
#mainmenu li a {
  /*margin: 0;
  padding: 8px 15px;
  /* border-left: 1px solid #666;
  border-right: 1px solid #333; */
  /* display: block; */
  /* color: #ccc;
  font-weight: bold;
  line-height: normal;
  text-decoration: none; */
}

#mainmenu li a:hover,
#mainmenu li a:active,
#mainmenu li a:focus,
#mainmenu li a.sfhover {
  color: #fff;
}

#mainmenu li:hover,
#mainmenu li.sfhover,
#mainmenu li.havechildsfhover,
#mainmenu li.havechild-activesfhover {
  /* background: url(../../images/grad1-mask.png) repeat-x top #666; */
  color: #fff;
}

#mainmenu li a.active,
#mainmenu li a.active:hover,
#mainmenu li a.active:active,
#mainmenu li a.active:focus {
  /* background: url(../../images/grad1-mask.png) repeat-x top #006699; */
  color: #fff;
}

/* 2nd level and above */


#mainmenu li ul {
  border: 1px solid #666;
  border-top: 0;
  background: #375874;
}

#mainmenu li ul ul {
  border-top: 1px solid #666;
}

#mainmenu li ul li {
  border-top: 1px solid #444;
  background: none;
}

#mainmenu li ul a {
  border-right: 0;
  border-left: 0;
  margin: 0;
  padding: 7px 15px;
  background: none;
  color: #ca5735;
  font-weight: normal;
  line-height: normal;
}
#mainmenu li ul a:hover,
#mainmenu li ul a:active,
#mainmenu li ul a:focus,
#mainmenu ul li:hover,
#mainmenu ul li.sfhover,
#mainmenu ul li.havesubchildsfhover,
#mainmenu ul li.havesubchild-activesfhover,
#mainmenu ul ul li:hover,
#mainmenu ul ul li.sfhover,
#mainmenu ul ul li.havesubchildsfhover,
#mainmenu ul ul li.havesubchild-activesfhover {
  /* background: #444;  */
  color: #fff;
}

#mainmenu ul li a.active,
#mainmenu ul li a.active:hover,
#mainmenu ul li a.active:active,
#mainmenu ul li a.active:focus {
  background: none !important;
  color: #fff;
   font-weight: bold;
}










ul#menubottom.menu li {
  border-bottom: dashed  1px;
  }
ul#menubottom.menu li a:hover{
  text-decoration: none;
  color: #1A3C5D;
}

ul#menubottom.menu li.active a{
  text-decoration: none;
  font-weight:bold;
  color: #000;
}

#menubottom ul.menu li a:hover, {
  color: #fff;
  font-family: arial;
  font-size: 18px;


  }

#fontsize {
display:none;
  float: right;
  color: #000;
  /* font-family: amaranthregular;*/
  font-size: 18px;
position:absolute;
top:0px;
}

#fontsize a {
  color: #eee;
}

#fontsize a:hover {
  text-decoration: none;
}

#fontsize .increase-size {
  background: url(../images/plus.png) no-repeat center center;
  display: inline-block;
  height: 14px;
  width: 14px;
}

#fontsize .decrease-size {
  background: url(../images/minus.png) no-repeat center center;
  display: inline-block;
  height: 14px;
  width: 14px;
}

#navbutton {
   display: none;
}

#navbutton a {
  background: #f5f5f5 url(../images/menu23.png) no-repeat right center;
  /* border: 1px solid #bbb; */
  background-size: 101px 37px;
  cursor: pointer;
  display: block;
  padding: 6px 10px;
  color: #5c686d;
  font-family: amaranthregular;
  font-size: 18px;
  /* probando */
  background-color: transparent;
top: -75px;
right: 20px;
position: absolute;
width: 100px;
}

/* CONTAINER */
#container .main {
 /* padding-top: 47px;
   padding-bottom: 47px; */
text-align:left;
  background-color: #fff;
 /*   min-height: 40vw;       OJO SI FALLA*/ 



}
.main a {
color: #911627;
}
.mainw{
 /*  background: url(../images/bordeup.jpg) repeat-x;
  height: 21px*/
}

.moduleItemImage img {
  width: 100%;
}

#container .jf-moduletable .jf-box-ct {
   background-color: #fff;
  margin: 10px;
}

/* BOTTOM */

#bottombanner{
bottom: 0px;
position: relative;
z-index: 10000;
float: left;
margin-top: 0;
margin-bottom: 0px;
color:#eee;
width:100%;
font-size: 10pt;
background: rgb(128, 130, 133); /* #4a4b4c; */

}

#bottomleft{
width:40%;
height:270px;
margin:25px;
text-align:right;
padding-right:7%;
border-right:solid #eee 2px;
float:left;
}

#bottomright{
    width: 40%;
    height: 270px;
    margin-left: 4.5%;
    margin-top: 25px;
    text-align: left;
    font-size: 16px;
    /* padding-right: 55px; */
    float: left;
}


#bottomleft p, #bottomright p {
  font-weight:bold; 
  font-size:16px;
 font-family: 'Open Sans', sans-serif;
  letter-spacing: 1px; 
  color:#fff;}

#bottomright p {font-size:16px; line-height: 24px;}



#bottom .main {
  background-color: #fff;
  /*background: url(../images/barraazul2.jpg) repeat-x;
  /*  padding: 10px; */
  /* height:509px; */
  height: 60vw;
}

#bottom .jf-moduletable {
  background: none;
  color: #fff;
 /* float: left;
  width: 33%; */
}

#bottom .jf-moduletable .jf-box {
 /* margin-right: 10px;*/
    margin-bottom: 20px;
  text-align:left;
padding-top: 10px;
    border-top: solid 1px #9d122d;
}

#bottom .moduletable-first .jf-box {
  padding:50px;
  background-color: #2a363b;
}

#bottom .moduletable-second .jf-box {
  background-color: #445055;
}

#bottom .moduletable-third .jf-box {
  background-color: #5c686d;
}

#bottom .moduletable-fourth .jf-box {
  background-color: #778186;
}

#bottom .jf-moduletable h3 {
/*  color: #000;
  font-family: amaranthregular;
  font-size: 24px;
  font-weight: normal;
  margin-bottom: 15px;*/
}

#bottom .jf-moduletable ul li {
  /* background: url(../images/arrow2.png) no-repeat left 10px; */
  padding-left: 10px;
}

#bottom .jf-moduletable h4 {
  font-weight: normal;
}

#bottom .jf-moduletable a {
  /* color: #000; */
  line-height: 120%; /* original a 160% */
}

#bottom .moduletable-first h3, #bottom .moduletable-first a,
#bottom .moduletable-second h3, #bottom .moduletable-second a,
#bottom .moduletable-third h3, #bottom .moduletable-third a,
#bottom .moduletable-fourth h3, #bottom .moduletable-fourth a {
  color: #fff;
}

#bottom .moduletable-first ul li,
#bottom .moduletable-second ul li,
#bottom .moduletable-third ul li,
#bottom .moduletable-fourth ul li {
  background: url(../images/arrow1.png) no-repeat left 10px;
}

/* FOOTER */
#footer .main {
 background-color: rgb(128, 130, 133); /* #4a4b4c; */
  font-size: 12px;
  padding: 20px;
}

#footer a {
  text-decoration: underline;
}

#footer a:hover {
  text-transform: none;
}

#copyright {
  float: left;
  width: 50%;
}

#copyright .custom {
  float: left;
  margin-right: 5px;
}

#copyright ul.menu {
  float: left;
}

#copyright ul.menu li {
  border-right: 1px solid #445055;
  display: inline;
  padding: 0 5px;
}

#copyright ul.menu li.last {
  border-right: none;
}

#backtotop {
  background: url(../images/backtop.png) no-repeat;
  cursor: pointer;
  height: 10px;
  width: 11px;
  float: right;
}

/* contact */
.contactInner, #googleMap {
  background-color: #fff;
  margin: 10px;
  /* padding: 40px; */
}

.contact h3 {

display: block;
font-size: 1.5em;
-webkit-margin-before: 0.83em;
-webkit-margin-after: 0.83em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
}

.contact span.star {
  color: #fff;
}

.contact-form dt {
  margin-top: 38px;
}

.contact-form dt.send-copy {
  margin-top: 5px;
  text-align: right;
}

.contact-form label {
  float: left;
  width: 85px;
}

.contact-form dt.send-copy label {
  float: none;
}

.contact-form input[type=text], .contact-form input[type=email] {
  border: 1px solid #dadada;
  padding: 4px;
  width: 40%;
}

.contact-form textarea, .contact-form #jform_contact_emailmsg {
  padding: 4px;
  width: 79%;
}

.contact-form .submit-button {
  text-align: right;
}

.invalid {
  border: 1px solid #B63C00 !important;
}

label.invalid {
  border: none !important;
  color: #B63C00;
}

/* Bootstrap Css Map Fix*/
#googleMap img {
  max-width: 1024px;
}
/* Bootstrap Css Map Fix*/
#googleMap label {
  width: auto; display:inline;
}

/* isotope */
.itemBodyInner, .itemImageInner, .itemGalleryInner {
  margin: 10px;
}

.itemBodyInner {
  background: #fff;
  padding: 40px 40px 60px;
}

#filters {
  padding: 5px 10px;
}

#filters li {
  float: left;
}

#filters li a {
  color: #5C686D;
    font-family: amaranthregular;
    font-size: 18px;
    padding: 0 12px 0 0;
    text-decoration: none;
}

#filters li a:hover, #filters li a.selected {
  color: #000;
}

/**** Isotope Filtering ****/

.width10 {
  width: 100% !important;
}

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}
#Mod151.jf-moduletable .jf-box {

  height:180px;
  background-size: contain;
}

/* ------------------ agregado ------------------------ */


/* COLUMNAS INICIO */

/* 2 COLUMNAS */

div.items-leading{height: auto;}
div.leading-0,div.leading-1,div.leading-2 {padding-bottom: 60px;}
div.leading-0{width:49%;/* border-bottom:1px solid #ddd; margin-right:5px;padding:5px; margin:5px; */padding-right:1%; float:left;    padding-left: 2%;}
.items-row { padding-bottom: 0px; padding-top: 0px; }
 div.leading-0 h2{font-size:20pt;/*text-transform: uppercase;*/ font-weight:normal; font-family:'arial';  /*color:#fff*/         color: #911627;
    position: absolute;
   /* top: -20px;*/
    padding:5px;
    width: 49%;
  padding-left: 10px;
  /* margin-top: 20px; */
}

 div.leading-0 h2 a{
	font-size:36px;
  line-height: 42px;
	font-weight:bold;
	font-family: 'Open Sans', sans-serif;
	color: #911627;
  font-style: normal;
  position: relative;
  top: calc(49vw*0.62);
 /* padding: 20px;*/
    
  /*  background-color: #ffffff88;*/
    /*float:left;*/

}


 div.leading-0 h3, div.leading-0 h3 a{font-size:26pt; font-weight:bold; font-family:'Helvetica', Arial, Sans-Serif;   display:none;}


/* div.leading-0 h2 a{font-size:14pt; font-weight:normal; font-family:'arial';  color:#4e8dcb;} */
div.leading-0 p{font-size:10pt;text-align:justify;}
div.leading-0 p.readmore{text-align:left; color:#911627; display: none;}
div.leading-0 p img{width:100%; /* margin-top:-200px */margin-bottom: 30px; z-index: -1;}
div.leading-0 dd.category-name span {
  color: #fff;
  background-color: #9d122d;
  padding: 5px;
  width: 200px;
    margin-top: -48px;}
/*
div.leading-1{width:48%; /* border-bottom:1px solid #ddd; border-left:1px solid #ddd;  padding:5px; margin:5px;*/padding-right:2%; float:left;}
.items-row { padding-bottom: 0px; padding-top: 0px; }
div.leading-1 p{font-size:10pt;text-align:justify;}
div.leading-1 p.readmore{text-align:left; color:#4e80c0;}
 div.leading-1 h2{font-size:10pt;text-transform: uppercase; font-weight:normal; font-family:'arial';  color:#fff;
  background-color:#3c3c3b;/*width:100%;*/ padding:5px;}
 div.leading-1 h2 a{font-size:10pt;text-transform: uppercase; font-weight:normal; font-family:'arial';  color:#fff;
  background-color:#3c3c3b;width:100%;}

 div.leading-1 h3, div.leading-1 h3 a{font-size:22pt; font-weight:normal; font-family:'Helvetica', Arial, Sans-Serif;   }


div.leading-1 p img{width:100%;}     */


/*   div.leading-2{width:32%;float:left;  /* border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding:5px; margin:5px;*/ ; display:none; }
.items-row { padding-bottom: 0px; padding-top: 0px; }
div.leading-2 p{font-size:10pt;text-align:justify;}
div.leading-2 p.readmore{text-align:left; color:#4e80c0;}
div.leading-2 h2{font-size:10pt;text-transform: uppercase; font-weight:normal; font-family:'arial';  color:#fff;
  background-color:#3c3c3b;/* width:100%;*/ padding:5px;}
div.leading-2 h2 a{font-size:10pt;text-transform: uppercase; font-weight:normal; font-family:'arial';  color:#fff;
  background-color:#3c3c3b;width:100%; }
div.leading-2 p img{width:100%;}  */

/************ 4 COLUMNAS ****************/
div.items-row.cols-4.row-0 {
padding-top: 10px;
}
div.item.column-1{width: 22%;
    margin-right: 1%; 
    margin-left: 1%;
    /* margin-bottom: 30px; */
    /* padding: 5px; */
    float: left;
   /*  clear: both; */
  /*  background: linear-gradient(to bottom, rgba(255,255,255,0.7), #eeeef0);*/
    /*border-radius: 7px; */
    border: 0px solid;
    box-shadow: 2px 2px 7px #ddd;
  }

.items-row { padding-bottom: 0px; padding-top: 30px; }

div.item.column-1 img{width:100%; height: auto; visibility: visible;} /* imagen columna 1 */
/*div.item.column-1 h3{font-size:12pt;}*/
 div.item.column-1 h2{display:none; font-size:14pt;font-variant:small-caps;  font-weight:normal; font-family:'arial';  color:#000; background:url(../images/cuaorang.jpg) no-repeat;
  background-color:#d9d8d8; padding:5px;padding-left:30px;}
 div.item.column-1 h2 a{display:none; font-size:14pt; font-variant:small-caps;  font-weight:normal; font-family:'arial';  color:#000;
  background-color:#d9d8d8;width:100%; padding:5px;}
div.item.column-1 p{font-size:10pt;text-align:justify;}
div.item.column-1 p.readmore{text-align:left; color:#4e80c0;}
div.item.column-1 p img{width:100%;}
div.item.column-1 h3, div.item.column-1 h3 a{font-size:16px; line-height: 21px;  font-style: normal; font-weight:normal; font-family: 'Open Sans', sans-serif; color:#000; padding:10px;}


div.item.column-2{width: 22%;
    /* margin-right: 2%;*/
    margin-left: 1%;
    /* padding: 5px; */
    float: left;
    /* clear: both; */
    margin-bottom: 30px;
/*
    background: -webkit-linear-gradient(180deg, white, #edeeef); /* For Safari 5.1 to 6.0 */
/*    background: -o-linear-gradient(180deg, white, #edeeef); /* For Opera 11.1 to 12.0 */
/*    background: -moz-linear-gradient(180deg, white, #edeeef); /* For Firefox 3.6 to 15 */
/*    background: linear-gradient(180deg, white, #edeeef); /* Standard syntax (must be last) */

    border: 0px solid;
    /* padding: 10px;
    border-radius: 7px; */
    box-shadow: 2px 2px 7px #ddd;
    }


.items-row { padding-bottom: 0px; padding-top: 0px; }
div.item.column-2 img{width:100%; height: auto; visibility: visible;} /* imagen columna 2 */
/* div.item.column-2 h3{font-size:12pt;} */
 div.item.column-2 h2{display:none; font-size:14pt;font-variant:small-caps;  font-weight:normal; font-family:'arial';  color:#000; background:url(../images/cuaorang.jpg) no-repeat;
  background-color:#d9d8d8; padding:5px;padding-left:30px;}
 div.item.column-2 h2 a{display:none; font-size:14pt; font-variant:small-caps;  font-weight:normal; font-family:'arial';  color:#000;
  background-color:#d9d8d8;width:100%; padding:5px;}
div.item.column-2 p{font-size:10pt;text-align:justify;}
div.item.column-2 p.readmore{text-align:left; color:#4e80c0;}
div.item.column-2 p img{width:100%;}
div.item.column-2 h3, div.item.column-2 h3 a{font-size:16px; line-height: 21px;  font-style: normal; font-weight:normal; font-family: 'Open Sans', sans-serif; color:#000; padding:10px;}



div.item.column-3{width: 22%;
   /* margin-right: 2%; */
    margin-left: 1%;
    /* padding: 5px; */
    float: left;
    /* clear: both; */
        margin-bottom: 30px;
   /* background: linear-gradient(to bottom, rgba(255,255,255,0.7), #eeeef0); */
   /* border-radius: 7px;*/}

.items-row { padding-bottom: 0px; padding-top: 0px; }
div.item.column-3 img{width:100%; height: auto; visibility: visible;} /* imagen columna 3 */
/* div.item.column-3 h3{font-size:12pt;} */
div.item.column-3 h2{display:none; font-size:14pt;font-variant:small-caps;  font-weight:normal; font-family:'arial';  color:#000; background:url(../images/cuaorang.jpg) no-repeat;
  background-color:#d9d8d8; padding:5px;padding-left:30px;}
 div.item.column-3 h2 a{display:none; font-size:14pt; font-variant:small-caps;  font-weight:normal; font-family:'arial';  color:#000;
  background-color:#d9d8d8;width:100%; padding:5px;}
div.item.column-3 p{font-size:10pt;text-align:justify;}
div.item.column-3 p.readmore{text-align:left; color:#4e80c0;}
div.item.column-3 p img{width:100%;}
div.item.column-3 h3, div.item.column-3 h3 a{font-size:16px; line-height: 21px;  font-style: normal; font-weight:normal; font-family: 'Open Sans', sans-serif; color:#000; padding:10px;}




div.item.column-4{width: 22%;
   /* margin-right: 2%; */
    margin-left: 1%;
    /* padding: 5px; */
    float: left;
    /* clear: both; */
        margin-bottom: 30px;
  /*  background: linear-gradient(to bottom, rgba(255,255,255,0.7), #eeeef0); */
  /*  border-radius: 7px;*/
}
.items-row { padding-bottom: 0px; padding-top: 0px; }
div.item.column-4 img{width:100%; height: auto; visibility: visible;} /* imagen columna 4 */
/* div.item.column-4 h3{font-size:12pt;} */
 div.item.column-4 h2{font-size:14pt;font-variant:small-caps;  font-weight:normal; font-family:'arial';  color:#000; background:url(../images/cuaorang.jpg) no-repeat;
  background-color:#d9d8d8; padding:5px;padding-left:30px;}
 div.item.column-4 h2 a{font-size:14pt; font-variant:small-caps;  font-weight:normal; font-family:'arial';  color:#000;
  background-color:#d9d8d8;width:100%; padding:5px;}
div.item.column-4 p{font-size:10pt;text-align:justify;}
div.item.column-4 p.readmore{text-align:left; color:#4e80c0;}
div.item.column-4 p img{width:100%;}
div.item.column-4 h3, div.item.column-4 h3 a{font-size:13pt; font-weight:normal; font-family:'Helvetica', Arial, Sans-Serif;  color:#000;  padding:10px;}



div.ja-box-ct.clear{height:100%; /* border-right:2px solid #fff;*/}

#hoy { background: url(../images/triorang.png) no-repeat;
/* background-size:35px 35px; */
  padding-left:20px;
float:left;
  padding-top:7px;
  left:30px;
display:none;
}
#hoy2 {    border-bottom: solid 1px #911623;
    margin-bottom: 45px;
    width: 45%;
}

#Mod150.jf-moduletable, #Mod159.jf-moduletable, #Mod92.jf-moduletable{
float: left;
width: 44%;
padding-right: 1%;
margin-left:1%;
}

#Mod150.jf-moduletable{width: 48%; height:300px;}


#Mod152.jf-moduletable, #Mod160.jf-moduletable, #Mod93.jf-moduletable{
float: left;
width: 44%;
padding-right:1%;
margin-left:1%;
}

#msgpri{
top:20px;
/*left:485px;*/
right: 45px;
position: absolute;
line-height: 1.3;
font-family: Corbel, Verdana, 'Verdana Ref', sans-serif;
 color:#777;
}

#encabmpf{
  /* background-color:#e7e8e9; *
 background: -webkit-linear-gradient(left, #fff , #e7e8e9;); /* For Safari 5.1 to 6.0 */
/* background: -o-linear-gradient(right, #fff, #e7e8e9); /* For Opera 11.1 to 12.0 */
/* background: -moz-linear-gradient(right, #fff, #e7e8e9); /* For Firefox 3.6 to 15 */
/* background: linear-gradient(to right, #fff, #e7e8e9); /* Standard syntax */

  /*  background: linear-gradient(to right, rgba(255,255,255,0.7), #e7e8e9);
/* position:relative;
z-index:9999;*/


height:150px;
padding-left:5%;
border-bottom: solid 2px #ddd;
margin-bottom: 30px;

}

#mainmenu ul.menu li a img{padding-right:7px; padding-bottom:7px; height: 30px;
  width: 30px;}

#mainmenu ul.menu li.item-565 a img{padding-right:7px; padding-bottom:7px; height: 30px;
  width: 30px;}


  div.blog-featuredNTX{
  	width: 75vw;
  }

#introduc{display:none;padding:10px;}

div.blog-featuredNTX div.item.column-1, div.blog-featuredNTX div.item.column-2,div.blog-featuredNTX div.item.column-3{width: 31%; box-shadow: 2px 2px 7px #ddd; min-height: 277px; height: auto; margin-right: 1%; margin-left: 1%;}
div.blog-featuredNTX div.item.column-1 #introduc, div.blog-featuredNTX div.item.column-2 #introduc,div.blog-featuredNTX div.item.column-3 #introduc{display: block; }
div.blog-featuredNTX div.item.column-1{margin-left: 2%;}


div.item-pageNTX{width: 75vw;}
div.item-pageNTX div div#introduc{display: block;}
div.item-pageNTX div[itemprop="articleBody"] {     padding-left: 20px;}

@media screen and (max-width: 320px) {
  #header h1#logo {
    float: none;
    text-align: center;
  }

  #social-button {
    float: none;
    margin-top: 20px;
    text-align: center;
  }

  #social-button ul li {
    display: inline;
    float: none;
  }

  #social-button ul li a {
    display: inline-block;
  }

  #mainmenu ul.menu {
    float: none;
    display: none;
    background-color: #f5f5f5;
  }

  #mainmenu ul.menu li {
    float: none;
    border: 1px solid #bbb;
    border-top: none;
  }

  #mainmenu ul.menu li a {
    display: block;
    padding: 5px 10px;
  }

  #fontsize {
    float: none;
    margin-top: 20px;
    text-align: center;
  }

  #navbutton {
    display: block;
  }

  div.itemHeader h2.itemTitle {
    font-size: 200% !important;
  }

  .contact-form input[type="text"], .contact-form input[type="email"] {
    width: 100%;
  }

  .contact-form textarea, .contact-form #jform_contact_emailmsg {
    width: 100%;
  }

  #bottom .jf-moduletable {
    float: none;
    display: inline;
  }

  #sbox-window.shadow {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
    width: 100% !important;
  }
}

@media screen and (max-width: 352px) { div.clr{display:none;}}

@media screen and (max-width: 952px) { /* 952  era 480px   768*/
  div.clr{    margin-top: -20px; width: 50%;}
  #header h1#logo {
    float: none;
   /*  text-align: center; */
  }

  #header{    height: 230px;}
  #mainmenu ul.menu {
    float: none;
    display: none;
    /* background-color: #f5f5f5; */
    padding-top: 0;
    margin-left: 20vw;
  }

  #mainmenu ul.menu li {
    float: none;
    border: 1px solid #bbb;
    border-top: none;
  }

  #mainmenu ul.menu li a {
    display: block;
    padding: 5px 10px;
    /*font-weight: 100;*/
  }

  #fontsize {
    float: none;
    margin-top: 20px;
    text-align: center;
  }

  #social-button {
    float: none;
    margin-top: 20px;
    text-align: center;
    top:110px;
  }

  #social-button ul li {
    display: inline;
    float: none;
  }

  #social-button ul li a {
    display: inline-block;
  }

  #bottomright p, #bottomleft p{font-size: 10px;}
   #bottomright{margin-left: 0}
   
   #mainmenu ul.menu li{background-color: #9d132dee;
   	    /*border: 1px solid #fff;*/  width: 70%;  height: 30px;}
   #mainmenu ul.menu li:hover{background-color: rgba(255, 126, 0, 0.9);}

   #mainmenu ul.menu li a{    color: #fff; border: 0; font-size: 100%; }
   #mainmenu ul.menu li.active a{color: #000;}
  

  #navbutton {
    display: block;
  }

  .contact-form input[type="text"], .contact-form input[type="email"] {
    width: 100%;
  }

  .contact-form textarea, .contact-form #jform_contact_emailmsg {
    width: 100%;
  }

  #bottom .jf-moduletable {
    float: none;
    display: inline;
  }
  #Mod151.jf-moduletable .jf-box{
      height:1px;
  }

#Mod92.jf-moduletable, #Mod93.jf-moduletable{
  width: 95%;
  margin-bottom: 30px;
  margin-left: 0;
}

div.leading-0{
  width: 95%;
}

div.leading-0 h2 a{font-size:30px;
  background-color: #ffffff99;
  margin: 0; 
  padding: 0 7px 0 7px;}

div.leading-1{
  width: 95%
}

div.item.column-1{
  width: 95%
}

div.item.column-2{
  width: 95%;
margin-top: 35px; 
}

div.item.column-3{
  width: 95%
}

div.item.column-4{
  width: 95%
}
#Mod150{
height: unset;
width: 100%;
}
#Mod152{
height: unset;
width: 100%;
}
div#Mod150.jf-moduletable.moduletablemed1{
    float:left;
  height: unset;
  width: 100%;
}
div#Mod152.jf-moduletable.moduletableaudio{
  height: unset;
  width: 100%;
  float:left;
}
#header h1#logo a img{
  height: 100px;
}
  #msgpri{
    top:110px;
    left:5px;
  padding-top:7px;
}



}




@media screen and (max-width: 645px) {

#header h1#logo a img {height: 80px;}
div.clr{    margin-top: -20px; width: 50%;}
#mod-search-searchword90{float:right;}

}


@media screen and (max-width: 600px) {

  #bottom .jf-moduletable {
    float: none;
    display: inline;
  }


#encabmpf{
  background-color:#fff;
height:219px;
    margin-bottom: 70px;
}

div.cmp_buttons_container{

right:0px;

width: 17px;

 position: fixed;


}

div.clr{margin-top: -20px; width: 45%;}
div.clr p{font-size: 80%;}

#mod-search-searchword90{float:right;}

}

@media screen and (max-width: 952px) { /* @media screen and (max-width: 768px) { */
  #header h1#logo a img {height: 80px;}
      
  #bottom .jf-moduletable {
    width: 50%;
  }
 #mainmenu ul.menu li.item-539,#mainmenu ul.menu  li.item-540,#mainmenu ul.menu  li.item-541, #mainmenu ul.menu li.item-562,#mainmenu ul.menu li.item-565,#mainmenu ul.menu  li.item-544,#mainmenu ul.menu  li.item-545,#mainmenu ul.menu  li.item-546,#mainmenu ul.menu  li.item-547,#mainmenu ul.menu  li.item-548,#mainmenu ul.menu  li.item-549,#mainmenu ul.menu  li.item-550,#mainmenu ul.menu  li.item-551,#mainmenu ul.menu  li.item-552,#mainmenu ul.menu  li.item-553,#mainmenu ul.menu  li.item-554,#mainmenu ul.menu  li.item-555{
	clear:both;
position: unset;
width:90%;
float: left;
left:3%;
 }
 #mainmenu ul.menu li a {
   display: flex;  /* unset; */
}
#mainmenu ul.menu li a img{
	padding-top:3px;
}

}

@media screen and (max-width: 990px) { /* 953  800 */
  #bottom .jf-moduletable {
    width: 50%;
  }
}

@media screen and (max-width: 990px) { /* 954  930 */
#wrapper{
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}
#container{
  margin-left: 1%;
  margin-right: 1%;
}
}




/* Sombra para foto */
.shadow {
    padding: 0px;
border: 1px #ffffff solid;
height: 155px;
width: 230px;
  -moz-box-shadow:3px 3px 3px  #aaaaaa;
  -webkit-box-shadow:3px 3px 3px  #aaaaaa;
  box-shadow:3px 3px 3px 0px #aaaaaa;

padding-left: 1px;
border-left: 1px #f4f4f4 solid;

padding-top: 1px;
border-top: 1px #f0f0f0 solid;
margin-left:2px;
margin-top:2px;

filter:
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=0,strength=1),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=45,strength=1),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=135,strength=3),
          progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=180,strength=10),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=225,strength=3),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=270,strength=2),
          progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=315,strength=1);



}










#a.deli{padding-left:30px;}

div.item-page{width:60%;padding-left:30px; text-align: justify;padding-bottom:20px;}
.item-page h2{float:left;}

.item-page p{clear: left;}

#sección{

  clear: both;
width: 100%;
  float:left;
  border-top: 1px solid #dadada;
  padding-top: 7px;
 /*  height:30px; */
}

div.search {
/*padding-left: 20px;
width: 300px;

height:50px;


background: url(../images/search.png) no-repeat center left;
   /* background-color:#474747;
position: absolute;
top: 125px;
right: 15px;
   z-index:999999;*/
}

#pixsearch_ng_panel{
padding-left: 20px;
width: 300px;
height:50px;
background: url(../images/search.png) no-repeat center left;
   /* background-color:#474747; */
position: absolute;
top: 125px;
right: 15px;
z-index:999999;
}



/* div.search h1{visibility:hidden;} */
.popupContent{ z-index:999999;}
.search-results{background-color:#fff;padding-left:30px; }
#searchForm{background-color:#fff;padding:30px;}

#mod-search-searchword {
margin-left: 30px;
margin-top: 12px;
  color:#fff;
 background-color: hsla(120,1%,1%,0);
  border:0;
 width: 200px;
   z-index:999999;
position: absolute;
top: 125px;
right: 15px;
  background: url(../images/search.png) no-repeat center left;
  padding-left: 50px;
padding-right: 25px;
height: 29px;
}

#scdpro_text_165{z-index: 999999;
float:right;
  font-size: 16px;
margin-top:13px;
   }


#scdpro_165{width:450px;
  z-index: 999999;
position: absolute;
top:75px;
right: 20px;
  /*  float: right;
  background-color:#fff;*/
  height:50px;
}


/* .scdp-counter-horz{
  right: 10px;
top: 2px;} */



/*  MULTIMEDIA   */
#Mod150.jf-moduletable .jf-box, #Mod159.jf-moduletable .jf-box  {padding-top: 45px;
/*  background: url(../images/came.jpg) no-repeat center left;
  background-color: #3c3c3b; */
  background: url(../images/cambar.jpg) no-repeat;
background-size: 100% 43px;
  height:100%;




}

#Mod152.jf-moduletable .jf-box, #Mod160.jf-moduletable .jf-box {
  padding-top: 45px;
/*  background: url(../images/came.jpg) no-repeat center left;
  background-color: #3c3c3b; */
  background: url(../images/cambar.jpg) no-repeat;

background-size: 100% 43px;
  height:100%;

}
#Mod172.jf-moduletable .jf-box,{background-size: 100% 43px;
  height:100%;}


#Mod172.jf-moduletable .jf-box img{border: 0 none;
height: 185px;
width: 50%;
max-width: 50%;
vertical-align: top;
margin-top: -15px;}


#Mod158.jf-moduletable .jf-box {
  padding-top: 46px;
/*  background: url(../images/came.jpg) no-repeat center left;*/

  background: url(../images/mediabar.jpg) no-repeat;
  background-color: #ececeb;
 background-size: 100% 43px;
  height:100%;




}

#Mod158.jf-moduletable div.jf-box h3 {height: 0;}

#Mod158.jf-moduletable div.jf-box h3 span{
  font-family:'arial';
font-weight: normal;
color:#fff;
font-size: 14pt;
text-transform: uppercase;
top:-36px;
position: relative;
left:10px;

}
#bottom .jf-moduletable h4 a{
background: url(../images/triorang.png) no-repeat;
/* background-size:35px 35px; */
  padding:20px;
float:left;
  padding-top:7px;
  left:30px;
  font-family:'arial';
font-weight: normal;
font-size: 12pt;
  color:#000;

}




div.main-inner{
  /* background: url(../images/headlight.png) no-repeat;
background-position: right;
background-size:100% 100%; */
    border-top: solid 2px #ddd;
    padding:0;
    width: 104%
}

div.main-inner2{
/*background:  #fff;*/
background-position: right;
background-size:100% 100%;
    margin-top: 20px;

}
#Mod97{margin-left: 25px;}


#Mod151.jf-moduletable .jf-box {

  /* height:180px; */
  background-size: contain;
}






#Mod158.jf-moduletable{
  float: left;
width: 33%;
display:none;}

#Mod159.jf-moduletable{
  float: left;
width: 32%; }

#klixoSlider_158{
  border: 1px solid #ddd;
height: 250px;}

#current_content_159,#current_content_160{
margin: 0px;
overflow: hidden;

}

/* #current_content_159.textContent, div#klixoSlider_159 div.textContent{height:250px;} */



/* soundcould */

#widget div.sound.artworkVisible .sound__content{left:10px;}
#widget div.artwork, .sound__artwork  {
height: 0px;
width: 0px;
}
#blockrandom div.image__full.g-opacity-transition{opacity: 1;} probando */


/* div#klixoSlider_159 div.textContent {
color: #000000;
font-size: 12px;
height: 250px;
} */



/*#widget div div div div  div a div img{opacity: 0;visibility:hidden;}*/
.artwork__link, .artwork__img, .artwork {
display: block;
position: relative;
height: 0;
width: 0;
}

#Mod152 #blockrandom{
 /* width:85%;
  padding-left:7%;
  padding-right:7%;*/
}

#bannerHome{display:none;}


#c7-accordion-heading-1,#c7-accordion-heading-2,#c7-accordion-heading-3,#c7-accordion-heading-4,#c7-accordion-heading-5,#c7-accordion-heading-6,#c7-accordion-heading-7{color: #4e8dcb;
font-family: arial, helvetica, sans-serif;
  font-size: medium;
font-weight: bold;
 text-transform: uppercase;}


/* paginación */

.items-more {
  padding: 10px;
height:10px;
/*  background: url(../images/hdot.gif) repeat-x top;*/
}

.items-more strong {
  margin: 0 0 5px;
  display: block;
  font-size: 125%;
}

.items-more ol {
  margin: 0;
  /* padding: 10px; */
  visibility:hidden;

}

.items-more ol li {
  margin-left: 100px;
 /*  padding-left: 17px;
  background: url(../images/bullet.gif) no-repeat 6px 8px;*/
    float:left;
}







.items-more{
width: 100%;
  position:relative;
margin-top: -10px;
/*padding-top: 25px; */
float: left;

}
.items-more h3{font-size:8pt; visibility:show;}


.pagination{
float: left;
font-size:8pt;
  text-align: center;
width: 100%;

}
.items-more ol {font-size:8pt;}
.items-more ol li {font-size:10pt;}











.pagination ul{
  margin: 15px auto;
 /* padding: 10px 0;
  /* background: url(../images/hdot.gif) repeat-x top; */
}

.pagination ul li {
  margin: 0;
  padding: 0;
  display: inline;
  background: none;
}

.pagination ul li span{
  padding: 2px 5px;
}

.pagination ul a {
  padding: 2px 5px;
  border: 1px solid #F6F6F6;
}

.pagination ul a:hover, ul.pagination a:active, ul.pagination a:focus {
  border: 1px solid #ECECEC;
  background-color: #FFFFFF;
}

.pagenavbar {
  padding-left: 14px;
}

.pagenavcounter {
  padding: 8px 14px 0 14px;
}

.sectiontableheader {
  padding: 8px 5px;
  background-color: #444444;
  color: #FFFFFF;
}

.sectiontableheader a {
  color: #FFFFFF;
}



 .email-icon, .print-icon{  float: left; padding-left:10px; }

dd.result-text, dd.result-created{
color: #333333;
font-family: arial, helvetica, sans-serif;
font-size: small;
line-height: 1.3em;
}

dd.result-category{visibility:hidden;}
dt.result-title{padding-top: 45px;}

div.searchintro{padding-bottom:20px;}

.jf-box h3, .jf-box h3 a{padding-top: 0px;}


div.pluginConnectTextDark span#u_0_3{visiblity:hidden;}

#system-message > dd{display:none;}


.element-invisible, .page-header{display:none;}

#mod-search-searchword90 { border: 1px solid #000;
  width: 170px;
  padding: 8px;
        border-radius: 4px;
  /*  background: linear-gradient(to bottom, rgba(255,255,255,0.9), #ddd);*/
margin-left: -125px;
padding-left: 30px;
background: url(../images/lupa1.png) no-repeat;
background-position-x: 2px;
background-position-y: 5px;

}

.btn {
	color: #fff;
    padding: 15px;
    background-color: #911627;
    border-radius: 7px;
    margin: 5px;
font-size:11pt;
}

.readmore {
margin: 25px 0 25px 0;
padding:10px;
}



#banner{

 background: url(../images/banner/banner3.jpg) no-repeat;
  /*  background-size: 100%;*/
    margin-top: 30px;
    height: 900px;
    float: left;
    width: 100%;
    margin-left: 2.5%;

}
#b1{
    height: 160px;
    float: left;
    width: 32%;

}
#b2{
    height: 160px;
    float: left;
    width: 32%;
    margin-left: 1%;

}
#b3{
     height: 160px;
    float: left;
    width: 16%;
    margin-left: 1%;

}
#b4{
     height: 160px;
    float: left;
    width: 16%;


}
#b5{
    height: 160px;
    float: left;
    width: 32%;
}
#b6{
    height: 160px;
    float: left;
    width: 32%;
}
#b7{
    height: 160px;
    float: left;
    width: 32%;
}
#bm{

   float: left;
width:100%;
 height: 160px;

}





#bottom2{
/* background: #ddd;*/
    padding: 4%;
    /* margin-top:270px; */
}

#banner2{
background: url(../images/banner/banner3a.png) no-repeat;
background-size: 95%;
/* margin:1%; */
    height: 7vw;
    float: left;
    width: 100%;
margin-top:50px;
margin-left:-20px;
}

#b1b, #b2b, #b3b, #b4b, #b5b, #b6b {
  height: 80px;
  float: left;
}

#b1b{
    width: 19%;
   }
#b2b{
    width: 18%;    
}
#b3b{
    width: 18%;
}
#b4b{
    width: 16%;
}
#b5b{
    width: 7%;
 }
#b6b{
    width: 18%;
  }

#b1b:hover ,#b2b:hover,#b3b:hover,#b4b:hover,#b5b:hover,#b6b:hover{
 /* background-color: rgba(195, 32, 32, 0.6); */
  height: 7vw;
  float: left;
  border: solid 1px #ccc;
      box-shadow: 2px 2px 7px #888;
}
/*
#b3b:hover{margin-top: -17px;}
#b4b:hover{margin-top: -17px;}
#b5b:hover{margin-top: -37px;}
#b6b:hover{margin-top: -57px;} */

   /* background: url(/mpf/templates/jf_vihrea/images/banner/B2pj.png) no-repeat;
    background-size: 100% 100%; */

#banner3{
  margin-top: 3vw;
    box-shadow: 2px 2px 7px #777;
}
#banner4{
  margin-top: 3vw;
    box-shadow: 2px 2px 7px #ddd;
}

#bannerder{

 background: url(../images/banner/bannerder.png) no-repeat;
 right: 0px;
 background-color: #fff;
 background-size: 95%;
  width: 21%; 
 /*  width: 250px;*/
 height: 700px;
 margin: 0px;
   /* padding: 25px 15px 10px 15px;*/
 float: left;
 position: absolute;
 top: 350px;
 right:20px;
/* z-index:-1;*/


}







/* prueba ==================================*/


#my-div {
    background-color: #f00;
    width: 200px;
    height: 200px;
}
a.fill-div {
    display: block;
   /* height: 100%;*/
    width: 100%;
    text-decoration: none;
}
a.fill-div2 {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
}

#bottomleft p, #bottomright p{line-height: 10px;}
@media screen and (max-width: 1000px) and (min-width: 953px)  {
#bottomright p{line-height: 20px;}
}

#acoAncho{
  margin-top:20px; 
  max-width: 60%;
}


@media screen and (max-width: 3840px) and (min-width: 953px) { /* 952 */
   

  #header h1#logo {
    float: none;
  /*  text-align: center; */
  }

  #social-button {
    float: none;
    margin-top: 20px;
    text-align: center;
  }

  #social-button ul li {
    display: inline;
    float: none;
  }

  #social-button ul li a {
    display: inline-block;
  }

  #mainmenu ul.menu {
    /*float: none;*/
    display: none;
    background-color: #f5f5f5ba;
    margin-top: 10px;
  }

  #mainmenu ul.menu li {
    float: left;
    /* border: 1px solid #bbb;*/
    border-top: none;
    width: 25%;
    /*background-color: #f1f1f1de;*/
    text-align: right;
    font-weight: bold;
    height: 35px;
    padding: 0;
    margin:0;

  }

  #mainmenu ul.menu li a {
    display: block;
    padding: 5px 10px;
        margin-left: 30px;
  }

  #fontsize {
    float: none;
    margin-top: 20px;
    text-align: center;
  }

  #navbutton {
    display: block;
  }

  div.itemHeader h2.itemTitle {
    font-size: 200% !important;
  }

  .contact-form input[type="text"], .contact-form input[type="email"] {
    width: 100%;
  }

  .contact-form textarea, .contact-form #jform_contact_emailmsg {
    width: 100%;
  }

  #bottom .jf-moduletable {
    float: none;
    display: inline;
  }

  #sbox-window.shadow {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
    width: 100% !important;
  }


}                             /* 3840px - 952px */



.category-name{/* display: none;*/ visibility:hidden;}
.category-name span{display: block;

  font-size: 12px;
  visibility: visible;
  padding-left: 10px;
  color: #9d122d;
  text-transform: uppercase;
  font-weight: bold;
margin-top: -22px;
    margin-bottom: 7px;}
    ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
       color: #000;
        opacity: 1; /* Firefox */
        font-family: sans-serif;
        font-weight: bold;
        font-size: 8pt;
    }

    :-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: red;
    }

    ::-ms-input-placeholder { /* Microsoft Edge */
        color: red;
    }

 #b1d, #b2d{width: 100%}
 #b3d, #b4d{width: 49%;
    float: left;
      margin-top: 250px;
    }
#b1d a.fill-div, #b3d a.fill-div, #b4d a.fill-div {height: 40px}
#b2d a{height: 50px;
margin-top: 250px;}

#tgris{
     background: #999;
    color: #fff;
    text-align: center;
    padding: 20px 1%;
    width: 30.7%;
    float: left;
    margin: 2px 0.2% 2px 0.2%;
    height: 105px;
    font-size: 17px;
    letter-spacing: 0.5px;
}

#tgris.top{background-color: #a62035;}
#tgris:hover, #tgris.top:hover{background-color: #F57C00;}

#tgrisCh{
  width: 130px;
  height: 20px;
  background: url(/mpf/templates/jf_vihrea/images/downloT2.png) no-repeat;
  background-position-y: 3px;
  background-position-x: 77%;
  background-size: 17px 22px;
  color: #fff;
  font-size: 75%;
  padding: 5px;
  padding-left: 25px;
  margin-left: 70px;     /* margin-top: -35px; */
  margin-bottom: 30px;
  font-style: italic;
  margin-right: 12px;;
  margin-top: 35px;
  float: right;
}

div#tgrisCh a{float: left;}
#tgrisCh2{
  background: url(/mpf/templates/jf_vihrea/images/downloT2.png) no-repeat;
  background-position-y: 3px;
  background-position-x: 115px;
  background-size: 17px 22px;
  color: #fff;
  font-size: 75%;
  padding: 5px;
  padding-left: 25px;
  margin-left: 70px;     /* margin-top: -35px; */
  margin-bottom: 30px;
  font-style: italic;
  margin-right: 12px;;
  margin-top: 15px;
}



  #contenedor{

   /* width: 95.4%;
    margin: 1%;*/
  }
  #bordo{

  width: 95.4%;
  background-color: #a62035;
    color: #fff;
    text-align: center;
    height: 25px;
    padding: 17px;
    float: left;
    font-size: 17px;
    letter-spacing: 0.5px;
    font-weight: bold;
    font-style: normal;
    margin-bottom: 5px;
  }
  #gris{

  width: 95.4%;
  background: #999;
    color: #fff;
    text-align: center;
    /*height: 25px;*/
    padding: 17px;
    float: left;
    font-size: 17px;
    letter-spacing: 0.5px;
    font-weight: bold;
    font-style: normal;
    margin-bottom: 5px;
  }

  #gris:hover{background-color: #F57C00;}
/* p{font-size:14px; line-height:18px;  font-weight: bold;} */
#gris p a{color:#fff;}

    .clr{position: absolute;
    clear: both;
    height: 0;
    line-height: 0;
    display: block;
    /* float: none; */
    padding: 0;
    margin: 0;
    border: none;
    /* margin-top: -63px; */
    /* margin-left: 63%; */
    /* margin-right: 12%; */
    font-style: italic;
    font-size: 14px;
    color: #999;
    right: 3%;
    top: 30px;
    font-weight: 100;
  }


#bordof{ width: 87%;
    background-color: #a62035;
    color: #fff;
    text-align: center;
    height: 25px;  
    float: left;
    letter-spacing: 0.5px;
    font-weight: bold;
    font-style: normal;
    margin-bottom: 5px;
    font-size:11px; 
    line-height:11.5px;
    margin-top:20px;
    padding:30px 50px 17px 50px;
     }


#grisf{
    width: 87%;
    background: #999;
    color: #fff;
    text-align: center;
    /*height: 25px;*/
    float: left;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
    background-color: #999; 
    height: auto;
    text-align: left;
    padding: 50px;
    font-size: 11px;
    letter-spacing: 0.5px;
    line-height: 11.5px;
    font-weight: 400;
    font-style: normal;
    margin-bottom: 200px; /* probando */
}

div.registration{margin-left: 50px;}    








#banner {

background-size: 90% /*90%*/; 
    margin-top: 30px;
  height:auto;    /* 100vw; */
    float: left;
    width: 100%;
    margin-left: 5%;
}

#b2nb{height: 12vw;
  margin-right: 0.5%;
  float: left;

  width: 14.95%;
}
	
#b1n{
 
  background: url(/mpf/templates/jf_vihrea/images/banner/botones/autoriB.png) no-repeat; 
   background-color: rgba(174, 27, 33, 0.8); 
   background-size: 100% 100%;
    height: 12vw;
    float: left;
    width: 14.75%;
    margin-right: 0.5%;
}

#b1nb{
 
  background: url(/mpf/templates/jf_vihrea/images/banner/botones/DenunciaWeb.png) no-repeat; 
   background-color: rgba(174, 27, 33, 0.8);  
   background-size: 40% 40%;
    background-position: 4.5vw 3vw;
    height: 12vw;
    float: left;
    width: 15%;
    margin-right: 0.5%;
}


#b1n:hover,  #b1nb:hover{background-color: rgba(255, 126, 0, 0.8);

  /* background: url(/mpf/templates/jf_vihrea/images/banner/botones/autoriN2.jpg) no-repeat; */
  /*background-size: 100% 100%;*/
}

#b2n{
   /*background: url(/mpf/templates/jf_vihrea/images/banner/botones/organB.jpg) no-repeat;*/
  background-color: rgba(174, 27, 33, 0.8);  
  background-size: 100% 100%;
  height: 5.79vw;
  /*height: 82px;*/
  margin-bottom: 0.45vw;
   /*float: left;
  width: 15%;*/


}

#b2n:hover{/*background: url(/mpf/templates/jf_vihrea/images/banner/botones/organN.jpg) no-repeat;*/
  background-color: rgba(255, 126, 0, 0.8);
  background-size: 100% 100%;

}


#b3n{
   /*background: url(/mpf/templates/jf_vihrea/images/banner/botones/notiB.jpg) no-repeat;*/
 background-color: rgba(174, 27, 33, 0.8);  
 background-size: 100% 100%;
 height: 5.79vw;
 /* height: 82px;
  margin-bottom: 3px;*/

}
#b3n:hover{/*background: url(/mpf/templates/jf_vihrea/images/banner/botones/notiN.jpg) no-repeat;*/
  background-color: rgba(255, 126, 0, 0.8);
  background-size: 100% 100%;
}


#b4n{
 background: url(/mpf/templates/jf_vihrea/images/banner/botones/fiscaB.png) no-repeat; 
  background-color: rgba(174, 27, 33, 0.8);  
  background-size: 100% 100%;
    height: 12vw;
    float: left;
    
    margin-right: 0.5%;
   
    width: 30%;
}
#b4nb{
 background: url(/mpf/templates/jf_vihrea/images/banner/botones/fiscaB2.png) no-repeat; 
  background-color: rgba(174, 27, 33, 0.8);  
  background-size: 100% 100%;
    height: 12vw;
    float: left;
    
    margin-right: 0.5%;
   background-position: 0-15px;
    width: 14.75%;
}

#b4n:hover, #b4nb:hover{/*background: url(/mpf/templates/jf_vihrea/images/banner/botones/fiscaN.jpg) no-repeat;*/
  background-color: rgba(255, 126, 0, 0.8);
  background-size: 100% 100%;
}


#bmn{
  background: url(/mpf/templates/jf_vihrea/images/banner/botones/manualB.png) no-repeat; 
  background-color: rgba(174, 27, 33, 0.8);  
  background-size: 100% 100%;
   height: 12vw;
    float: left;
    width: 14%;
    margin-right: 0.5%;
}
#bmn:hover{/* background: url(/mpf/templates/jf_vihrea/images/banner/botones/manualN.jpg) no-repeat; */
  background-color: rgba(255, 126, 0, 0.8);
  background-size: 100% 100%;
}


#b5n{
 background: url(/mpf/templates/jf_vihrea/images/banner/botones/jxjB.png) no-repeat;
  background-size: 100% 100%;
    background-color: rgba(174, 27, 33, 0.8);  
    height: 12vw;
    float: left;
    width: 14%;
    margin-right: 0.5%;
}
#b5n:hover{/* background: url(/mpf/templates/jf_vihrea/images/banner/botones/jxjN.jpg) no-repeat;*/
  background-color: rgba(255, 126, 0, 0.8);
  background-size: 100% 100%;
}

#b6n{
  /*rgba(157,18,45,0.95);*/
  background: url(/mpf/templates/jf_vihrea/images/banner/botones/resoluB.png) no-repeat; 
  background-color: rgba(174, 27, 33, 0.8);  
  background-size: 100% 100%;
  margin-top: 33.3vw;
    height: 12vw;
    float: left;
    width: 14%;
     margin-right: 0.5%;

  }

  #b6n:hover{background-color: rgba(255, 126, 0, 0.8);/*rgba(254,126,56,0.95);

   /* background: url(/mpf/templates/jf_vihrea/images/banner/botones/resoluN.jpg) no-repeat;*/
  background-color: rgba(255, 126, 0, 0.8);
  background-size: 100% 100%;
}


#b1n a, #b1nb a, #b2n a, #b3n a, #b4n a, #b4nb a, #b5n a, #b6n a, #b7n a, #b8n a, #b9n a, #b10n a, #b11n a, #b12n a, #b13n a,#bmn a{
    text-align: center;
    font-weight: bold;
    font-family: 'Open Sans';
    color: #fff;
    font-size: 1.1vw;
    line-height: 1.4vw;
    margin-top: 6.5vw;
    letter-spacing: 1px;
  }

#b2n a, #b9n a, #b11n a{margin-top: 0.55vw; /*padding-top: 2.5vw;*/}
#b3n a, #b10n a, #b12n a{margin-top: 0vw; padding-top: 2.5vw;}
 #b1n a, #b4n a{ margin-top: 8vw;}

#b7n{
  background: url(/mpf/templates/jf_vihrea/images/banner/botones/mediaB.png) no-repeat;
  background-color: rgba(174, 27, 33, 0.8);  
  background-size: 100% 100%;
  margin-top: 33.3vw;
    height: 12vw;
    float: left;
    width: 14%;
     margin-right: 0.5%;
  }
  #b7n:hover{/*background: url(/mpf/templates/jf_vihrea/images/banner/botones/mediaN.jpg) no-repeat;*/
  background-color: rgba(255, 126, 0, 0.8);
  background-size: 100% 100%;
}
    
#b8n{
  background: url(/mpf/templates/jf_vihrea/images/banner/botones/manual2B.png) no-repeat; 
 background-color: rgba(174, 27, 33, 0.8); 
  background-size: 100% 100%;
  margin-top: 33.3vw;
    height: 12vw;
    float: left;
    width: 14%;
     margin-right: 0.5%;
}
#b8n:hover{
  /* background: url(/mpf/templates/jf_vihrea/images/banner/botones/queHacerN.png) no-repeat; */
  background-color: rgba(255, 126, 0, 0.8);
  background-size: 100% 100%;
}

#b13n{
  background: url(/mpf/templates/jf_vihrea/images/banner/botones/queHacerB2.png) no-repeat; 
 background-color: rgba(174, 27, 33, 0.8);  
  background-size: 100% 100%;
  margin-top: 33.3vw;
    height: 12vw;
    float: left;
    width: 14%;
     margin-right: 0.5%;
}
#b13n:hover{
  /* background: url(/mpf/templates/jf_vihrea/images/banner/botones/queHacerN.png) no-repeat; */
  background-color: rgba(255, 126, 0, 0.8);
  background-size: 100% 100%;
}



#b7nb, #b9nb, #b11nb{
  height: 12vw;
  margin-right: 0.5%;
 float: left;
  width: 15.2%;
  margin-top: 33.3vw;
}

#b9n{
   /* background: url(/mpf/templates/jf_vihrea/images/banner/botones/contactB.jpg) no-repeat; */
  background-color: rgba(174, 27, 33, 0.8); 
  background-size: 100% 100%;
  height: 5.79vw;
  /*height: 82px;*/
  margin-bottom: 0.45vw;
   /*float: left;
  width: 15%;*/

}

#b9n:hover{/* background: url(/mpf/templates/jf_vihrea/images/banner/botones/contactN.jpg) no-repeat; */
  background-color: rgba(255, 126, 0, 0.8);
  background-size: 100% 100%;

}


#b10n{
  /*  background: url(/mpf/templates/jf_vihrea/images/banner/botones/especiaB.jpg) no-repeat; */
 background-color: rgba(174, 27, 33, 0.8); 
 background-size: 100% 100%;
 height: 5.79vw;
 /* height: 82px;
  margin-bottom: 3px;*/

}
#b10n:hover{ /* background: url(/mpf/templates/jf_vihrea/images/banner/botones/especiaN.jpg) no-repeat; */
  background-color: rgba(255, 126, 0, 0.8);
  background-size: 100% 100%;
}
#b11n{
   /*  background: url(/mpf/templates/jf_vihrea/images/banner/botones/estadisB.jpg) no-repeat; */
  background-color: rgba(174, 27, 33, 0.8); 
  background-size: 100% 100%;
  height: 5.79vw;
  /*height: 82px;*/
  margin-bottom: 0.45vw;
   /*float: left;
  width: 15%;*/

}

#b11n:hover{ /* background: url(/mpf/templates/jf_vihrea/images/banner/botones/estadisN.jpg) no-repeat; */ 
  background-color: rgba(255, 126, 0, 0.8);
  background-size: 100% 100%;

}


#b12n{
  /* background: url(/mpf/templates/jf_vihrea/images/banner/botones/accesoB.jpg) no-repeat; */
background-color: rgba(174, 27, 33, 0.8); 
 background-size: 100% 100%;
 height: 5.79vw;
 /* height: 82px;
  margin-bottom: 3px;*/

}
#b12n:hover{ /* background: url(/mpf/templates/jf_vihrea/images/banner/botones/accesoN.jpg) no-repeat; */
  background-color: rgba(255, 126, 0, 0.8);
  background-size: 100% 100%;
}

/*#b1n, #b2n, #b3n, #b4n, #b5n, #b6n, #b7n, #b8n, #b9n, #b10n, #b11n, #b12n, #bmn {/* opacity: 0.8; */} */

#bottom2{
/* background: #ddd;*/
    padding: 4%;
    margin-top:270px;
}



@media screen and (max-width: 952px) {

#banner2{
background: url();   /* url(../images/banner/banner2.png) no-repeat;*/ 
/*background-size: 95%;
 margin:1%; */
    height: 57vw;
    margin:0;
    padding: 0;
 /*   float: left;
    width: 100%;
margin-top:50px;
margin-left:-20px;*/
}

#b1b, #b2b, #b3b, #b4b, #b5b, #b6b {
 /* height: 80px;*/
  float: left;
      margin:0;
    padding: 0;
}

#b1b{
    margin-left: 1vw;
    margin-top: 1vw;
    width: 45vw;
    height: 17vw;
    background: url(../images/banner/B2pj.png) no-repeat;
    background-size: 100% 100%;
   }
#b2b{
     margin-left: 1vw;
    margin-top: 1vw;
    width: 45vw;
    height: 18vw;
    background: url(../images/banner/B2ec.png) no-repeat;
    background-size: 100% 100%; 
}
#b3b{
     margin-left: 1vw;
    margin-top: 1vw;
    width: 45vw;
    height: 17vw;
    background: url(../images/banner/B2gpn.png) no-repeat;
    background-size: 100% 100%;
}
#b4b{
     margin-left: 1vw;
    margin-top: 1vw;
    width: 45vw;
    height: 18vw;
    background: url(../images/banner/B2leg.png) no-repeat;
    background-size: 100% 100%;
  }
#b5b{
     margin-left: 1vw;
    margin-top: 1vw;
    width: 45vw;
    height: 17vw;
    background: url(../images/banner/B2pol.png) no-repeat;
    background-size: 100% 100%;
 }
#b6b{
     margin-left: 1vw;
    margin-top: 1vw;
    width: 45vw;
    height: 17vw;
    background: url(../images/banner/B2cpfd.png) no-repeat;
    background-size: 100% 100%;
  }

#b1b:hover, #b3b:hover, #b5b:hover{
    margin-left: 1vw;
    /*margin-top: 7vw;*/
    width: 45vw;
    height: 17vw;

    border: solid 1px #ccc;
    box-shadow: 2px 2px 20px #888;
    background-size: 100% 105%; 
}
#b2b:hover, #b4b:hover, #b6b:hover {
    margin-left: 1vw;
    /* margin-top: 7vw; */
    width: 45vw;
    height: 17vw;

    border: solid 1px #ccc;
    box-shadow: 2px 2px 20px #888;
    background-size: 100% 105%; 
}
 

}




@media screen and (max-width: 700px) {

#banner{
	background:url("") no-repeat;
	height: 300vw;
	width: 90%;
}


#b2nb{height: 30vw;
  margin-right: 0.5%;
  float: left;
  width: 100%;
  border-bottom: solid 2px #fff;
}
	
#b1n,  #b1nb{

     background-size: 0% 0%;
    background-position-y: 1vw;
    background-position-x: 3vw;
    height: 15vw;
    float: left;
    width: 100%;
    margin-right: 0.5%;
    border-bottom: solid 1px #fff;
}
#b1n:hover,  #b1nb:hover{
	 background-color: rgba(255, 126, 0, 0.9);
     background-size: 0% 0%;
}

#b2n{
   /*background: url(/mpf/templates/jf_vihrea/images/banner/botones/organB.jpg) no-repeat;*/

    height: 15vw;
    float: left;
    width: 100%;
    margin-right: 0.5%;
    margin:0;
    border-bottom: solid 1px #fff;

}

#b2n:hover{/*background: url(/mpf/templates/jf_vihrea/images/banner/botones/organN.jpg) no-repeat;*/
  background-color: rgba(255, 126, 0, 0.9);
  

}


#b3n{
   /*background: url(/mpf/templates/jf_vihrea/images/banner/botones/notiB.jpg) no-repeat;*/
    height: 15vw;
    float: left;
    width: 100%;
    margin-right: 0.5%;
    border-bottom: solid 1px #fff;

}
#b3n:hover{/*background: url(/mpf/templates/jf_vihrea/images/banner/botones/notiN.jpg) no-repeat;*/
  background-color: rgba(255, 126, 0, 0.9);
  
}


#b4n, #b4nb{
    background-size: 0% 0%;
    background-position-y: 3vw;
    background-position-x: -7vw;
    height: 15vw;
    float: left;
    width: 100%;
    margin-right: 0.5%;
    border-bottom: solid 1px #fff;
}
#b4n:hover, #b4nb:hover{/*background: url(/mpf/templates/jf_vihrea/images/banner/botones/fiscaN.jpg) no-repeat;*/
  background-color: rgba(255, 126, 0, 0.9);
  background-size: 0% 0%; 


}


#bmn{
    background-size: 0% 0%;
    background-position-y: 3vw;
    background-position-x: 3vw;
    height: 15vw;
    float: left;
    width: 100%;
    margin-right: 0.5%;
    border-bottom: solid 1px #fff;
}
#bmn:hover{/* background: url(/mpf/templates/jf_vihrea/images/banner/botones/manualN.jpg) no-repeat; */
  background-color: rgba(255, 126, 0, 0.9);
  background-size: 0% 0%;
}


#b5n{
    background-size: 0% 0%;
    background-position-y: 3vw;
    background-position-x: 1vw;
    height: 15vw;
    float: left;
    width: 100%;
    margin-right: 0.5%;
    border-bottom: solid 1px #fff;
}
#b5n:hover{/* background: url(/mpf/templates/jf_vihrea/images/banner/botones/jxjN.jpg) no-repeat;*/
  background-color: rgba(255, 126, 0, 0.9);
  background-size: 0% 0%;
}

#b6n{
    background-size: 0% 0%;
    background-position-y: 3vw;
    background-position-x: 2.5vw;
    height: 15vw;
    float: left;
    width: 100%;
    margin-right: 0.5%;
    border-bottom: solid 1px #fff;
    margin: 0;
  }

  #b6n:hover{
  background-color: rgba(255, 126, 0, 0.9);
  background-size: 0% 0%;
}


#b1n a,  #b1nb a, #b2n a, #b3n a, #b4n a, #b4nb a, #b5n a, #b6n a, #b7n a, #b8n a, #b9n a, #b10n a, #b11n a, #b12n a, #b13n a,#bmn a{
    text-align: center;
    font-weight: bold;
    font-family: 'Open Sans';
    color: #fff;
    font-size: 2.4vw;
    line-height: 2.4vw;
    margin-top: 6.5vw;
    letter-spacing: 1px;
  }

#b2n a, #b9n a, #b11n a{margin-top: 0.55vw; padding-top: 3.5vw;}
#b3n a, #b10n a, #b12n a{margin-top: 0vw; padding-top: 7vw;}
 #b1n a, #b4n a{ margin-top: 7.5vw;}

#b7n{
    background-size: 0% 0%;
    background-position-y: 3vw;
    background-position-x: 0vw;
    height: 15vw;
    float: left;
    width: 100%;
    margin-right: 0.5%;
    border-bottom: solid 1px #fff;
    margin: 0;
  }
  #b7n:hover{/*background: url(/mpf/templates/jf_vihrea/images/banner/botones/mediaN.jpg) no-repeat;*/
  background-color: rgba(255, 126, 0, 0.9);
  background-size: 0% 0%;
}
    
#b8n{
   background-size: 0% 0%;
    background-position-y: 3vw;
    background-position-x: 2vw;
    height: 15vw;
    float: left;
    width: 100%;
    margin-right: 0.5%;
    border-bottom: solid 1px #fff;
    margin: 0;
}
#b8n:hover{
  /* background: url(/mpf/templates/jf_vihrea/images/banner/botones/queHacerN.png) no-repeat; */
  background-color: rgba(255, 126, 0, 0.9);
   background-size: 0% 0%;  
}

#b13n{
   background-size: 0% 0%;
    background-position-y: 3vw;
    background-position-x: 2vw;
    height: 15vw;
    float: left;
    width: 100%;
    margin-right: 0.5%;
    border-bottom: solid 1px #fff;
    margin: 0;
}
#b13n:hover{
  /* background: url(/mpf/templates/jf_vihrea/images/banner/botones/queHacerN.png) no-repeat; */
  background-color: rgba(255, 126, 0, 0.9);
  background-size: 0% 0%;  
}



#b7nb, #b9nb, #b11nb{
height: 30vw;
  margin-right: 0.5%;
  float: left;
  width: 100%;
  border-bottom: solid 2px #fff;
  margin: 0;
}

#b9n{
  height: 15vw;
    float: left;
    width: 100%;
    margin-right: 0.5%;
    margin:0;
    border-bottom: solid 1px #fff;

}

#b9n:hover{/* background: url(/mpf/templates/jf_vihrea/images/banner/botones/contactN.jpg) no-repeat; */
  background-color: rgba(255, 126, 0, 0.9);
  

}


#b10n{
  height: 15vw;
    float: left;
    width: 100%;
    margin-right: 0.5%;
    margin:0;
    border-bottom: solid 1px #fff;

}
#b10n:hover{ /* background: url(/mpf/templates/jf_vihrea/images/banner/botones/especiaN.jpg) no-repeat; */
  background-color: rgba(255, 126, 0, 0.9);
  
}
#b11n{
  height: 15vw;
    float: left;
    width: 100%;
    margin-right: 0.5%;
    margin:0;
    border-bottom: solid 1px #fff;

}

#b11n:hover{ /* background: url(/mpf/templates/jf_vihrea/images/banner/botones/estadisN.jpg) no-repeat; */ 
  background-color: rgba(255, 126, 0, 0.9);
 

}


#b12n{
  height: 15vw;
    float: left;
    width: 100%;
    margin-right: 0.5%;
    margin:0;
    border-bottom: solid 1px #fff;

}
#b12n:hover{ /* background: url(/mpf/templates/jf_vihrea/images/banner/botones/accesoN.jpg) no-repeat; */
  background-color: rgba(255, 126, 0, 0.9);
 
}

/*#b1n, #b2n, #b3n, #b4n, #b5n, #b6n, #b7n, #b8n, #b9n, #b10n, #b11n, #b12n, #bmn {/* opacity: 0.8; */

#bottom2{
    margin-top:1070px;
        margin-top: 160vw;
}

div.item.column-2{
	margin-top: 35px;
}
div.leading-0 h2 a{
	    font-size: 22px;
	    line-height: 32px;	
	}
#bannerder{
	display: none;
}

div.blog-featuredNTX {
    width: 93vw;
}

div.blog-featuredNTX div.item.column-1,
div.blog-featuredNTX div.item.column-2,
div.blog-featuredNTX div.item.column-3 {width: 100%;}


div.item-page {
    width: 88%;
    padding-right: 20px;
}
iframe{
 width:90%; 
}

} /* cierra 700px */

@media screen and (max-width: 587px) {
  #acoAncho{
    max-width: 90%;
}

#socialGab{
	width: 400px;
	}

  #mapar{display:none;}
  #responsivo{display:block;}

	div.leading-0 h2 a{
	    font-size: 16px;
	    line-height: 24px;	
	}
	#bottomright{
		width: 30%;
	    margin-top: -5px;
}
div.item-page {
    width: 80%;
    padding-right: 20px;
}
#acoAncho{
    max-width: 90%;
}
}

@media screen and (max-width: 410px) {
#acoAncho{
    max-width: 80%;
}

#socialGab ul{
	width: 90%;
    margin-left: 20%;
	}

#header {
    height: 250px;
}
#container .main {
	margin-top: 10px;
}
#encabmpf {
    height: 257px;
}
div.leading-0 h2 {
	width: 90%;
}
#header h1#logo a img {
    height: 70px;
    float: left;
    }

   #navbutton a {
    top: -40px;

   } 

#banner2{
background: url();   /* url(../images/banner/banner2.png) no-repeat;*/ 
/*background-size: 95%;
 margin:1%; */
    height: 127vw;
    margin:0;
    padding: 0;
 /*   float: left;
    width: 100%;
margin-top:50px;
margin-left:-20px;*/
}

#b1b, #b2b, #b3b, #b4b, #b5b, #b6b {
 /* height: 80px;*/
  float: left;
      margin:0;
    padding: 0;
}

#b1b{
    margin-left: 1vw;
    margin-top: 3vw;
    width: 90vw;
    height: 17vw;
    background: url(../images/banner/B2pj.png) no-repeat;
    background-size: 80% 120%;
    background-position-x: 7vw;
   }
#b2b{
     margin-left: 1vw;
    margin-top: 3vw;
    width: 90vw;
    height: 18vw;
    background: url(../images/banner/B2ec.png) no-repeat;
    background-size: 80% 120%; 
    background-position-x: 7vw;
}
#b3b{
     margin-left: 1vw;
    margin-top: 3vw;
    width: 90vw;
    height: 17vw;
    background: url(../images/banner/B2gpn.png) no-repeat;
    background-size: 80% 120%;
    background-position-x: 7vw;
}
#b4b{
     margin-left: 1vw;
    margin-top: 3vw;
    width: 90vw;
    height: 18vw;
    background: url(../images/banner/B2leg.png) no-repeat;
    background-size: 80% 120%;
    background-position-x: 7vw;
  }
#b5b{
     margin-left: 1vw;
    margin-top: 3vw;
    width: 90vw;
    height: 17vw;
    background: url(../images/banner/B2pol.png) no-repeat;
    background-size: 80% 120%;
    background-position-x: 7vw;
 }
#b6b{
     margin-left: 1vw;
    margin-top: 3vw;
    width: 90vw;
    height: 17vw;
    background: url(../images/banner/B2cpfd.png) no-repeat;
    background-size: 80% 120%;
    background-position-x: 7vw;
  }

#b1b:hover, #b3b:hover, #b5b:hover{
    margin-left: 1vw;
    /*margin-top: 7vw;*/
    width: 90vw;
    height: 17vw;

    border: solid 1px #ccc;
    box-shadow: 2px 2px 20px #888;
    background-size: 80% 105%; 
    background-position-x: 7vw;
}
#b2b:hover, #b4b:hover, #b6b:hover {
    margin-left: 1vw;
    /* margin-top: 7vw; */
    width: 90vw;
    height: 17vw;

    border: solid 1px #ccc;
    box-shadow: 2px 2px 20px #888;
    background-size: 80% 105%; 
    background-position-x: 7vw;
}

 #msgpri{display: none;}


}
@media screen and (max-width: 448px) {
h3#negra{

    font-size: 14px;
    line-height: 17px;


}
}

@media screen and (max-width: 320px) {

  #acoAncho{
    max-width: 80%;
}

div.clr{    margin-top: -20px;
font-size: 10px;
}
#mod-search-searchword90{float:right;}


div.leading-0 h2 a {
    font-size: 12px;
    line-height: 24px;
}
#b1n a,  #b1nb a, #b2n a, #b3n a, #b4n a, #b4nb a, #b5n a, #b6n a, #b7n a, #b8n a, #b9n a, #b10n a, #b11n a, #b12n a, #b13n a, #bmn a {
    font-size: 2.5vw;
}

h3#negra{

    font-size: 12px;
    line-height: 14px;


}

}
.ui-dialog .ui-corner-all .ui-widget .ui-widget-content .ui-front .ui-draggable .ui-resizable{
z-index: 99999;


}