@charset "UTF-8";
/*--------GENERALES----------*/
  body {
    background-color: #ece8e5;
    font-weight: normal;
  }


/*-------- add Typography ------*/
  @font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'open_sansitalic';
    src: url('../fonts/OpenSans-Italic-webfont.eot');
    src: url('../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Italic-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
  }

/* EXTRALIGHT */
.elight{
  font-weight: normal;
}

/* LIGHT */
.light{
  font-weight: normal;
}

/* REGULAR */
.regular, nav ul li a{
  font-weight: normal;
}

/* REGULAR */
.openregular{
  font-weight: normal;
}

/* BOLD */
.bold, strong, nav ul a{
  font-weight: normal;
  font-family: 'open_sansbold';
}

/* ------------ TYPO ------------ */
  h1, h2, h3, h4, h5{color:#265299;font-family: 'open_sanssemibold'; font-weight: normal;}
  a, p , ul li, strong, i{font-size: 14px;line-height: 140%;}
  a{text-decoration: none;color: inherit;}
  strong{font-family: 'open_sansbold'}
  
  ul li{}
  ul li a{}
  ul li a:hover{}
  ul li a:active{}

  p strong{font-family: 'open_sansbold';}
  p a{}
  p a:hover{}
  p a:active{}
  p i{font-weight: normal; font-family: 'open_sansitalic';}

/*-------- Class ----------*/
  /*align*/
  .aleft{text-align: left}
  .aright{text-align: right}
  .acenter{text-align: center}

  /*float*/
  .left{float: left}
  .right{float: right}
  .center{float: none;margin: 0 auto}

  /*position*/
  .rel{position: relative}
  .abs{position: absolute}

  /*clear & display*/
  .clear{clear: both;width: 100%;display: block}
  .none{display: none}

/* --------- Header & Nav ------ */
  header {
    /*background: #3F74CD;*/
    background: #0252A8;
    height: 52px;
    padding: 10px 0 0 0;
    position: relative;
    z-index: 10;
  }  
  .cont{margin: 0 auto}

  .logo {
    display: block;
    margin-left: 5%;
  }
  .logo img {
      width: 100px;
  }  

  header nav{
    position: absolute;
    top: 40px;
    /*background-color: #3F74CD;*/
    background-color: #0252A8;
    width: 100%;
    z-index: 2;overflow: hidden
  }
  
  header nav ul {display: block}
  
  header nav ul li a {    
    color: #FFF;
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
    text-transform: uppercase
  }
  header nav ul li a br{display: none}
  header nav ul li a:hover, .mobile header nav ul li a:active{color:#6EDBFF}

  header nav ul li span{display: block;margin: 0 auto; height: 22px;/* background-image: url(../img/design/bg_menu.png); */background-repeat: no-repeat;margin-bottom:7px;display: none;}

  .a1 span{width:23px;background-position: 0 0}
  .a2 span{width:30px;background-position: -23px 0}
  .a3 span{width:20px;background-position: -53px 0}
  .a4 span{width:16px;background-position: -73px 0}
  .a5 span{width:19px;background-position: -89px 0}
  .a6 span{width:30px;background-position: -108px 0}

  .a1:hover span{width:23px;background-position: 0 -21px}
  .a2:hover span{width:30px;background-position: -23px -21px}
  .a3:hover span{width:20px;background-position: -53px -21px}
  .a4:hover span{width:16px;background-position: -73px -21px}
  .a5:hover span{width:19px;background-position: -89px -21px}
  .a6:hover span{width:30px;background-position: -108px -21px}


/*--------------SLIDE --------------*/
  .slider_content{text-align: center}
  .slider{text-align: center;overflow: hidden;position: relative;}

/***********SLIDER CONTAINER ***********/
.iosSlider .slider .item p{display: none}
@media screen and (max-width:440px){
  /*.slider{height: 322px}
  .slider img{position: absolute;left: 50%;margin-left: -609px;}*/
}
@media screen and (min-width:440px) and (max-width:1217px) {
  .slider img{width: 100%;overflow: hidden;}
}
  
/*-------------- DEFAULT CSS --------------*/
/*BLOCKS*/
  .col1{width: 100%}
  .col2{width: 100%}
  .col2Big{width: auto}
  .col3{width: 100%}
  .cont{width: 86%}
  .cont_main{padding: 25px 0}
  .main{background-color: #fff}

/* WELCOME  */
  .case_welcome{padding: 20px 0;background: #FFF3D2 url(../img/design/bg_welcome.jpg) left bottom repeat-x;position: relative;z-index: 1;border-top: solid 6px #4DA6FF}
  .tit_welcome{color: #265299;font-size: 26px;font-family: 'open_sanssemibold'}
  .txt_welcome{text-align: justify;margin-bottom: 12px;}
  .btn1{display: block;width: 158px; height: 36px; background: url(../img/design/btn1.png) 0 0 no-repeat;box-shadow: 0 1px 2px #333;border-radius: 5px;}
  .tit_welcome{font-size:18px}

/*COL 1 */
  /*.col1{display: none}*/
  .side-tit{font-size: 18px;color:#265299;padding-bottom:6px;margin-bottom: 10px;background: url(../img/design/bg_list.gif) left bottom no-repeat}
  .list {margin-bottom: 15px}
  .list ul{display: block}
  .list li{padding-left:15px;background: url(../img/design/bullet1.png) 0 8px no-repeat;line-height: 180%}  
  .list li a{font-size: 14px;font-family: 'open_sansbold';color:#3F72CC;text-decoration: none;padding-bottom: 4px;border-bottom: solid 1px #eee}
  .list li a:hover {color: #0080FF;border-bottom: solid 1px #0080FF}
  
  .img_publicaciones {
    text-align: center;
    width: auto;
    padding: 15px;
    background-color: #D6D6D6;
    margin: 6px 0 12px;
    border-radius: 6px}

  .link-custom{display: block;padding: 12px;background-color: #EAEAEA;font:13px 'open_sansbold';color: #00468C;margin-bottom: 15px;border-radius: 10px}
  .link-custom:hover{color: :;80FF}
  .icon-custom{display: block;float: left;background-position: 0 0;background-repeat: no-repeat;margin-right: 10px}
  .icon-custom1{width:24px;height:29px;background-image: url(../img/design/icon_custom1.png)}
  .icon-custom2{width:46px;height:30px;background-image: url(../img/design/icon_custom2.png)}
  .icon-custom3{width:29px;height:29px;background-image: url(../img/design/icon_custom3.png)}
  
  .custom_publicacion{padding: 7px;border-radius: 7px;display: block;background-color: #fff;width: 150px;-moz-box-shadow:0px 2px 2px rgba(0,0,0,0.65);-webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.65);box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.44);margin: 10px auto 15px}

  .link-custom {
    display: block;
    padding: 12px;
    background-color: #EAEAEA;
    font: 13px 'open_sansbold';
    color: #00468C;
    margin-bottom: 5px;
    border-radius: 5px;
  }
  .link_custom1 {
    color: #FFF;
    background: url(../img/design/link_custom1.jpg) 0 0 no-repeat;
    padding-left: 39px;
    padding-top: 8px;
    height: 15px;
    box-shadow: 0 1px 2px rgba(51, 51, 51, 0.24);
    text-shadow: 0 1px 1px rgba(90, 88, 88, 0.66);
  }
  a.link_custom1:hover{background-position: 0 -35px;color: #fff}

/*COL CENTRAL */
.th {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: solid 1px #E2E2E2;
}
.th:last-child{border-bottom: none}

.th_tit {
    color: #265299;
    line-height: 130%;
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 16px;
    display: block;
}
.th_img {
    text-align: center;
    margin-bottom: 10px;
    float: left;margin-right:15px;
}

.th_img img{width: auto;max-width: 265px;border: solid 5px #4DA6FF;padding: 1px;}

/* features*/
.th.big .th_img{float: none;margin-right: 0;}
.th.big .th_img img{width: 100%;max-width: 265px}
.th.big .th_tit{font-size: 24px}

.th_more {
  color: #3F72CC;
  text-decoration: none;
  background-color: #F0F0F0;
  padding: 9px 16px;
  border-radius: 15px;
  margin-top: 15px;
  font-weight: bold;
  font-size: 13px;
}
.th_txt p {
  text-align: left;
    margin-bottom: 15px;
}

.th_tit:hover {
    color: #0080FF;
    text-decoration: underline;
}

.th_more:hover {
  padding: 7px 14px;
  color: #3F72CC;
  border: solid 2px #3F72CC;
}

.mobile .th_tit:active {
    color: #0080FF;
    text-decoration: underline;
}

.mobile .th_more:active {
    color: #3F72CC;
    border: solid 2px #3F72CC;
}

/*COL 2 */

.box_revista {
  background: #FFF8E5;
  padding: 15px 20px;
  border-radius: 10px;
  margin-bottom: 25px;
  width: auto;
  border: solid 1px #D4BB37;
  clear: both
}

.box_reveista_txt {
  margin-bottom: 15px;
}

.box_tit {
  color: #265299;
  font-size: 18px;
  line-height: 100%;
}

.box_tit strong {
  font-size: 26px;
  display: block;
}

.img_revista{
  text-align: center;
}

.img_revista img{
  border: solid 1px #FFFFFF;box-shadow: 0 0 5px #8D8D8D
}

.notes{margin-bottom: 25px}
.notes .box_tit {
  margin-bottom: 15px;
}

/* notes custom*/
.notes.green {
background-color: #F4F4F4;
border-radius: 10px
}

.notes.green .box_tit{
  color:#14A565;
}
.notes.green a{color:#107B4B}
.notes.green a:hover{color:#16A765}


/* BANNERS RESPONSIVE*/
.banner_resp{display: block;position: relative;width: auto;overflow: hidden;margin-bottom: 15px;border-radius:7px;border: solid 2px #D4BB37}
.banner_resp img{position: absolute;left: 0;top: 0;z-index: 0;}
.h90{height: 86px}

.banner_resp p.btxt{position: relative;z-index: 1;color: #fff;font-size: 18px;line-height: 80%;padding-top: 22px;padding-left: 15px;text-shadow: 1px 1px 3px #333}
.banner_resp p.btxt strong{display: block;font-size: 26px}
/*  LIST  */
.list1{
  margin-bottom:15px
}

.list1 li{
  margin-bottom: 10px;
}

.list1 a{
  color: #265299;
  text-decoration: none;
  padding-left: 25px;
  display: block;
  background: url(../img/design/bg_bullet1.png) -19px 5px no-repeat;
}
.list1 a:hover {
color: #0080FF;
text-decoration: underline;
background-position: 0 -15px;
} 

.mobile .list1 a:active {
color: #0080FF;
text-decoration: underline;
background-position: 0 -15px;
} 

.link1{color: #265299;font-weight: bold}

/*FOOTER*/

footer {
    padding: 0;
}
footer .cont {
    padding: 25px 0;
}

.footer_menu a {
  color: #3F74CD;
  font-weight: bold;
  font-size: 12px;
  width: 50%;
  display: block;
  float: left;
  text-align: left;
  margin-bottom: 9px;
  padding: 10px 0 0;
}
.footer_menu {
  clear: both;
  margin-bottom: 25px;
  border-bottom: solid 1px #CCCFD3;
  padding-bottom: 10px;
}
footer .company strong{display: block;color: #265299}
footer .company span{display: none}

.footer_geo {
    clear: both;
}

.geo p {
    font-size: 13px;
    text-align: center;
}
.geo {
    margin-bottom: 25px;
}
.geo strong{display: block;color: #265299}

/*DISPLAY*/

.col1{display: none;}
.col1_mobile{display: block}
.col1_mobile{border-top: solid 1px #ccc;padding-top: 15px}


.col1_mobile .mob_box1 {
  width: 210px;
  float: left;
  margin: 0 0;
}

.col1_mobile .mob_box1:last-child {
  margin-right: 0;
}

/* --- INTERNAL PAGES ----- */

.content p{margin-bottom: ;}
.content_tit {
  font-size: 26px;
  border-bottom: solid 1px #A3A3A3;
  color: #265299;
  padding-bottom: 2px;
  margin-bottom: 15px;
  }
.content p{
  margin-bottom: 17px;
  line-height:160%;
  text-align: justify;
}
.content ul li, .content ol li{
  margin-bottom: 17px;
  line-height:160%;
  text-align: justify;
  font-size: 15px
}
.img img{max-width: 100%;border:solid 1px #ccc;padding: 1px}

/*PAGE LIST DOCS*/
.docs-list1{}
.doc{}
.doc-num{}
.icon-pdf{float: right;display: block;width: 28px; height: 31px;background: url(../img/design/icon_pdf.png) 0 0 no-repeat;margin-top: -5px;}

.doc {
    padding: 15px 12px;
    font-weight: bold;
    font-size: 12px;
    background: #ddd;
    margin-bottom: 12px;
    border-radius: 4px;
}

.doc:hover{background-color: #eee}
.doc a {
    color: #265299;
    display: block;
    margin-left: 35px;
}
.doc a span{display: none;font:normal 12px 'open_sansitalic'}
.doc a:hover span{display: inline}

.doc-num {
  padding: 0 12px;
  float: left;
}
.docs-list1 {
    margin-bottom: 25px;
}
.doc a:hover {
    color: #008CFF;
}

/* PAGE BOOKS*/
.search {
  background: #E9E9E9;
  border-radius: 7px;
  padding: 25px;
  font-size: 14px;
}
.search label{
  display:block;
  margin-bottom: 5px}

.search input {
  border: solid 1px #ccc;
  padding: 7px;
  border-radius: 4px;
  box-shadow: 0 1px 1px #B9B7B7;
  margin-bottom: 14px;
}
.search input {
    border: solid 1px #ccc;
    padding: 7px;
    border-radius: 4px;
    box-shadow: 0 1px 1px #B9B7B7;
    margin-bottom: 14px;
}
.ser select {
    padding: 7px;
    border: solid 1px #ccc;
    border-radius: 5px;
    box-shadow: 0 1px 1px #B9B7B7;
    width: 166px;
    margin-bottom: 14px;
}
button {
  padding: 7px 24px;
  border: solid 1px #ccc;
  border-radius: 5px;  
  box-shadow: 0 1px 1px #B9B7B7;
  background-color: #fff;
  color: #0C63BB;
  font-weight: bold;
}

.book {
    background-color: #EEEEEE;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 25px;
}
.book-img {
    float: left;
    margin-right: 20px;
}
.book-txt {
    margin-left: 170px;
}
.book p {
    margin-bottom: 3px;
    line-height: 145%;
}
.des {
    background: #FFF;
    padding: 10px;
    border-radius: 6px;
    display: block;
    text-align: center;
    width: 60%;
    border: solid 1px #ccc;
    margin-top: 9px;
}
.book p:last-child {
    margin-bottom: 20px;
}
.book-tit {
    color: #00468C;
    font-weight: bold;
}

.pager {margin-bottom: 15px}

.pager a {
  background: #EEE;
  display: block;
  float: left;
  padding: 7px 14px;
  border-radius: 5px;
  margin-right: 5px;
  border: 2px solid #EEE;
}


.pager a:hover, .pager a.active{
  border-color:#008CFF;
  background-color: #fff;
}


/*ALL PAGES INTERIORS */
.foto-int img{width: 100%}

/**/
.bd-img{float: left}
.bg-txt{margin-left: 200px}
.bd-txt {
    margin-left: 230px;
}
.bd-txt p {
    margin-bottom: 5px;
    font-size: 13px;
}

.back {
float: right;
padding: 0 12px;
font-size: 15px;
font-weight: bold;
color: #ACACAC;
border-left: solid 1px #CCC;
font-family: 'calibri';
line-height: 81%;
}
  .bd-img img {
border: solid 1px #333;
padding: 1px;
}

.imprimir1 {
    display: block;
    padding: 7px 14px;
    float: left;
    font-size: 12px;
    font-weight: bold;
    background-color: #eee;
    border-radius: 7px;
    margin-right: 14px;
}
.pedido1 {
    display: block;  
    padding: 7px 14px;  float: left;  font-size: 13px;  font-weight: bold;  background-color: #EEE;  border-radius: 7px;  margin-right: 14px;
}
.pedido1:hover, .imprimir1:hover {
  background: #2163DA;
  color: #FFF;
  }

.buttons {
    padding-top: 15px;
}


/* POST PUBLICACIONES */
/*-- thumbs --*/
.post{
  margin-bottom: 15px;
  padding: 4px;display: block;
  font-family: 'open_sanssemibold';
  color:#28549B;
}

.post:hover{
  background: #F3F3F3;
}

.post img{float: left;width: 80px; height: 80px;margin-right: 15px;background-color: #ccc;}
.post img{border:solid 1px #ccc; padding:1px;}
.post p {
  font-size: 16px;
  text-align: left;
  margin-left: 95px;
  color: #225EC9;
  display: block;
}
.post p:hover{color:#28549B;}

/*-- POST DETAIL --*/
.post-detail h2{font-size: 27px;margin-bottom: 15px}
.post-detail .img {text-align: center;margin-bottom: 15px}
.post-detail img{max-width: 100%;margin-bottom: 25px;border:solid 1px #ccc;padding:1px;}
.post-detail p a{color: #0F6FFF;padding-bottom: 1px}
.post-detail p a:hover{border-bottom: solid 1px #0F6FFF}
.post-nav {float: right;text-align: right !important;margin-bottom: 10px !important;padding-top: 0;color: #CCC;}
.post-nav a {color: #265299;font: bold 13px 'Calibri' !important;padding: 0 5px}
.post-nav a:hover{color:#3DA9D3}


/*--- contact us---*/
#form fieldset {
    display: block;
}
#form fieldset label {
    display: block;
    width: 116px;
    padding: 2px 7px 7px 0;
    font-weight: bold;
    font-size: 14px;
    color: #265299;
    float: left;
}
#form fieldset input[type="text"] {
    display: block;
    border: solid 1px #ccc;
    outline: none;
    border-radius: 4px;
    padding: 5px;
    box-shadow: inset 1px 1px 2px #ccc;
    width: 222px;
}
#form fieldset {
    display: block;
    margin-bottom: 12px;
    height: auto;
}
#form fieldset textarea {
    display: block;  border: solid 1px #CCC;  outline: none;  border-radius: 4px;  padding: 5px;  box-shadow: inset 1px 1px 2px #CCC;
    height: 125px;
    resize: none;
}
#form button {
    background: #265299;
    color: #fff;
    width: auto;
    padding: 6px 31px;
    margin-left: 120px;
    font: bold 12px Arial;
}
.direccion{margin-bottom: 10px;width: 50%; float: left;padding-top: 25px}
.direccion p{font-size: 13px !important}

iframe.map{
  border-radius: 10px;
  box-shadow: inset 2px 2px 10px #444;
}
/* MOBILE */

@media screen and (max-width:320px){
  
  /*TYPO*/
  p{font-size: 15px;}
  
  /*HEADER*/
  .contMobile {
    width: 100% !important
  }

   
  /*COL */
  .notes {
    padding-top: 15px;
    }

  .notes.green {
    padding: 25px
  } 
}

@media screen and (max-width:480px){
 
 .bd-img{float: none}
 .bd-img img{float: left;width:120px}
 .bd-txt{
  margin-left: 0;
  padding-top: 25px;
 }
 .buttons{padding-top:15px;margin-left: 135px;}
 .buttons a{width: 60%;margin-bottom: 10px;}

}

/* ========= Página publicación ========== */
.tit_Resultados{font-weight: bold;padding-right: 20px;padding-top:8px;color:#265299}
.publicacion{background-color: #E9E9E9;border-radius: 10px;padding-top: 36px;}
.publicacionCont{padding:20px 25px}
.publicacion_tit{text-align: center;font-size: 17px;line-height: 100%;color:#444;font-weight: bold;margin-bottom: 15px;}
.pubBook {
    background: #fff;
    width: 208px;
    margin: 0 auto 14px;
    padding: 14px 12px;
    border-radius: 8px;
    text-align: center;
}
.pubBook img {
    margin: 0 auto;
    display: block;
    box-shadow: 0 0 2px rgba(51, 51, 51, 0.3);
    margin-bottom: 12px;
}
.pubBook a {
    color: rgb(26, 90, 187);
    font-weight: bold;
    margin-bottom: 10px;
}
.pubBook a:hover {
  color: rgb(36, 123, 255);
  text-decoration: underline;
}
.pub p {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}

div.block {
    padding: 0 20px;
    margin: 0 auto;
}
.iconP {
    float: left;
    display: block;
    width: 18px;
    height: 18px;
    background: url(../img/design/masmenos.png) 0 0 no-repeat;
    margin-right: 11px;
}
.iconP.bg{background-position: 0 -18px;}
.boxPubTit p {
    line-height: 100%;
    padding-top: 2px;
    margin-bottom: 0;
    padding-bottom: 15px;
}
.boxCont p {
    font-size: 14px;
}
.boxCont a {
    color: blue;
    font-style: italic;
}
.boxCont div {
    padding-bottom: 0;
    border-bottom: solid 1px #ccc;
    margin-bottom: 15px;
}
.boxCont p a {
    font-size: 13px;
}
.boxPubTit {
    font-size: 16px;
    font-weight: bold;
    color: #00468C;
}
.boxPubTit {
    font-size: 16px;
    font-weight: bold;
    color: #00468C;
}
div.boxCont {
    display: none;
}
div.boxCont.first {
    display: block;
}
.iconpdf{
  display: block;
  width: 28px;
  height: 31px;
  background: url(../img/design/icon_pdf.png) 0 0 no-repeat;
}
a.pdfDow {
    padding-top: 0;
    display: block;
    margin-right: 44px;
}
.263px{height: 60px;}

.box-resultados{height: 55px;}

.resumen{margin: 10px 25px;border-top: solid 2px #00468C;padding: 10px 0;}
.resumen p{
    font-size: 14px;
}
p.resumen-tit {
  color: #00468C;
  font-weight: bold;
  font-size: 15px;
}
.restablecer.custom{background-color: transparent;border:none;font-size: 12px;box-shadow: none;text-decoration: underline;padding: 7px 16px;border-right: solid 1px #ccc;}




/*VIDEOS*/
h2.video-tit {
  font-weight: bold;
  font-size: 22px;
  line-height: 125%;
  font-family: Arial;
}
p.video-date {
  color: #FF7F00;
  font-weight: bold;
  font-size: 15px;
}
a.video-more, a.media-more {
  background-color: #FF7F00;
  padding: 6px 10px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  margin: 0 auto 25px;
  display: block;
  width: 39%;
  text-shadow: 0 1px 2px #333;
}

a.media-more{margin-top: 10px}
a.video-more:hover, a.media-more:hover {
background-color: #FFA449;
}
div.box-video {
  padding-bottom: 5px;
  border-bottom: solid 4px #879CE0;
  margin-bottom: 13px;
}

.video-content {
border: solid 2px #265299;
padding: 3px 3px 0;
width: 426px;
margin: 0 auto 10px;
}

a.back1 {
  background: rgb(255, 233, 165);
  padding: 7px 12px;
  margin-bottom: 15px;
  display: block;
  width: 169px;
  font-weight: bold;
  color: #265299;
  font-size: 13px;
  border-radius: 4px;
}

.box-img{width: 21%;float: left;padding: 1%;margin: 0 1%}
.box-img:last-child{margin-right: 0;}
.box-img a{width: 96%;margin: auto;border:solid 1px #ccc;display: block;padding: 2px}
.box-img a img{width: 100%;display: block}

.media-content .img{margin-bottom: 7px;}
.media-content .img img{width: 100%;}

.media-tit {font-weight: bold;font-size: 21px}
.media-date {color: #FF7F00;  font-weight: bold;  font-size: 15px}

@media screen and (min-width: 1200px){
  .media-content{width: 500px;margin:0 auto}
}


div.box-media {
border-bottom: solid 1px #ddd;
margin-bottom: 25px;
}

a.fotodback {
background: #FFF3D2;
font-weight: bold;
color: rgb(47, 102, 219);
padding: 7px 15px;
margin-bottom: 15px;
display: block;
}

a.fotodback:hover {
background: #F3F3F3;
color: rgb(46, 109, 243);
}

/* banner revista */
.revistaNew{background-color:rgb(238,238,238);
width:100%;
-moz-border-radius:9px ;
-webkit-border-radius:9px ;
border-radius:9px;}
.revistaNewCont{padding: 15px 10px;margin-bottom: 18px;text-align: left;border: solid 2px #D4BB37;border-radius: 8px;position: relative;overflow: hidden;}
.revistaTxt{margin: 0;width: 70%;color: #fff;margin-bottom: 0px;}
.revista-logo{display: block;position: relative;z-index: 1;}
.revistaTxt p{font: 14px 'open_sanssemibold';color: #fff;text-align: left;text-shadow: 0 2px 1px #333;}
.revistaButton{margin: 7px 3px 0;float: left;}
.revistaButton a{display: block;margin:0 auto;width: 109px; height: 31px;background: url('../img/design/revistaButton.png') 0 0 no-repeat;}
.revistaButton a:hover{background-position: 0 -31px}
.revista-fondo{
    position: absolute;
    left: -114px;
    top: 0;
    z-index: 1;
}
.revistaNewCont div.row {
position: relative;
z-index: 2;
}

@media screen and (min-width: 320px){
  .revistaNew{width: 100%}
  .revista-fondo{left:-80px}
}

@media screen and (min-width: 470px){
  .revistaNew{width: 430px;margin:0 auto}
  .revista-fondo{left:0}
}

@media screen and (min-width: 768px){
  .revistaNew{width: auto;margin:0 auto}
  .revista-fondo{left:-174px}
}

@media screen and (min-width: 1024px){
  .revista-fondo{left:-142px}
}

@media screen and (min-width: 1200px){
  .revista-fondo{left:-114px}
}

/*VIDEO*/
.box-video p.video-resumen {
margin-left: 0;
margin-right: 0;
}

  .video-content {
border: solid 2px #265299;
padding: 3px 3px 0;
width: 100%;
margin: 0 auto 10px;
}
.video-content iframe{width: 100%;height: auto}


.box-video p.video-resumen {
margin: 0 31px 20px;
}

/* UPDATE TYPOGRAPHY */
.content table {
width: auto !important;
}

.content ol, .content ul{
  padding-left: 0;
  margin-left: 0;
  margin-bottom: 22px
}
.content ol li, .content ul li {
  padding-left: 0;
  margin-left:0;
  text-align: justify;
  font-size: 15px;
  line-height: 140%;
  margin-bottom: 5px;
}

.content ol{
  list-style-type:decimal;
  margin-left:22px
}
.content strong, .content a{
  color: #3275E0;
}

.content p strong, .content li strong{
  color: #333;
}

.content p a, .content li a{
  color: #3275E0;
  text-decoration: underline;
}

.content ul li {
  background: url(../img/design/bg_li1.png) 0 6px no-repeat;
  padding-left: 21px;
}
.content_tit a {
  font-size: 29px;
}

.content h1, .content h2, .content h3, .content h4, .content h5{
  color:#265299 
}

.content h1 a, .content h2 a, .content h3 a, .content h4 a, .content h5 a{
  color:#265299 
}
.content h1, .content h1 a{
  color: #265299;
  font-size: 32px;
}
.content h2 {
  font-size: 22px;
  color: #2163CE;
  font-weight: normal;
  font-family: 'open_sanssemibold';
  margin-bottom: 4px;
}

.content h2.bold{
  font-family: 'open_sansbold';
}
.content h3{
  color: #0A44A2;
  font-size: 20px;
  margin-bottom: 4px;
  display: block;
  line-height: 100%;
}

.content h4{
  color: #FF7B13;
  font-size: 17px;
  margin-bottom: 5px;
  display: block;
  padding-bottom: 0px;
  margin-bottom: 3px;
  line-height: 100%;
}

.content h2.topline{
  font-size: 22px;
  color: #2163CE;
  font-weight: bold;
  font-family: 'open_sansbold';
  border-top: solid 1px #ccc;
  display: block;
  padding-top: 5px;
}


/**/
.fechas table tr td {
    width: auto;
    font-size: 14px;
    line-height: 147%;
    padding-bottom: 5px;
}
.fechas table tr td:first-child {
    width: 16px !important;
    padding: 0;
    padding-right: 9px;
    vertical-align: top;
}
.fechas table tr td img {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}
.fechas table tr td:last-child {
    padding-left: 8px;
}
.fechas table tr td a {
    color: #265299;
}
.fechas table tr td a:hover {
    text-decoration: underline;
    color: #2C9404;
}
.fechas table tr td:nth-child(2) {
    font-weight: bold;
    color: #265299;
}

.normas img{float:right;margin-left:18px}
.normas td{vertical-align: top !important;padding: 10px 0 0}

.slider span.frase {
  position: absolute;
  z-index: 100;
  bottom: 0;
  right: 0;
  width:  850px;
  height: 72px;
  overflow:   hidden;
}
.slider span.frase img{
  position: absolute;
  width:  auto;
  height: 72px;
  left:0;
  top:0;
}

@media screen and (max-width:  1360px){
    .slider span.frase{
      width:  550px;
      height: 72px;
    }
}

@media screen and (max-width:  1024px){
    .slider span.frase{
      width:  450px;
      height: 70px;
    }

    .slider span.frase img{
      height:   70px;
      width:  auto;
    }
}