@import url('body.css');
@import url('content.css');
@import url('menu-responsive.css');
@import url('/news.on.line/css/content2.css');

body {
    font-family: 'Roboto', sans-serif, Arial;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
    padding-top: 150px;
}
@media only screen and (max-width: 980px) {
	body {
		padding-top: 0px;
	}
}

/**/
#content{ float:left; width:100%;}
#nav{float:left; width:100%; }
#footer{float:left; width:100%; padding:30px 0px; background-color:#fff;}


/**/
.center{ max-width: 1200px; width:100%; margin-right: auto; margin-left: auto; position: relative; }


@media only screen and (max-width: 1234px) {
.center{ width:96%; padding:0% 3%;  }	
}


/*LINKS*/
.links{ text-decoration:none; color:#1C6297;}
.links:hover{ text-decoration:underline;}
.linksbold{ text-decoration:none; color:#1C6297; font-weight: 600; font-size: 13px;}
.linksbold:hover{ text-decoration:underline;}

/*TOP*/
#top {
    float: left;
    width: 100%;
    padding: 10px 0px 0px 0px;
    POSITION: FIXED;
    z-index: 999;
    background-color: #fff;
    top: 0px;
}
.logo{float:left; width:300px; height:70px; text-align:center; background-image:url(../img/logo.png); background-size:contain; background-repeat:no-repeat;  }
.logo a { display: block; text-indent: -800px; overflow: hidden; width:300px; height:70px}
.top_box1{float:left;  width:100%; margin-bottom:20px; display: flex; justify-content: center; }
.top_box2{float:left; width:100%; background-image:url(../img/sombra.png); background-size: contain; background-repeat:no-repeat; background-position:top center;}
.top_box3{float:left; width:100%; text-align:center; color:rgb(33, 149, 208); border:solid 1px #ccc; background-image:url(../img/twiiter.png); background-position:center right; background-repeat:no-repeat;}

.top_box1_1{float:right; width:160px; border-right:solid 1px #ccc; }
.top_box1_2{float:right; width:180px; border-right:solid 1px #ccc;}
.top_box1_3{float:right; width:180px; }


.destacados_tw{ background-color:#1C6297; color:#fff; text-align:center; line-height:15px; display:block; padding: 15px 0;}

.top_box1_1 a, .top_box1_2 a,.top_box1_3 a { text-decoration:none; width:60%; padding: 5% 10%;  display:block; color:#848484; line-height:40px; }
.top_box1_1 a:hover, .top_box1_2 a:hover,.top_box1_3 a:hover { text-decoration:none; color:#fff;  background-color:#009CDE; }

.top_box1_1 a{ background-image:url(../img/ico_user.png); background-position:right center; background-repeat:no-repeat; }
.top_box1_2 a{ background-image:url(../img/ico_idioma.png); background-position:right center; background-repeat:no-repeat;}
.top_box1_3 a{ background-image:url(../img/ico_buscar.png); background-position:right center; background-repeat:no-repeat;}

.top_box2_1{float:left;  width:70%; position:relative;}
.top_box2_2{float:right;  width:30%; line-height:60px; font-size:11px;}


@media only screen and (max-width: 980px) {
#top {
    POSITION: inherit;
}
.top_box3 { display:none;}
.logo{width:100%; background-position:center; border-bottom: solid 2px #2195d0;  }
.top_box1 { margin-bottom: 0px;}
.top_box1_1{float:right; width:33%; }
.top_box1_2{float:right; width:33%;}
.top_box1_3{float:right;  width:33%; }
.top_box2_1{width:100%;}
.top_box2_2{width:100%;line-height: 50px;}
.top_box2_2 .col_30{width:25%;margin-bottom: 0px;}
.top_box2_2 .col_40{width:35%; margin-left: 20px;margin-bottom: 0px;}
}

/**/
#slide{float:left; width:100%; position:relative; height:440px; margin:20px 0px;}
.slide_1{ position:absolute; top:0; width:60%; height:410px; background-color:#13152D; }
.slide_2{ position:absolute; top:0; right:1%; width:38%;  height:200px; -webkit-box-shadow: 0 0 44px 0 rgba(0,0,0,0.2); box-shadow: 0 0 44px 0 rgba(0,0,0,0.2);   }
.slide_3{ position:absolute; top:210px; right:1%; width:38%;  height:200px; -webkit-box-shadow: 0 0 44px 0 rgba(0,0,0,0.2); box-shadow: 0 0 44px 0 rgba(0,0,0,0.2);  }

.slogan_box{ display:block; padding:25px; background-color:rgba(0,0,0,0.4); font-size:24px; color:#fff; font-weight:100; position:absolute; bottom:20px; left:20px; right:20px;}
.slogan_box2 {
    display: block;
    padding: 15px;
    font-size: 18px;
    color: #fff;
    font-weight: 100;
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    width: 65%;
    background-color:rgba(0,0,0,0.4);
}
.ampliar { display:block; background-color:#2195D0; color:#fff; width:100px; font-size:14px; text-align:center; line-height:40px; margin-top:10px;}


.back_slide_1{ background-size: cover; background-repeat:no-repeat; }
.back_slide_2{ background-size: cover; background-repeat:no-repeat; background-position:right top;}
.back_slide_3{ background-size: cover; background-repeat:no-repeat; background-position:right top; }

@media only screen and (max-width: 980px) {
#slide{height:auto; margin-top:0px;}
.slide_1{ left:2%; width:96%; height:410px; position:relative; float:left;  }
.slide_2{ left:2%; width:96%;  height:200px;  position:relative; float:left;  }
.slide_3{ left:2%;  width:96%;  height:200px; position:relative; float:left; top:0px;  }

	
}

/**/
#informes {float:left; width:100%; padding:50px 0px; background-color:rgba(235,235,235,1.00);}
.box_enlace{float:right; width:128px; height:40px; font-size:14px; margin:1px; padding:10px; color:#fff; text-decoration:none; padding-top:80px;}
.box_enlace_menu{float:right; width:188px; height:16px; font-size:12px !important; margin:0px; padding:0px; color:#fff !important; text-decoration:none; padding-top:20px; background-image: none !important; font-weight: 600 !important; padding: 10px 10px !important;}

.color1 { background-color:#BB302D; background-image:url(../img/iconos/1.png); background-position: 10px 10px; background-repeat:no-repeat; }
.color2 { background-color:#EE1C25; background-image:url(../img/iconos/2.png); background-position: 10px 10px; background-repeat:no-repeat;}
.color3 { background-color:#A3218E; background-image:url(../img/iconos/3.png); background-position: 10px 10px; background-repeat:no-repeat;}
.color4 { background-color:#2E4C81; background-image:url(../img/iconos/4.png); background-position: 10px 10px; background-repeat:no-repeat;}
.color5 { background-color:#0465B2; background-image:url(../img/iconos/5.png); background-position: 10px 10px; background-repeat:no-repeat;}
.color6 { background-color:#21409A; background-image:url(../img/iconos/6.png); background-position: 10px 10px; background-repeat:no-repeat;}
.color7 { background-color:#00ACAC; background-image:url(../img/iconos/7.png); background-position: 10px 10px; background-repeat:no-repeat;}
.color8 { background-color:#A3218E; background-image:url(../img/iconos/8.png); background-position: 10px 10px; background-repeat:no-repeat;}
.color9 { background-color:#592F93; background-image:url(../img/iconos/9.png); background-position: 10px 10px; background-repeat:no-repeat;}
.color10 { background-color:#70BE44; background-image:url(../img/iconos/10.png); background-position: 10px 10px; background-repeat:no-repeat;}
.color11 { background-color:#00A65E; background-image:url(../img/iconos/11.png); background-position: 10px 10px; background-repeat:no-repeat; }



/*CONTENT*/
.module1{float:left;  width:100%;}
.module2{float:left; width:100%;}
.module{float:left;  width:100%; padding:30px 0px;}
.module4{float:left;  width:100%;}

/*FOOTER*/
#foooter{ display:table;}
.footer_box{float:none;  width:20%; display: table-cell; vertical-align: top;}
.footer_box1{float:left;  width:100%; margin-bottom:20px;}
.footer_box2{float:left;  width:100%;  margin-bottom:20px;}
.footer_box3{float:left;  width:100%; background-color:rgba(228,228,228,1.00); padding:20px 0px; font-size:12px;}
.footer_box4{float:left;  width:100%;}
.footer_box .title{ font-size:14px; margin-bottom:15px;}

@media screen and (max-width: 980px) {
.footer_box{float:left;  width:100%; margin-bottom:25px;}
}



/**/
.botones_fot{ margin:0px; padding:0px; float:left; width:100%; }
.botones_fot li {margin:0px;  list-style:none; float:left; width:19%; height:30px; padding:2% 3%; background-color:rgba(16,156,235,1.00); background-image:url(../img/flecha.png); background-position: right center; background-repeat:no-repeat;  }
.botones_fot li a { text-decoration:none; color:#fff; }

@media screen and (max-width: 980px) {
	.botones_fot li { width:92%;  padding:4% 3%; margin:1px 0px; }

}

/**/
.blok_footer_box{ width:23%; margin:0% 1%;}
.blok_footer_box .title{ margin-bottom:20px; border-bottom:solid 3px #1C6297; line-height:40px; }
.lista_enlaces_fot {margin:0px; padding:0px; list-style:none;}
.lista_enlaces_fot li {margin:0px; padding:0px; list-style: none;}
.lista_enlaces_fot li a { text-decoration:none; color:#333; }

@media screen and (max-width: 980px) {
	.blok_footer_box{ width:100%; margin:1% 0%;}
}

/* /////////   GRALS  //////// */

.title{float:left; width:100%;}
.subtitle{float:left; width:100%;}
.data{float:left; width:100%;}

.enlace_title{ float: right; width: auto; padding: 10px; background-color: #fff; border: solid 1px #ccc; text-decoration: none; color: #000; font-size: 12px; }

.data2{float:left; width:100%; margin-bottom:20px;}
.data2 table td.td1 { width:14%;}
.data2 table td.td2 {     width: 80%;    padding-left: 4%;}

@media only screen and (min-width: 1024px) and (max-width: 1280px) {
.data img{ max-width:99%;}
.data table { width:100%;}
.data table tr{ width:100%;}
.data table td{ width:50%;}
}
@media only screen and (min-width: 960px) and (max-width: 1024px) {
.data img{ max-width:99%;}
.data table { width:100%;}
.data table tr{ width:100%;}
.data table td{ width:50%;}
}
@media only screen and (min-width: 667px) and (max-width: 960px) {
.data img{ max-width:99%;}
.data table { width:100%;}
.data table td{ width:50%;}
}
@media only screen and (min-width: 600px) and (max-width: 667px) {
.data img{ max-width:99%;}
.data table { width:100%;}
.data table td{ width:50%;}
.data table img{ height:120px;}
.data2 table{ width:100%; font-size:12px;}
.data2 table img.flecha{ width:16px; height:16px;}
.inputagenda select { width:70px;}
.inputagenda3  { width:42%;}
.data2 table td.td1 { width:18%;}
.data2 table td.td2 { width:80%;}
}
@media only screen and (min-width: 480px) and (max-width: 600px) {
.data img{ max-width:99%;}
.data table { width:100%;}
.data table td{ width:50%;}
.data table img{ height:150px;}
.data2 table{ width:100%; font-size:12px;}
.data2 table img.flecha{ width:16px; height:16px;}
.inputagenda select { width:70px;}
.inputagenda2  { width:100%;}
.inputagenda3  { width:42%;}
.data2 table td.td1 { width:18%;}
.data2 table td.td2 { width:80%;}
}
@media only screen and (min-width: 384px) and (max-width: 480px) {
.data img{ max-width:99%;}
.data table { width:100%;}
.data table td{ width:50%; font-size:10px;}
.data table img{ height:120px;}
.data2 table{ width:100%; font-size:12px;}
.data2 table img.flecha{ width:16px; height:16px;}
.inputagenda select { width:70px;}
.inputagenda2  { width:100%;}
}
@media only screen and (min-width: 375px) and (max-width: 384px) {
.data img{ max-width:99%;}
.data table { width:100%;}
.data table td{ width:50%; font-size:10px;}
.data table img{ height:90px;}
.data2 table{ width:100%; font-size:12px;}
.data2 table img.flecha{ width:16px; height:16px;}
.inputagenda select { width:70px;}
.inputagenda3  { width:68%;}
.inputagenda2  { width:100%;}
}
@media only screen and (min-width: 240px) and (max-width: 375px) {
.data img{ max-width:99%;}
.data table { width:100%;}
.data table td{ width:50%; font-size:10px;}
.data table img{ height:80px;}
.data2 table{ width:100%; font-size:12px;}
.data2 table img.flecha{ width:16px; height:16px;}
.inputagenda select { width:70px;}
}

/*EVENTO*/
.evento_box { background-color:#fff; -webkit-box-shadow: 0 0 44px 0 rgba(0,0,0,0.2); box-shadow: 0 0 44px 0 rgba(0,0,0,0.2);  padding:20px;     box-sizing: border-box;}
.evento_box .title h1{ font-size:21px; display:block; width:auto; line-height:40px; margin-bottom:0px; }
.evento { float:left; width:100%; margin-bottom:7px; }
.evento span { float:left; width:80px; background-color:rgba(17,170,139,1.00); padding:3px; text-align:center; color:#fff; margin-bottom:10px;  clear: both; display:block; font-size:11px; }
.evento a { float:left; width:100%; text-decoration:none; color:#666; margin-bottom:10px; }
.evento a strong{ float:left; width:100%; display:block;  color:#000; }

/**/
#novedades{ padding:50px 0px; float:left; width:100%; height:auto; }
.novedades_box { width:33%;  float:left; width: 32%; float: left; margin-left: 1%;  }
.novedades_box img { width:100%; float:left; margin-bottom:20px; height: 240px; }
.novedades_box h3 { width:100%;  float:left; margin-bottom:15px; color: #1C6297;    font-weight: 400; }
.novedades_box .info{ width:100%;  float:left; margin-bottom:20px;color: #000;
}
.novedades_box .fund{ font-size:11px; font-weight:600;  width:50%; float:left; padding-left:30px; background-image:url(../img/fundacion_ico.png); background-size:contain;  background-repeat:no-repeat; background-position:left top;}
.novedades_box .date{ width:30%;  float:left;  font-size:11px; text-align:right;}
.novedades_box_data {width:88%; float:left; padding:6%; }


@media screen and (max-width: 980px) {
.novedades_box { width:50%;  float:left;  }
}

@media screen and (max-width: 780px) {
.novedades_box { width:100%;  float:left;  }
}


/*SECTORES*/
#sectores{ width:100%;  float:left; padding:50px 0px;}
.sectores_servicios{  padding:0px;  float:left;  width:100%; margin:20px 0px; display: flex;  justify-content: center;  align-items: center;  }
.sectores_servicios_box{ position:relative; margin:0px 5px; padding:20px; float:left; width:50%; display:inline-block; align-self: flex-start; height:250px; background-color:rgba(17,170,139,1.00); }


.sectores_servicios_box h3 { color:#fff; width:40%; padding-right:50%; position:relative; z-index:3; float: left; clear:both; height:100px; font-size: 24px;   font-weight: 100; }
.sectores_servicios_box img { position:absolute; top:0; right:0px; height:100%;  z-index:2;}
.servicios_box_enlace{ display:block; padding:10px; background-color:#fff; text-align:center; text-decoration:none; color:#000; margin-top:100px; position:relative; z-index: 22; line-height: 20px; float: left; }


@media screen and (max-width: 980px) {
.sectores_servicios{display: block;  }
.sectores_servicios_box{ margin:10px 0px; float:left; width:90%; display:block;  height:250px; }
}


/*EXPERIENCIA*/
.blok_experiencia{}
.title_experiencia{ font-size: 14px; margin-bottom: 20px; padding: 10px; background-color: #fff; box-sizing:border-box; }
.lista_experiencia{ margin:0; padding:0; list-style:none; }
.lista_experiencia li{margin:10px 0; padding:0; list-style:none; border-bottom:solid 1px #ccc; padding-bottom:20px; }
.lista_experiencia span{ font-weight:600; display:block; width:100%; }


/**/
.blok_clientes{width:100%;  float:left; padding:30px 0px;}
.text_destacado{ font-size:22px; font-weight:100; }


/**/
#experiencia{width:100%;  float:left; padding:50px 0px;}

/* //////////   MENUS  //////// */

/*MENU VERTICAL*/
#menuv { }
#menuv ul, li { list-style-type: none; }
#menuv ul { margin: 0; padding: 0; }
#menuv li { border-bottom: 1px solid #ACCFE8; }
#menuv a { text-decoration: none; color: #000; display: block; padding: 3px 6px; width: 148px; }
#menuv a:hover { background: #DBEBF6; }


/*MENU HORIZONTAL*/
#menuh { }
#menuh ul, li { list-style-type: none; }
#menuh ul { margin: 0; padding: 0; }
#menuh li { float: left; }
#menuh a { text-decoration: none; color: #000; display: block; padding: 3px 10px; text-align: center; }
#menuh a#primero { border-left: 1px solid #ACCFE8; }
#menuh a:hover { background: #DBEBF6; }


/*MENU CENTRADO*/
#menuc { }
#menuc ul { list-style-type: none; margin: 0 auto; padding: 0; text-align: center; }
#menuc li { display: inline; padding: 5px; margin: 1px; }
#menuc a { }
#menuc a:hover { background: #DBEBF6; }



/*REGISTRO*/

.contact-area * { margin: 0; padding: 0;  }
.contact-area {width:100%;  float:left; margin-top:10px;}
.contact-area input, #contact-area textarea {   width: 100%; font-size: 14px; border: 2px solid #ccc; color: #000; float: left; margin-top: 0px; margin-right: 0px;  margin-left: 0px; background-color:#fff; line-height:30px; height:30px; text-indent:15px; }
.contact-area textarea:focus, #contact-area input:focus { border: 1px solid #900; }
.contact-area input.submit-button { width: 100%; float:left; background-color: #1C6297; color:#fff; text-align:center;  line-height:32px; height:32px; text-indent:0px; font-size:14px; font-weight:400; border:0px;}


.social_icon{ color: #1C6297; display:block; height: 24px; width: 24px; line-height: 24px; text-align: center; text-decoration: none; float: left; margin-right: 1px; margin-top: 0px; font-size:22px !important; margin-top:15px;}

.social_icon:hover{ background:#fff; color:#999;}



/*SECCION NOTICIAS*/
.noticias_box_1{ float:left; width:100%; margin-bottom:20px;}
.noticias_box_2{float:left; width:100%; border:solid 1px #ccc;}
.noticias_box_2_sub1{float:left; width:46%;padding:2%;}
.noticias_box_2_sub2{ float: left; width: 46%; background-color: #F2F2F2; margin-left: -1px; padding: 2%; border-left: solid 1px #ccc; height: 340px; }
.box_news{ float:left; width:560px; }
.box_news_small { width: 31%; float: left; margin-bottom: 30px; padding-bottom: 30px; border-bottom: solid 1px #ccc; margin-right: 2%; }
.box_news_1{ float:left; width:100%; min-height:120px;}
.box_news_1 img{ width:100%; height: 160px;}
.box_news_2{ float:right; width:100%;}
.box_news_2 p{ margin:10px 0px; }
.box_news_2 .nombre{ margin: 5px 0px; display: block; font-size: 16px; font-weight: 400; height: 80px; }
.box_news_2 .nombre a{ color: #000; text-decoration: none; }
.box_news_2 .puesto{ margin:0px 0px; display:block; }
.ampliar_news { font-size: 18px; color: #09F; text-decoration: none; }

@media only screen and (max-width: 960px) {
.box_news{  float:left; width:100%; margin-bottom:20px; border-bottom:solid 1px #ccc; padding-bottom:15px; }
.box_news_small { float:left; width:100%; margin-bottom:20px; border-bottom:solid 1px #ccc; padding-bottom:15px; }
.noticias_box_2_sub1{float:left; width:96%;}
.noticias_box_2_sub2{float:left; width:96%;}
.box_news_1{ float:left; width:100%; }
.box_news_2{ float:left; width:100%; padding-right:0%;}
}



.news_open_1{float:left; width:100%; margin-bottom:10px;  font-size:28px; font-weight:100; line-height:26px;}
.news_open_1 span{ display:block; font-size:14px; font-weight:100; margin-top:10px;}
.news_open_2{float:left; width:100%; margin-bottom:20px;}
.news_open_3{float:left; width:100%; }
.news_open_3 img {max-width: 100%; height: auto;}

/**/
.menu_list { width: 100%; }
.menu_list ul { margin: 0px; padding: 0px; }
.menu_head { cursor: pointer; position: relative; margin: 1px; background-color: #fff; background-image: url(../img/left.png); background-repeat: no-repeat; background-position: right center; border-bottom: solid 1px #ccc; font-size: 14px; padding-top: 12px; padding-right: 20px; padding-bottom: 12px; padding-left: 10px; }
.menu_body { display: none; }
.menu_body ul { margin: 0px; padding: 0px; }
.menu_list .menu_body li { display: block; margin: 0px; padding: 0px; }
.menu_list .menu_body li a { display: block; color: #333333; line-height: 40px; padding-left: 10px; font-weight: normal; text-decoration: none; font-size:12px; }
.menu_list .menu_body li a:hover { color: #000000; background-color: #E6E6E6; text-decoration: none; }

.menu_list li { cursor: pointer; position: relative; margin: 1px; background-color: #fff; background-image: url(../img/left.png); background-repeat: no-repeat; background-position: right center; border-bottom: solid 1px #ccc; font-size: 14px; text-decoration: none; padding-top: 12px; padding-right: 20px; padding-bottom: 12px; padding-left: 10px; }
.menu_list li a { display: block; text-decoration: none; color: rgba(0,0,0,1); }
.menu_list li a:hover { color: #000000;  text-decoration: none; }
 .title_menu_lateral{ font-size: 21px; color: #333; text-decoration: none; border-bottom: 3px solid #1C6297; line-height: 50px; text-indent: 10px; }


/**/
 .top_inside{ float: left; width: 100%; height: 150px; background-color: #1C6297; margin-top:-20px;}
 .top_inside h1 { line-height: 150px;  font-size: 36px; color: #fff; font-weight: 100; }
 .enlaces_top {
    padding-top: 65px;
    color: #fff;
    text-align: right;
    display: block;
    float: left;
    width: 100%;
}
.enlaces_top a{ text-decoration:none; font-size:12px; color:#fff;}
 
  @media screen and (max-width: 780px) {
 .top_inside{ height:60px; text-align:center; margin-top:0px;}
 .top_inside h1 { line-height:50px; font-size:26px;  }
 .enlaces_top { display:none;}
   
  }



/**/
.pop_icon_contact{ width:132px; height:106px; position:absolute; top:360px; right:0px; z-index:98; overflow:hidden;}
.pop_icon_contact_1{ float: left; width: 100%; line-height: 35px; background-image: url(../img/pop_ico.png); text-indent: 55px; height: 35px; color: rgba(255,255,255,1); text-decoration: none; }
.pop_icon_contact_2{ float: left; width: 100%; line-height: 36px; background-image: url(../img/pop_ico2.png); text-indent: 55px; height: 36px; color: rgba(255,255,255,1); text-decoration: none; }
.pop_icon_contact_3{ float: left; width: 100%; line-height: 35px; background-image: url(../img/pop_ico3.png); text-indent: 55px; height: 35px; color: rgba(255,255,255,1); text-decoration: none; }
.pop_icon_contact_1:hover, .pop_icon_contact_2:hover, .pop_icon_contact_3:hover { color:rgba(204,204,204,1);}

 @media screen and (max-width: 780px) {
	 .pop_icon_contact{ display:none;}
 }
 
 
 
/*CONTACTO*/

#contact-area1 * { margin: 0; padding: 0; }
#contact-area1 p { font-size: 1.3em; margin-bottom: 15px; }
#contact-area1 { width: 100%; margin-top: 0px; }
#contact-area1 input, #contact-area1 textarea { padding: 1%; width: 98%; font-size: 12px; border: 1px solid #000; color: #000; float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 2px; margin-left: 0px; height:30px; line-height:30px; -webkit-border-radius: 2px;    border-radius: 2px; }
#contact-area1 textarea { height: 155px; line-height:20px;}
#contact-area1 textarea:focus, #contact-area1 input:focus { border: 1px solid #900; }
#contact-area1 input.submit-button { width: 100px; line-height:20px; border:solid 2px #fff; background-color:#1C6297; color:#fff; -webkit-border-radius: 2px;
    border-radius: 2px; }
#contact-area1 label { float: left; text-align: left; margin-right: 0px; width: 100%; padding: 5px 0px;  }

.AccordionTitle, .AccordionContent,  .AccordionContainer
{
  position:relative;
  width:100%;
  height:100%;
 }

.AccordionTitle
{
  height:25px;
  overflow:hidden;
  cursor:pointer;
  font-size:18px;
  font-weight:bold;
  font-family: Trebuchet MS;
  vertical-align:middle;
  background-repeat:repeat-x;
  display:table-cell;
    -moz-user-select:none;
  text-transform: uppercase;
  color: #000000;
    border-bottom-style: solid;
    border-bottom-color: black;
    border-bottom-width: 1px;
}

.AccordionContent
{
  height:100%;
  overflow:auto;
  display:none;
}

.AccordionContainer
{
  border-top: solid 0px #E52E01;
  border-bottom: solid 0px #E52E01;
  border-left: solid 0px #E52E01;
  border-right: solid 0px #E52E01;
}
/*PAGE NAVI*/
#ejemplo2  { float:left; width:100%; }
#ejemplo2 div.wp-pagenavi { text-align: center; padding: 5px 10px; overflow: hidden; }
#ejemplo2 div.wp-pagenavi a, #ejemplo2 div.wp-pagenavi span.pages, #ejemplo2 div.wp-pagenavi span.current { -webkit-border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -moz-border-radius: 3px; display: inline-block; }
#ejemplo2 div.wp-pagenavi a, #ejemplo2 div.wp-pagenavi a:link, #ejemplo2 div.wp-pagenavi a:visited, #ejemplo2 div.wp-pagenavi a:active { padding: 4px 8px; margin: 0 2px; color: #333; text-decoration: none; -webkit-border-radius: 3px;
 border-radius: 3px;  }
#ejemplo2 div.wp-pagenavi a:hover { background-color: #7BA4E7; color: #FFF; }
#ejemplo2 div.wp-pagenavi span.pages { line-height: normal; padding: 4px 8px; float: left; color: #333333; background: #EEE; border: 1px solid #CCC; margin: 2px 0 0 0; }
#ejemplo2 div.wp-pagenavi .page { padding: 4px 8px; }
#ejemplo2 div.wp-pagenavi span.current { padding: 4px 8px; margin: 2px; font-weight: bold; background-color: #0099FF; color: #FFF; -webkit-border-radius: 3px; border-radius: 3px; text-decoration: none; }
#ejemplo2 div.wp-pagenavi span.extend { padding: 2px 4px; margin: 2px; background: none; }

 ul.slide{margin:0;
          padding:0;
          height: auto;
          list-style-type:none;}
 ul.slide li{float:left;
             list-style-type:none;
			 padding:20px;
			 }
 ul.slide img{height:80px; width:100px; }

 #carousel {
    width: 90%;
    margin: 0 auto;
    background-color: #fff;
}

#slidesx {
overflow: hidden;
position: relative;
width: 100%;
}

#slidesx ul {
list-style: none;
width:100%;
margin: 0;
padding: 0;
position: relative;
}

 #slidesx li {
width:100%;
float:left;
text-align: center;
position: relative;
font-family:lato, sans-serif;
}
/* Styling for prev and next buttons */
.btn-bar{
    max-width: 346px;
    margin: 0 auto;
    display: block;
    position: relative;
    width: 100%;
}

 #buttons {
padding:0 0 5px 0;
float:right;
}

#buttons a {
text-align:center;
display:block;
font-size:20px;
float:left;
outline:0;
margin:0 10px;
color:#1C6297;
text-decoration:none;
display:block;
}

a#prev:hover, a#next:hover {
color:#4BBCD9;
text-shadow:.5px 0px #b14943;  
}

.quote-phrase, .quote-author {
font-family:sans-serif;
font-weight:300;
vertical-align: middle;
font-family: Arial, Tahoma, Helvetica;
}

.quote-phrase {
font-style:italic;
}

.quote-marks {
font-size:20px;
padding:0 3px 3px;
position:inherit;
}

.quote-author {
font-style:normal;
font-size:17px;
color:#4BBCD9;
font-weight:400;
height: 30px;
 }

.quoteContainer, .authorContainer {
display: table;
width: 100%;
}