@import "../../_css_/jux_reset.css";
@import "../../_css_/jux_common.css";
@import "../../_css_/jux_styles.css";
@import "../../_css_/jux_paginator.css";
@import "news.css";
@import "../../_css_/jux_gallery.css";
/*
@import "../../_css_/jux_shop.css";
@import "../../_css_/jux_rss.css";
@import "../../_css_/jux_rating.css";
@import "../../_css_/jux_breadcrumb.css";
*/
@import "calendar.css";
@import "calendar_big.css";
@import "../../_css_/jux_forms.css";
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);



html{
  width:100%;
  font-size: 100%; 
  -webkit-text-size-adjust: 100%; 
  -ms-text-size-adjust: 100%;
    margin:0;padding:0;
}

body{
  color:#55606A;
  font-weight:300;
  font-size:14px;
  font-family: 'Open Sans', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  line-height:16px;
  background-color:#afcbdb;
  background: url(images/background.jpg);
  background-size:cover;
}

html,body{height:100%;}

dt,dd{/*margin:1em 0 .5em 0;*/color:#4c4f55;font-weight:100;font-family:'Open Sans', sans-serif;line-height:1.5em;}

h1,
h2,
h3,
h4,
h5,
h6{  margin:1em 0 .5em 0;color:#112B51;/*#4c4f55;*/font-weight:300;font-family:'Open Sans', sans-serif;line-height:1.5em;/*ont-weight: normal; font-family: 'Gotham Book';*/}
h1{  font-size:48px;}
h2{  font-size:36px;}
h3{  margin-bottom:10px;font-size:24px;}
h4{  font-size:20px;}
h5{  font-size:18px;}
h6{  font-size:16px;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#5D265D;}

.tb_id{ /*font-family: DsignesR,Calibri, Arial, Helvetica, sans-serif;*//*font-size: 15px; */color:#444;/*#357d97;*//*letter-spacing:-0.5px;*/}
form label{ font-family:   Arial, Helvetica, sans-serif;font-size: 13px !important; color:#444;/*#357d97;*/letter-spacing:-0.2px;}
form textarea{width:350px;}


#wrap {background-color:white;  /*    background:url(images/bg.png);*/}
#wrap {position:relative;min-height:100%;/*width:auto; */margin:0 auto;height:auto !important;height:100%;}
    .sombra{-webkit-box-shadow:0 1px 7px rgba(0,0,0,0.12);-moz-box-shadow:0 1px 7px rgba(0,0,0,0.12);box-shadow:0 1px 7px rgba(0,0,0,0.12);}

  #wrap #content{position:relative;border-top:1px solid #eee; min-height:auto;}  

#wrap #header #logo{ position:relative; font-size:2.5em; color:#ecffff; margin-top: 0; margin-left: 0; width:150px;}
#wrap #header #logo a ,
#wrap #header #logo a span{ color:#ecffff;font-family: 'Open Sans', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;}
#wrap #header #logo a span{font-weight:bold;}
#wrap #header #logo a img{width:200px;height:108px;max-width:none;max-height:none;background:white;}

@media screen and (min-width: 1200px) {
    #wrap {position:relative;min-height:100%;width:1200px; margin:0 auto;height:auto !important;height:100%; /*padding: 0 25px 0 25px;*/}
    .sombra{/*-webkit-box-shadow:0 1px 7px rgba(0,0,0,0.12);-moz-box-shadow:0 1px 7px rgba(0,0,0,0.12);box-shadow:0 1px 7px rgba(0,0,0,0.12);*/}
    
    #wrap #header    {position:relative; width:1200px; height:89px;  margin:0 auto; padding:5px 0 5px 0;background-color:#FFF;}
    #wrap #main-menu {width:1200px; margin:0 auto 10px auto;padding:10px 0 0px 0;background-color:#F7F7F8;border-top:0px solid #DEE2E4;border-bottom:1px solid #DEE2E4; }
    #wrap #content{width:1180px; margin:0 auto;position:relative;border-top:0px solid #eee; min-height:600px;margin-left:10px;}
    #wrap #footer {width:100%; margin:0 auto;position:relative;bottom:0px; min-height:100px; border-top:2px solid #DEE2E4; background-color:#F7F7F8; }
   #wrap #footer>p{margin-left:20px;} 
    #wrap #header #logo img{/*width:500px;*/padding-bottom:0px; max-height:40px;}

    #wrap #slide { height: 250px;width: auto;background-color:solid transparent !important;}  
}

@media screen and (max-width: 1200px) {
  #header {}
  #wrap #header #logo img{max-height:30px;}
  #wrap #content  {position:relative;border-top:1px solid #eee; min-height:500px;}
  #wrap #footer   {background-color: white; height:auto; border-top:1px solid #eee;}
    #wrap #slide { height: 200px;width: auto;background-color:solid transparent !important;}  

}

@media screen and (max-width: 800px) {
  #header {}
  #wrap #header #logo img{width:200px;}
  #wrap #content  {position:relative;border-top:1px solid #eee; min-height:500px;}
  #wrap #footer   {background-color: white; height:auto; border-top:1px solid #eee;}
    #wrap #slide { height: 150px;width: auto;background-color:solid transparent !important;}  

}

@media screen and (max-width: 680px) {
  #header {}
  #top_bar{display:none;}
  #wrap #header #logo img{width:170px;}
  #wrap #content  {position:relative;border-top:1px solid #eee; min-height:500px;}
  #wrap #footer   {background-color: white; height:auto; border-top:1px solid #eee;}
    #wrap #slide { height: 100px;width: auto;background-color:solid transparent !important; }  
}

@media screen and (max-width: 480px) {
  #header {}
  #top_bar{display:none;}
  #wrap #header #logo img{width:135px;}
  #wrap #content{position:relative;border-top:1px solid #eee; min-height:500px;}
  #wrap #footer    { background-color: white; height:auto; border-top:1px solid #eee;}
    #wrap #slide { height: 80px;width: auto;background-color:solid transparent !important;}  
}


code { }
pre code { display: block; padding: 10px; background: #eee; color: #333; }
#wrap #content .date { color: #333; }
#wrap #content p{text-align: left;}
#wrap #content ul,#wrap #content ol{margin-left: 50px;}


#wrap #slide { position: relative; width: auto;margin: auto;background-color:solid transparent !important;}  
#wrap #slide div{position: relative; width: 100%; height: 100%; text-align: center; overflow:hidden; /* no tocar */}
#wrap #slide .slide_text{position: absolute; bottom:0px; left:0px; width:100%; height: auto; background:solid transparent; /*url(../../_images_/bg_black_76.png)*/ }
#wrap #slide  h3        {position: absolute; bottom:0px;left:0px; width:100%; height: auto; background:solid transparent /*url(../../_images_/bg_black_76.png)*/; 
                    color:#2E2E2E; font-family: Arial,helvetiva;font-weight: bold; letter-spacing:-1px;font-style: italic; font-size: 2.5em; }


/***  MENU ******/
#mainmenu                { border-bottom:50px solid transparent;  }
#mainmenu ul             { margin:0 auto 0 auto; padding: 0; list-style: none;}
#mainmenu li             { /*float: right;*/ position: relative; margin: 4px 5px 2px 0px; display: inline-block;
                           }

#mainmenu ul li a        { font-family: Montserrat,'Open Sans',sans-serif; /*font-size: 16px; font-weight: 600;*//* color: #c9c4cb;*/color:#070B19;  display: block;    position: relative;
                           font-style: normal; font-variant: normal; font-weight: normal; font-size: 14px; line-height: 18px; font-size-adjust: none; font-stretch: normal; vertical-align: top;
                           -moz-transition-property: background-color;-webkit-transition-property:background-color; -o-transition-property: background-color; transition-property: background-color;
                           -moz-transition-duration: 0.2s; -webkit-transition-duration: 0.2s;  -o-transition-duration: 0.2s; transition-duration: 0.2s;
                            border: none;padding: 7px 10px;}
#mainmenu ul li a:hover { color:#ededed;  text-decoration: none; background-color: #B3A38F;}
#mainmenu ul li.selected a { color:#ededed;  text-decoration: none; background-color: #37385C;}
#mainmenu ul li.active a { color:#ededed;  text-decoration: none; background-color: #B3A38F;}
#submenu                {   }
#submenu ul             { margin:0 0 0 30px; padding: 0; list-style: none;}
#submenu li             { float: left; position: relative; margin: 4px 10px 2px 10px;}
#submenu ul li a        { font-family: Montserrat,'Gotham Book',Helvetica, Arial; font-size: 14px; font-weight: normal; color:#777;  display: block;    position: relative;}
#submenu ul li a:hover,
#submenu ul li.active a { color:#333; text-decoration: none;}


#wrap #content-parent #div-center>ul li{list-style-type: circle;margin-left: 40px;}
#wrap #content-parent #div-center>ol li{list-style-type: decimal;margin-left: 40px;}
#wrap #content-parent #div-center>p{margin:15px 10px 10px 0px; text-align: justify;}


#nyroModalTitle,
#nyroModalContent div{display: none;}

#form_contacto_form legend {display: none;}
.readmore{display: block;color:#7a7968;}
.cell-datetime span{font-size: 1em;}
.ui-tabs .ui-tabs-panel {border-width:1px 0 0 0; border-top: 1px solid #79b7e7;}

.home_item .wk_clear {	clear:both;}
.home_item {border-bottom:1px dotted #666666;margin:10px 0 10px 0;width:100%;position: relative;min-height: 100px;}

.home_item .summary {width:auto;margin-left:140px;/*float:right;*/}
.home_item .summary h4{margin:0px;padding:0;}
.home_item .summary .title{margin:0px;padding:0; color: #333; font-size:1.2em;}
.home_item .summary p{margin:0px;padding:0;/* font-stretch: condensed;*/}
.home_item .summary div{margin:0px;padding:0;}

.home_item .photo {	position:absolute; top:1px; left:0px; padding:0px; margin:0 10px 10px 0;max-width: 120px;
-webkit-box-shadow: 1px 3px 9px #ccc;
   -moz-box-shadow: 1px 3px 9px #ccc;
        box-shadow: 1px 3px 9px #ccc;
}

.home_item .readmore{ margin:0px;padding: 1px 10px 2px 10px; height: 14px;font-size: .8em;color: #fff; float:right;
                      border:none;background:transparent;cursor: pointer;text-decoration:none;color:#888;
                      -moz-border-radius: 2px;
                      -webkit-border-radius: 2px;
                      -khtml-border-radius: 2px;border-radius: 2px;
                       text-shadow:0px 0px 0 #777; }
.home_item .readmore:hover {color: #fff;background:#58bffd; border:0px;-moz-box-shadow:0 0 5px #A6E5FD;-webkit-box-shadow:0 0 5px #A6E5FD;	box-shadow:0 0 5px #A6E5FD;}



/* 
------------------------------------------------------------------------
LIST 
------------------------------------------------------------------------
*/

.mod_list_item{ display: block; margin-top:10px !important; width: 100%; border-bottom:0px solid silver; padding:0px 0 0px 0px; }
.mod_list_item h1 {display:inline;}
.mod_list_item p {  margin:8px 0px 8px 0px; color:#4b4d4d; line-height:15px; /*text-align:justify;*/ }
.mod_list_item>img { float: right; margin-left:15px;width: 70px;}
.mod_list_footer {text-align:right; color:#fe8e29; margin-bottom:0px; clear:both;}
.mod_list_footer a {float:right; color:#fe8e29;text-decoration:none; padding: 0 0 0 5px;}
ul.cuadrado li{list-style-image: url(images/cuadrado.gif);padding: 10px 0 10px 0; }
li.cuadrado{list-style-image: url(images/cuadrado.gif) !important; padding: 10px 0 10px 0; }
li.triangulo{list-style-image: url(images/triangulo.gif); padding: 10px 0 10px 0; }
ul.links li{list-style-image: url(images/triangulo.gif);padding:0px !important;  margin-left:30px;}
ul.links li a{} 
ul.links li.li_categorie{list-style-image: url(images/cuadrado.gif);  margin-left:0px; margin-top:10px; font-weight: bold;/*color:white; */}

.event_date{font-size: 1.2em;font-weight: bold;float: right;}

/* 
------------------------------------------------------------------------
DETAIL 
------------------------------------------------------------------------
*/

.div_prev_next {margin-bottom: 15px !important;}
.div_prev_next .row span a {font-size: .95em; color:#dea140; text-decoration: none;}
.div_prev_next .row span a:hover {font-size: .95em; background-color:#b8d1dd;border: 0px solid #0084d7;}

.mod_detail_item {}
.mod_detail_item h1{ display: block;border-bottom:1px solid silver;}

.mod_detail_item p{margin-top:20px;text-align: justify;}
.mod_detail_item>img { float: left; margin-right:15px;}

.mod_detail_footer{text-align:right;height:16px;border-bottom:1px solid silver;line-height:16px;color: #626262;clear:both;margin-bottom: 15px !important;}
.mod_detail_footer span {font-size : 0.9em; color: #454a58; margin: 0px 0px 0px 0px;padding:0px }
.mod_detail_footer span img {height:10px;}
.mod_detail_footer a{text-align:right;font-size : .8em; color: #3E45BA; font-weight:bolder;margin: 0px 0px 0px 15px;}


.news_body{width: 100% !important;}
.news_rowtop  {background: url(images/etiquetas.png);background-repeat: no-repeat;
    border-bottom: 0px solid #CCC;text-align:left; margin: 20px 0px 2px 0px;padding:0px;
    line-height:16px;}
.news_rowtop span { line-height:16px;padding:0px; ;color: #626262;}
  .news_section,
  .news_categorie   {margin:0 0 0 20px;}
  .news_categorie a  {color:#bbbbbb !important;font-size: 1.1em !important;}
  .news_date        {float:right;font-size: 0.8em;}
  .news_date span   {font-size: 1em;}

.news_sign{display:block; text-transform:uppercase; font-family : Tahoma,Arial, Helvetica, sans-serif; font-size : 9px;padding:0px; margin:0px;color: #626262; }

.news_translation_flags{float:right;}
.news_title{text-align:left;  color: #303f6e; font-size : 1.8em;clear: both;}
.news_subtitle{display:block;text-align:left; font-size : 13px; color: #666; font-weight:bolder; padding:0px;margin: 2px 0px 0px 0px;}
  
.news_text   {text-align:justify;  margin-top:0px; width:100% !important; padding: 0px !important;}
.news_intro  {text-align:justify;  margin-top:0px; width:100% !important; padding: 0px !important;}
.news_intro  {background: url(images/bg_item.png);background-repeat: repeat-x;  }

.news_intro{width:100% !important; padding: 0px !important;}

  .news_image  {width:136px;float:right;}
  .news_thumb {float:right;margin:0px 0 10px 10px;}
  .news_photo {float:left; margin:0px 0 10px 0;}

.news_footer{text-align:right;height:16px;line-height:16px;color: #626262;clear:both;border-bottom: 1px dotted gray; margin-bottom: 15px;}
.news_footer span {float:right;font-size : 11px; color: #454a58; margin: 0 0 0 5px;padding:0px }
.news_footer span img {height:10px;}
.news_footer span a{color:#bbbbbb;} 
.news_footer span a:hover{color:#112B51;} 
  .news_footer_a{text-align:right;color: #bbbbbb; font-weight:bolder;margin: 0px 0px 0px 15px;}
 
.news_rating {border:0px solid red;}

.list_footer {margin-top:40px;border-top: 1px solid #CCC;font-size:14px;line-height: 22px;text-align:right;}



#box_noticias{min-height:120px;position:relative; padding:0px 5px;  /*background: url(images/ribbon_new_es.png); background-repeat: no-repeat;background-position:top right;*/
        color: #c09853; background-color: #fcf8e3; border: 1px solid #fbeed5;
        /*background-color: #FDEFBD; border: 1px solid #f0f0f0;*/
        zoom:1;filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=3);
        -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;width:170px;margin:0 0 10px 15px;}
#box_noticias>div{/*background-color: #ECF7FD;*/}
#box_noticias a{text-decoration:none;}	
#box_noticias KKimg{margin-bottom:10px;width:100%;}
#box_noticias p{width:100%;text-decoration:none;font-size:.8em;text-align:left;}	
#box_noticias p b{width:100%; text-decoration:none; font-size:1.1em;text-align:left;}	
#box_noticias h3{display:none;margin:0px;padding:0px;}
#box_noticias .title{font-weight:bold; color:#0080C0; font-size:1.45em; /*line-height:1.15em;*/}

#box_noticias img.ribbon { position:absolute;  right:0px; top:0px; height:100px;  width:100px;  z-index:1;  border: 0;  }




.box_b,
.box_w{ width:170px;margin:0 0 10px 15px;padding:0px 5px;}
.box_b{ background-color: #9ba4af; /*#2b2b2b;*/ /*f0e45f;*/  border-top:4px solid #2b2b2b;   border-bottom:8px solid #bcbcc8; }
.box_w{ background-color: #f9f9f9; border:1px solid #f0f0f0;zoom:1; filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=2);}
.box_d{margin: 0 0 5px 0;padding:0; background-color: white;  /* background: url(images/bg_footer.png);*/ border: 0px; text-align: center;}
.box_d img{margin-top: 10px;}
.box_b > div,
.box_w > div{ margin:0px;}
.box_b .box_content,
.box_b > div .box_content,
.box_w > div .box_content{  padding:3px;margin-left:0px; font-size:.8em;color:#3e3d3d;line-height: 0.95em;text-align: left;}
.box_w > div .box_title{  font-size:.8em;margin-bottom:6px;color:#3e3d3d;}
.box_b > div .box_title{  font-size:.8em;margin-bottom:6px;color:#5c5b5b;}
.box_w .box_content a img{ float:left;width:55px;margin: 2px 5px 5px 0;}
.box_w .box_content a img{ }
.box_b > div .box_footer,
.box_w > div .box_footer{  margin: 0 0 7px 8px;}
.box_b .box_top{background: url(images/box_b_top.png); height: 4px;display:none; }
.box_b .box_center{/*background: url(images/box_b.png);*/margin-bottom: 4px;}
.box_b .box_bottom{background: url(images/box_b_bottom.png);height: 4px;background-position: bottom;display:none;}
.box_w .box_top{background: url(images/box_w_top.png); height: 4px;display:none;}
.box_w .box_center{/*background: url(images/box_w.png);*/}
.box_w .box_bottom{background: url(images/box_w_bottom.png);height: 4px;background-position: bottom;display:none;}
.box_header{color:#444;  margin:10px 3px 7px 3px; border-bottom:1px dotted  #a4a1a1;  padding:0px 0 5px 0;}
.box_header img{margin: 3px 5px 0 0;}
.box_b .box_center .box_header{color:#eee;}
.box_icon{border:0px; margin:5px 2px 0px 0px;}
.box_b .box_title{color:silver;margin:0px 0px 4px 6px;}
.box_b .box_content{margin:0px 0px 4px 0px;color:#c0c0c0;font-size: 0.9em;}
.box_b .box_content img{ margin:4px 4px 4px 0px; float:left;}
.box_b .box_content img{ width: 70px; /*184px;*/}
.box_content .vermas {color:#fac00e;display:block;clear: both;text-align: right;}
.textrss{color:#77b5f3;text-decoration:none;}
.box_content_item{ margin:0px 0px 5px 0px; }


#faq h1{ /* color:#fff;*/  font-size:3em;  font-weight:normal;}

#faqSection{padding:20px 30px 10px 10px;border:1px solid white;  text-shadow:1px 1px 0 white;}


/* The expand / collapse button */

#faqHeadingSection{position:relative;}
#faqHeadingSection a.faqbutton{  background:url('images/buttons.png') no-repeat;  width:80px;  height:38px;
      position:absolute;right:50px;top:45px;text-indent:-9999px;overflow:hidden;  border:none !important;}
#faqHeadingSection a.faqbutton.expand:hover{ background-position:0 -38px;}
#faqHeadingSection a.faqbutton.collapse{ background-position:0 -76px;}
#faqHeadingSection a.faqbutton.collapse:hover{ background-position:0 bottom;}
  
/* Definition Lists */
#faqSection .faq_item{position:relative; padding:1px 5px 5px 5px;  display:block;}
#faqSection .faq_item a{text-decoration:none;color:#888888;}
#faqSection dt{ color:#888;font-size:1.2em;  margin-top:1px;padding-left:15px; position:relative; cursor:pointer;display:block;}
#faqSection dt:hover{ color:#5f6a73;}
#faqSection dt .icon{  background:url('images/bullets.png') no-repeat;  height:12px;  left:0;  position:absolute;  top:6px;  width:12px;}
#faqSection dt img{height:18px; margin: 0 5px 0 5px;display:none;}
#faqSection dt.opened .icon{ background-position:left bottom;}
#faqSection dd{  font-size:0.9em;  color:#717f89;  line-height:1.5;  padding:6px 0 15px 25px;  display:none;}

#nofaqSection .readmore{color:#0066d5;float:right;font-size:.9em;}

#faqSection .readmore{ margin:0px;padding: 0px 10px 2px 10px; height: 16px;font-size: .8em;color: #fff;position:absolute; bottom:3px; right:3px;
border:none;background:transparent;cursor: pointer;-moz-border-radius: 2px;-webkit-border-radius: 2px;-khtml-border-radius: 2px;border-radius: 2px;
text-shadow:0px 0px 0 #777;text-decoration:none;color:#888; }
#faqSection .readmore:hover {color: #fff;background:#58bffd; border:0px;-moz-box-shadow:0 0 5px #A6E5FD;-webkit-box-shadow:0 0 5px #A6E5FD;  box-shadow:0 0 5px #A6E5FD;}
#faqSection .faq_item:hover{background-color:#f9f9f9; -moz-border-radius: 2px;-webkit-border-radius: 2px;-khtml-border-radius: 2px;border-radius: 2px;-moz-box-shadow:0 0 5px #d9d9d9;-webkit-box-shadow:0 0 5px #d9d9d9;  box-shadow:0 0 5px #d9d9d9;}

#faqSection .link-edit {position:absolute; top:3px; right:3px;}
#faqSection .link-edit img {padding:0; margin:0; height:9px; }

.faq_list_item {/*background:url(../../_images_/dialogs/dialog_info.png); background-repeat:no-repeat; */
                padding:0 0 10px 5px;border-bottom:1px solid #eee;margin-top:30px !important;margin-bottom:4px !important;}
.faq_list_item:first-child{border-top:1px solid #eee;margin-top:40px !important;}
.faq_list_item .faq_icon {float:left;width:48px;margin:0 15px 10px 0;}
.faq_list_item h3{/*margin:0px !important; padding:0px !important;border-bottom:0px !important;font-size:1.6em;*/}
.faq_list_item p{/*margin:0px !important; padding:0px !important;*/text-align: justify;}
.faq_list_item .readmore{color:#93AFE6;float:right;}
.faq_list_item .faq_list_buttons{float:right;}
.faq_list_item .faq_list_buttons img{width:12px;}

/*************************************/
#user_info{position:absolute; right:10px;bottom:10px;  line-height:20px; height:20px;}
#user_info .icon_user{ background:url(../../_images_/famfam/user.png);background-repeat:no-repeat;padding-left:19px;background-position:3px 5px;}


#user_info  a {vertical-align:top;font-size:.9em;line-height:1em;padding: 2px 4px;display: inline-block;padding-bottom: 3px;
               text-decoration:none;
               /*border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;*/
               background-color:#E9E9E9;color: white;
               /*
               background-image: -moz-linear-gradient( rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 95%);
               background-image: -webkit-linear-gradient( rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 95%);
               background-image: linear-gradient( rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 95%);   */}
#user_info .button-profile{color:#888;}
#user_info .button-profile:hover{color:#37385C;}

#user_info .button-login,
#user_info .button-logout{padding-left: 5px; padding-right: 5px;}
#user_info .button-login{background-color: #33b075; /*#69ffaf;*/}
#user_info .button-logout{background-color: #B3A38F;}
#user_info .button-login:hover,
#user_info .button-logout:hover{color:red;} 


#user_info_selected .badge {
    position:absolute;
    right:-10px;
    top:-8px;
    /*z-index:1;*/
    background:         radial-gradient( 5px -9px, circle, white 8%, silver 26px );
    background:    -moz-radial-gradient( 5px -9px, circle, white 8%, silver 26px );
    background:     -ms-radial-gradient( 5px -9px, circle, white 8%, silver 26px );
    background:      -o-radial-gradient( 5px -9px, circle, white 8%, silver 26px );
    background: -webkit-radial-gradient( 5px -9px, circle, white 8%, silver 26px );
    background-color: #E6E6E6;
    border: 2px solid #ffd9d9;
    border-radius: 12px; /* one half of ( (border * 2) + height + padding ) */
    -moz-border-radius: 12px; /* one half of ( (border * 2) + height + padding ) */
    -webkit-border-radius: 12px; /* one half of ( (border * 2) + height + padding ) */
    box-shadow: 1px 1px 1px black;
    -moz-box-shadow: 1px 1px 1px black;
    -webkit-box-shadow: 1px 1px 1px black;
-webkit-box-shadow: 1px 2px 4px black;
   -moz-box-shadow: 1px 2px 4px black;
        box-shadow: 1px 2px 4px black;
    color: white;
    /*font: bold 15px/13px Helvetica, Verdana, Tahoma;*/
    font-weight:100;font-family:'Open Sans', sans-serif;line-height:1.5em;font-style: normal;
    height: 18px; 
    padding:  5px 8px 2px 8px;
    text-align: center;
    min-width: 14px;
}


#user_info .badge {
    /*
    position:absolute;
    right:-10px;
    top:-28px;
    */
    position:fixed;
    top: 10px;
    right: 10px;
    /*z-index:1;*/
    background:         radial-gradient( 5px -9px, circle, white 8%, red 26px );
    background:    -moz-radial-gradient( 5px -9px, circle, white 8%, red 26px );
    background:     -ms-radial-gradient( 5px -9px, circle, white 8%, red 26px );
    background:      -o-radial-gradient( 5px -9px, circle, white 8%, red 26px );
    background: -webkit-radial-gradient( 5px -9px, circle, white 8%, red 26px );
    background-color: #f23e5c;
    border: 2px solid #ffd9d9;
    border-radius: 3px; /* one half of ( (border * 2) + height + padding ) */
    -moz-border-radius: 3px; /* one half of ( (border * 2) + height + padding ) */
    -webkit-border-radius: 3px; /* one half of ( (border * 2) + height + padding ) */
    box-shadow: 1px 1px 1px black;
    -moz-box-shadow: 1px 1px 1px black;
    -webkit-box-shadow: 1px 1px 1px black;
-webkit-box-shadow: 1px 2px 4px black;
   -moz-box-shadow: 1px 2px 4px black;
        box-shadow: 1px 2px 4px black;
    
    color: white;
    /*font: normal 15px/13px Helvetica, Verdana, Tahoma;*/
    font-weight:100;font-family:'Open Sans', sans-serif;line-height:1.5em;font-style: normal;
    height: 18px; 
    padding: 5px 8px 2px 8px;
    text-align: center;
    min-width: 14px;
    cursor:pointer;
}

#user_info .badge a{
}



#faq h1{  color:#fff;  font-size:3em;  font-weight:normal;}

#faqSection{padding:20px 30px 10px 10px;border:1px solid white;  text-shadow:1px 1px 0 white; margin: 30px 0 30px 0;}
#faqSection .nav_div{margin-top:30px;}

/* The expand / collapse button */

#faqHeadingSection{position:relative;}
#faqHeadingSection a.faqbutton{  background:url('images/buttons.png') no-repeat;  width:80px;  height:38px;
      position:absolute;right:50px;top:45px;text-indent:-9999px;overflow:hidden;  border:none !important;}
#faqHeadingSection a.faqbutton.expand:hover{ background-position:0 -38px;}
#faqHeadingSection a.faqbutton.collapse{ background-position:0 -76px;}
#faqHeadingSection a.faqbutton.collapse:hover{ background-position:0 bottom;}
  
/* Definition Lists */
#faqSection .faq_item{position:relative; padding:1px 5px 5px 5px;  display:block;}
#faqSection .faq_item a{text-decoration:none;color:#0096e6;}
#faqSection dt{ color:#888;font-size:1.2em;  margin-top:1px;padding-left:15px; position:relative; cursor:pointer;display:block;}
#faqSection dt:hover{ color:#5f6a73;}
#faqSection dt .icon{  background:url('images/bullets.png') no-repeat;  height:12px;  left:0;  position:absolute;  top:6px;  width:12px;}
#faqSection dt img{height:18px; margin: 0 5px 0 5px;display:none;}
#faqSection dt.opened .icon{ background-position:left bottom;}
#faqSection dd{  font-size:0.9em;  color:#717f89;  line-height:1.5;  padding:6px 0 15px 25px;  display:none;}

#nofaqSection .readmore{color:#0066d5;float:right;font-size:.9em;}

#faqSection .readmore{ margin:0px 50px 0 0;padding: 0px 10px 2px 10px; height: 16px;font-size: .8em;color: #fff;position:absolute; bottom:3px; right:3px;
border:none;background:transparent;cursor: pointer;-moz-border-radius: 2px;-webkit-border-radius: 2px;-khtml-border-radius: 2px;border-radius: 2px;
text-shadow:0px 0px 0 #777;text-decoration:none;color:#888; }
#faqSection .readmore:hover {color: #fff;background:#58bffd; border:0px;-moz-box-shadow:0 0 5px #A6E5FD;-webkit-box-shadow:0 0 5px #A6E5FD;  box-shadow:0 0 5px #A6E5FD;}
#faqSection .faq_item:hover{background-color:#f9f9f9; -moz-border-radius: 2px;-webkit-border-radius: 2px;-khtml-border-radius: 2px;border-radius: 2px;-moz-box-shadow:0 0 5px #d9d9d9;-webkit-box-shadow:0 0 5px #d9d9d9;  box-shadow:0 0 5px #d9d9d9;}

#faqSection .link-edit {position:absolute; top:3px; right:3px;}
#faqSection .link-edit img {padding:0; margin:0; height:9px; }

.faq_list_item {/*background:url(../../_images_/dialogs/dialog_info.png); background-repeat:no-repeat; */
                padding:0 0 10px 5px;border-bottom:1px solid #eee;margin-top:30px !important;margin-bottom:4px !important;}
.faq_list_item:first-child{border-top:1px solid #eee;margin-top:40px !important;}
.faq_list_item .faq_icon {float:left;width:48px;margin:0 15px 10px 0;}
.faq_list_item h3{/*margin:0px !important; padding:0px !important;border-bottom:0px !important;font-size:1.6em;*/}
.faq_list_item p{/*margin:0px !important; padding:0px !important;*/text-align: justify;}
.faq_list_item .readmore{color:#93AFE6;float:right;}
.faq_list_item .faq_list_buttons{float:right;}
.faq_list_item .faq_list_buttons img{width:12px;}




.item_footer span{font-size:.7em;color:#555555;}

  .dropdown-menu {left:50px !important;}
  .dropdown-menu li {display:block !important;}

  .table-footer th {text-align:right !important}
  .table-footer li a {
    margin: 1px !important;
    border-color: #9E9FA1 !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  .pdf {background-position-x:50% !important;color:#253781 !important;}
  .pagination ul li a {padding:1px 6px 3px 6px !important;}

  .nav_link_aux  {                      
    color: #253781 !important;
  }
  .table-footer th, .tb-title, .btn-primary, .pagination .btn-info {background-color: #253781 !important;}
  td .btn-primary {
    background-color: #253781 !important;
  }
  .pagination .btn-info {
    background-color: #253781 !important;
    background-image: -moz-linear-gradient(top, #fff, #253781);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#253781));
    background-image: -webkit-linear-gradient(top, #fff, #253781);
    background-image: -o-linear-gradient(top, #fff, #253781);
    background-image: linear-gradient(to bottom, #fff, #253781);
  }
  td .btn-primary, th .btn-primary, #previo_agenda .btn-primary {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-top: 0px;
    margin: 2px !important;
    background-color: #253781 !important;
    background-image: -moz-linear-gradient(top, #fff, #253781);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#253781));
    background-image: -webkit-linear-gradient(top, #fff, #253781);
    background-image: -o-linear-gradient(top, #fff, #253781);
    background-image: linear-gradient(to bottom, #fff, #253781);
  }
  .pagination .btn-success {
    background-color: #88B81A !important;
    background-image: -moz-linear-gradient(bottom, #253781, #88B81A);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#88B81A), to(#253781));
    background-image: -webkit-linear-gradient(bottom, #253781, #88B81A);
    background-image: -o-linear-gradient(bottom, #253781, #88B81A);
    background-image: linear-gradient(to top, #253781, #88B81A);
  }

  .tb-title {color: #88B81A !important;background-image:none !important; text-align:center !important;}
  
  .ui-tabs .ui-tabs-nav li a { height:20px;  padding-top: 5px !important;}
  .ui-state-default a {color: #88B81A !important;}  
  .ui-state-active a {color: #253781 !important;}  
                                    
  .pagination {margin-top: 0px !important;}
  .pagination a {cursor: pointer !important;}
  .search-form-input {margin-top: 10px !important;}
  
  .controls input, .controls select, .controls textarea {font-size:13px !important;}    
  
  #VGEST_JPA_PLAZA_AGENDA .table-footer ul {
    font-size: 10px !important;
    padding-left:0px !important;
    margin-left:0px !important;
  }
  
  .mensajes_des{
    border-left-width: 1px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
    margin: 0px 0px 4px 0px !important;
    display:inline-block;
    background-color:#eee;
    width:45%;
    padding:5px;
  }

  h6 {margin: 0px 0px 4px 0px !important;font-size:11px !important;line-height:11px !important;font-weight:bold !important;}
  h6 span {text-decoration:underline !important;font-weight:bolder;text-decoration-color: #FA5858 !important;}
  h6.resaltado {margin: 0px 0px 4px 0px !important;font-size:14px !important;line-height:16px !important;font-weight:bold !important;}

  .ui-dialog {width:70% !important;height:70% !important;overflow:scroll !important;}

  .btn_ayuda {margin:0px !important;float:left;}
  .ayuda_dialog {margin:0px 20px;}
  .ayuda_dialog div {padding:5px 0px;font-size:1.2em;font-weight:700;}

.separator span {
  margin-left: 30px;
  color: #aaa !important;
  font-style: italic;
}

.submenu {
  padding:6px !important;
}

.submenu li {
  margin-top:0px !important;
  margin-bottom:0px !important;                             
}

.submenu li a {
  line-height:8px !important;
  font-size:13px !important;
}

.div_empty {display:none;}
                               
.cell-date {
  width: 60px !important;
}                               

#column_ACTIVE_CALC, .cell_ACTIVE_CALC,
#column_ACCIONES, .cell_ACCIONES {text-align: center !important;}

.actions {text-align: center !important;}

.list_items_section div {display: inline-block;}

table td, table th {font-size: 11px !important;}

.r-tabs-nav a {
  font-size: 12px !important;
}

.waiting {
	animation: spin 1s linear infinite;
}

.waiting_line {
  width: 100%;
  height: 20px;
  border: 1px solid #009aff;
  border-radius: 3px;
  opacity: 0.1;
    filter: alpha(opacity=10);
  background-image: 
    repeating-linear-gradient(
      -45deg,
      #009aff,
      #009aff 11px,
      #eee 10px,
      #eee 20px /* determines size */
    );
  background-size: 28px 28px;
  animation: move .5s linear infinite;
}

@keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 28px 0;
  }
}


@keyframes spin
{
	from { transform: rotate(0deg);   opacity: 0.2; }
	50%  { transform: rotate(180deg); opacity: 1.0; }
	to   { transform: rotate(360deg); opacity: 0.2; }
}