@import url('body.css');
@import url('content.css');
/**/
html, body { height: 100%; }
#wrapper { min-height: 100%; height: 100%; overflow: hidden; width: 100%; margin: 0 auto; text-align: left; }
#footer { height: 8em; width: 100%; position: fixed; bottom: 0px; z-index:9999; }

@media only screen and (max-width: 980px) {
#footer { height: 30em; position:relative;  }
}
@media only screen and (max-width: 780px) {
#footer { height: 30em;   }
#wrapper { min-height: 100%; height: 950px; overflow: hidden; width: 100%; margin: 0 auto; text-align: left; }
}
#header { height: 6em; background-color: rgba(0,0,0, 0.3); }
#content { height: auto; width: 100% }
#content { min-height: calc(100% - 8.8em); position: absolute; background-color: rgba(0,0,0, 0.3); }
* { margin: 0; padding: 0; }
/**/


#container { width: 100%; margin-right: auto; margin-left: auto; text-align: left; }
.content { width: 100%; max-width: 980px; margin: auto; }
#top { float: left; width: 100%; height: 70px; position: relative; z-index: 999; margin-top: 15px; }
#bar_top { float: left; width: 100%; background-color: rgba(0,0,0,1); }
#nav { float: left; width: 100%; }
#slide { float: left; width: 100%; height: 450px; }
#footer { float: left; width: 100%; background-color: #EDEDE6; background-image: url(../img/fondo_footer.png); background-repeat: no-repeat; background-position: left top; padding-top: 5px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; color: rgba(51,51,51,1); line-height:14px; }
#content_inside { float: left; width: 100%; padding-top: 30px; padding-bottom: 30px; }
 @media only screen and (max-width: 780px) {
#top { margin-top: 5px; }
}
/*FONT FACE*/

@font-face { font-family: 'WebSymbolsRegular'; src: url('../fonts/websymbols-regular-webfont.eot'); src: url('../fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/websymbols-regular-webfont.woff') format('woff'),  url('../fonts/websymbols-regular-webfont.ttf') format('truetype'),  url('../fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg'); }
/*ICONOS SOCIALES*/
.social_icon { font: 11px 'WebSymbolsRegular', sans-serif; color: #fff; display: block; height: 20px; width: 20px; line-height: 20px; text-align: center; text-decoration: none; float: left; margin-right: 1px; margin-top: 3px; 4 color:#FFF;
}
.social_icon_f { font: 11px 'WebSymbolsRegular', sans-serif; color: #fff; display: block; height: 20px; width: 20px; line-height: 20px; text-align: center; text-decoration: none; float: left; margin-right: 1px; margin-top: 3px; -webkit-border-radius: 2px; border-radius: 2px; }
.social_icon2 { font: 15px 'WebSymbolsRegular', sans-serif; color: #fff; display: block; height: 40px; width: 40px; line-height: 40px; text-align: center; text-decoration: none; float: left; margin-right: 1px; margin-top: 3px; 4 color:#FFF;
}
.social_back1 { background: #00468C; }
.social_back2 { background: #67ADD0; }
.social_back3 { background: #FE0000; }
.social_back4 { background: #00669A; }
.social_icon:hover { background: #fff; color: #999; }
/*LINKS*/
.links { text-decoration: none; color: #09F; }
.links:hover { text-decoration: underline; }
/*TOP*/
.logo { float: left; width: 100%; background-image: url(../img/logo.png); background-repeat: no-repeat; background-position: left center; }
.logo a { display: block; text-indent: -100px; overflow: hidden; height: 70px; width: 100%; }
.top_box1 { float: left; width: 214px; height: 70px; }
.top_box2 { float: right; width: auto; height: 70px; }
 @media screen\0 {
.top_box2 { float: right; width: 70%; height: 70px; }
}
.nav_bar_1 { float: right; width: 170px; line-height: 29px; margin-right: 20px; }
.nav_bar_2 { float: right; width: 92px; }
.nav_bar_1 a { color: #fff; text-decoration: none; font-size: 11px; border-right-width: 1px; border-right-style: solid; border-right-color: rgba(71,70,69,1); margin-right: 7px; padding-right: 7px; }
 @media only screen and (max-width: 780px) {
#top { height: auto; margin-top: 0px; padding-top: 0px; }
.top_box1 { width: 100%; height: 80px; background-color: #000; padding-top: 10px; }
.top_box2 { width: 100%; height: auto; }
.nav_bar_1 { float: left; width: 150px; padding-left: 10px; }
.nav_bar_2 { float: right; width: 92px; }
}
/*CONTENT*/
.module1 { float: left; width: 300px; }
.module2 { float: left; width: 300px; }
.module3 { float: left; width: 300px; }
.module4 { float: left; width: 300px; }
/*FOOTER*/
.footer_box { width: 980px; margin: auto; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; }
.footer_box1 { float: left; width: 100%; margin-bottom: 15px; padding-bottom: 5px; line-height: 32px; margin-top: 15px; padding-top: 12px; border-top-width: 1px; border-top-style: solid; border-top-color: rgba(222,222,209,1); }
.footer_box2 { float: left; width: 100%; font-size: 11px; }
.footer_box3 { float: left; width: 250px; margin-right: 20px; padding-right: 20px; min-height: 100px; }
.footer_box3_title { float: left; width: 100%; font-weight: bold; margin-bottom: 10px; font-size: 12px; color: #CB002B; line-height:11px; }
.footer_box3_data { float: left; width: 100%; }
.footer_box4 { float: right; width: 300px; margin-right: 15px; text-align: right; }
.footer_box5 { float: left; width: 100%; }
.footer_box6 { float: left; width: 100%; }
 @media only screen and (max-width: 780px) {
.footer_box { width: 88%; padding: 1%; }
.footer_box3 { width: 100%; margin-bottom: 10px; padding-bottom: 10px; border: none; min-height: inherit; margin-bottom: 10px; }
.footer_box4 { width: auto; border: none; margin-bottom: 10px; text-align: left; }
.footer_box3_data { margin-bottom: 10px; }
}
/*ICONOS SOCIALES*/
.social_icon { font: 11px 'WebSymbolsRegular', sans-serif; color: #fff; display: block; height: 20px; width: 20px; line-height: 20px; text-align: center; text-decoration: none; float: right; margin-right: 1px; margin-top: 3px; 4 color:#FFF;
}
.social_icon_f { font: 11px 'WebSymbolsRegular', sans-serif; color: #fff; display: block; height: 20px; width: 20px; line-height: 20px; text-align: center; text-decoration: none; float: right; margin-right: 1px; margin-top: 3px; -webkit-border-radius: 2px; border-radius: 2px; }
.social_icon2 { font: 15px 'WebSymbolsRegular', sans-serif; color: #fff; display: block; height: 30px; width: 30px; line-height: 30px; text-align: center; text-decoration: none; float: right; margin-right: 1px; margin-top: 3px; 4 color:#FFF; margin-bottom:5px;
}
.social_back1 { background: #00468C; }
.social_back2 { background: #67ADD0; }
.social_back3 { background: #FE0000; }
.social_back4 { background: #00669A; }
.social_icon:hover { background: #fff; color: #999; }
 @media only screen and (max-width: 780px) {
.social_icon, .social_icon_f, .social_icon2 { float: left; margin-bottom: 10px; }
}
/* /////////   GRALS  //////// */

.title { float: left; width: 100%; }
.data { float: left; width: 100%; }
/* //////////   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 { width: 550px; float: right; }
#menuh ul, li { list-style-type: none; }
#menuh ul { margin: 0; padding: 0; }
#menuh li { float: left; width: 110px; }
#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 {  }
/*MENU HORIZONTAL*/
#menuh2 { float: left; width: 100%; margin-bottom: 10px; }
#menuh2 ul, li { list-style-type: none; }
#menuh2 ul { margin: 0; padding: 0; }
#menuh2 li { float: right; }
#menuh2 a { text-decoration: none; color: #000; display: block; padding: 3px 10px; text-align: center; }
#menuh2 a#primero { border-left: 1px solid #ACCFE8; }
#menuh2 a:hover { color:#F00; text-decoration:none; }
 @media only screen and (max-width: 780px) {
#menuh2 li { float: left; }
}
/*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; }
/*CONTACT */
.contact-area { width: 100%; }
.contact-area * { margin: 0; padding: 0; }
.contact-area input, .contact-area textarea { padding: 1%; width: 97%; font-size: 12px; border: 1px solid #FFF; color: #FFF; float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; height: 30px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; background-color: rgba(203,0,43, 1); }
.contact-area textarea { height: 115px; }
.contact-area textarea:focus, #contact-area input:focus { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.contact-area input.submit-button { width: 100px; float: left; color: rgba(162,0,34,1); text-decoration: none; background-color: #FFFFFF; line-height: 26px; height: 32px; text-transform: uppercase; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.contact-area label { float: left; text-align: left; width: 100%; padding-top: 5px; }
.area_1 { float: left; width: 40%; margin-right: 5px; }
.area_2 { float: left; width: 40%; width: 40%; margin-right: 5px; }
.area_3 { float: right; width: 18%; margin-top: 90px; }
 @media only screen and (max-width: 780px) {
.area_1 { width: 100%; margin-bottom:10px margin-right:0px;
}
.area_2 { width: 100%; margin-bottom: 10px; margin-right: 0px; }
.area_3 { width: 100%; margin-right: 0px; padding-top: 0px; margin-top: 0px; }
}
/**/
.barra_interna_color { width: 100%; position: absolute; z-index: 998; top: 17%; margin: 0px; height: 295px; background-repeat: no-repeat; background-image: url(../img/bar.png); background-position: left 70px; }
 @media only screen and (max-width: 1000px) {
.barra_interna_color { top: 25%; }
}
 @media screen\0 {
.barra_interna_color { width: 100%; position: absolute; z-index: 998; top: 150px; }
}
.barra_interna { width: 980px; margin: auto; overflow: visible; }
.barra_interna_box1 { float: left; width: 62%; }
.barra_interna_box3 { float: left; width: 82%; }
.barra_interna_box1_sub1 { float: left; width: 100%; font-size: 38px; font-weight: 100; line-height: 70px; letter-spacing: -2px; background-repeat: no-repeat; background-position: left bottom; }
.barra_interna_box1_sub2 { float: left; width: 94%; background-color: rgba(203,0,43, 1); padding: 3%; min-height: 69px; padding-left: 0px; padding-right: 5%; font-size: 13px; }
.barra_interna_box1_sub3 { float: left; width: 100%; height: 110px; margin-top: 10px; }
.barra_interna_box2 { float: right; width: 350px; background-color: rgba(0,0,0,0.8); height: 370px; margin-top: -70px; display: block; }
.barra_interna_box1_sub4 { float: left; width: 94%; background-color: rgba(203,0,43, 1); padding: 3%; }
 @media screen\0 {
.barra_interna_box2 { background-color: #000; width: 36%; }
}
.barra_interna_box2_sub1 { float: left; margin: 5%; width: 95%; font-size: 18px; display: block; }
.barra_interna_box2_sub1 span { font-size: 12px; display: block; padding: 0px; margin: 0px; }
.barra_interna_box2_sub2 { float: left; width: 85%; margin: 5%; padding-right: 5%; height: 250px; color: #fff; overflow: auto; }
.barra_interna_box2_sub3 { float: left; width: 100%; color: #fff; }
.barra_interna_box2_sub3 img { display: block; width: 100%; }
.barra_interna_box2_sub4 { float: left; width: 85%; margin: 5%; padding-right: 5%; color: #fff; overflow: auto; padding-top: 0px; }
.barra_interna_box2_sub4 span { display: inline-block; padding: 0px 5px; }
 @media only screen and (max-width: 780px) {
.barra_interna_color { width: 100%; position: relative; z-index: 998; height: auto; top: 50px; }
.barra_interna { width: 100%; position: relative; z-index: 998; left: auto; height: auto; top: auto; margin: auto; }
.barra_interna_box1 { float: left; width: 100%; margin-bottom: 15px; }
.barra_interna_box3 { float: left; width: 100%; margin-bottom: 15px; }
.barra_interna_box2 { float: left; width: 100%; height: auto; margin-top: 0px; }
.barra_interna_box1_sub4 { float: left; width: 94%; background-color: rgba(203,0,43, 0.8); padding: 3%; }
.barra_interna_box1_sub1 { float: left; width: 100%; font-size: 22px; font-weight: 100; line-height: 60px; letter-spacing: -1px; text-indent: 15px; background-repeat: no-repeat; background-position: left bottom; }
.barra_interna_box1_sub3 { float: left; width: 90%; height: 160px; margin-top: 0px; padding: 5%; background-color: rgba(0,0,0,0.8) }
}


/*
 *  STYLE 5
 */
.style-5::-webkit-scrollbar {
width: 10px;
}
 .style-5::-webkit-scrollbar-thumb {
background-color: rgba(203,0,43, 1);
}
.style-5::-webkit-scrollbar-track {
background-color: rgba(255,255,255,0.3);
}
/* Basic jQuery Slider essential styles */

ul.bjqs { position: relative; list-style: none; padding: 0; margin: 0; overflow: hidden; display: none; }
li.bjqs-slide { position: absolute; display: none; }
ul.bjqs-controls { list-style: none; margin: 0; padding: 0; z-index: 9999; }
ul.bjqs-controls.v-centered li a { position: absolute; }
ul.bjqs-controls.v-centered li a img { margin-left: -10px; padding-left: -10px; min-height: 220px; }
ul.bjqs-controls.v-centered li.bjqs-next a { right: 0; }
ul.bjqs-controls.v-centered li.bjqs-prev a { left: 0; }
ol.bjqs-markers { list-style: none; padding: 0; margin: 0; width: 100%; }
ol.bjqs-markers.h-centered { text-align: center; }
ol.bjqs-markers li { display: inline; }
ol.bjqs-markers li a { display: inline-block; }
p.bjqs-caption { display: block; width: 96%; margin: 0; padding: 2%; position: absolute; bottom: 0; }
ul.bjqs-controls.v-centered li a { display: block; padding: 10px; background: #fff; color: #000; text-decoration: none; }
ul.bjqs-controls.v-centered li a:hover { background: #000; color: #fff; }
ol.bjqs-markers li a { padding: 5px 10px; background: #000; color: #fff; margin: 5px; text-decoration: none; }
ol.bjqs-markers li.active-marker a, ol.bjqs-markers li a:hover { background: #999; }
p.bjqs-caption { background: rgba(255,255,255,0.5); }
/* Basic jQuery Slider essential styles */



.slideshow { position: relative; height: 210px; }
.slideshow a { position: absolute; top: 0; display: block; left: 0; z-index: 8; }
.slideshow a img { display: block; widows: 100%; max-height: 200px; min-height: 196px; }
.slideshow a.active { z-index: 10; }
.slideshow a.last-active { z-index: 9; }


/*SOLOS HOME*/
/*
            #content {
            height: auto;
            width: 100%;
            }
            
            #wrapper {
            min-height:73%;
            height:73%;
            overflow: hidden;
            width:100%;
            margin: 0 auto;
            text-align: left;
            }    
            #footer {
            height:16em;
            width:100%;
            margin: -1em auto;
            }
            @media only screen and (max-width: 780px) {
            #footer {
            height:43em;
            } 
            #wrapper {
            min-height:73%;
            height:550px;
            overflow: hidden;
            width:100%;
            margin: 0 auto;
            text-align: left;
            }    
            }
            #header {
            height:6em;
            background-color: rgba(0,0,0, 0.3);
            }
            #content { height: auto; width: 100% 
            }
            #content { 
            min-height: calc(76.1% - 8.7em);
            position: absolute;
            background-color: rgba(0,0,0, 0.3);
            }
            */
            
@media only screen and (min-width: 960px) and (max-width: 1024px) {
.barra_interna_box2 { width: 100%; }
}
@media only screen and (min-width: 667px) and (max-width: 960px) {
.barra_interna_box2 { width: 100%; }
}
@media only screen and (min-width: 600px) and (max-width: 667px) {
.barra_interna_box2 { width: 100%; }
}
@media only screen and (min-width: 480px) and (max-width: 600px) {
.barra_interna_box2 { width: 100%; }
}
@media only screen and (min-width: 384px) and (max-width: 480px) {
.barra_interna_box2 { width: 100%; }
}
@media only screen and (min-width: 375px) and (max-width: 384px) {
.barra_interna_box2 { width: 100%; }
}
@media only screen and (min-width: 320px) and (max-width: 375px) {
.barra_interna_box2 { width: 100%; }
}
@media only screen and (min-width: 240px) and (max-width: 320px) {
.barra_interna_box2 { width: 90%; }
.barra_interna_box1_sub1{ font-size:13px; line-height: 40px; font-weight:bold;}
.barra_interna_box1_sub2{ font-size:12px;}
}