/* CSS Document */

@font-face {
    font-family: 'Mono Social Icons Font';
    src: url('../fonts/MonoSocialIconsFont-1.10.eot');
    src: url('../fonts/MonoSocialIconsFont-1.10.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MonoSocialIconsFont-1.10.woff') format('woff'),
         url('../fonts/MonoSocialIconsFont-1.10.ttf') format('truetype'),
         url('../fonts/MonoSocialIconsFont-1.10.svg#MonoSocialIconsFont') format('svg');
    src: url('../fonts/MonoSocialIconsFont-1.10.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


h6 {
 font-family: 'Droid Sans', sans-serif;
font-weight: 700;

}


.verif{
	display:none;
}

label{
	font-size:13px;
}

.errorChk{
	
	display: none;
padding: 0.375rem 0.5625rem 0.5625rem;
margin-top: -1px;
margin-bottom: 1rem;
font-size: 0.75rem;
font-weight: normal;
font-style: italic;
background: #c60f13;
color: white;
}

.symbol, a.symbol:before {
    font-family: 'Mono Social Icons Font';
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
	font-size:3.5rem;
	margin-right:15px;
}


a.symbol:before {
    content: attr(title);
    margin-right: 0.3em;
    font-size: 130%;
}


.pestana{
	background-image:url(../images/pestana2.png);
	background-repeat:no-repeat;
	background-position:top center;
	width:300px;
	text-align:center;
	position:relative;
	right:-50px;
	display:block;
	height:42px;
	background-image:none;
	
}

.desplegado{
	background-image:url(../images/pestana3.png);
}

#desplegable{
	position:absolute;
	top:42px;
	left:31px;
	background-color:#FFF;
	z-index:99999;
	box-shadow: 3px 3px 3px #888888;
	padding:0.5em;
	width:154px;
	margin-bottom:1em;
}


#dropTraining{
	display:none;
}

.top-bar-section ul li a{
	font-size:0.9em;
}

.pestana a{
	padding-left:35px !important;
}

.pestana a:hover{
	color:#484848 !important;
}

h1.logo a {
display: block;
}


h1.logo, h1.logo a {
width: 360px;
height: 79px;
}

h1.logo {
text-indent: -9999px;
}

h1.logo {
background:url(../images/logo-boat-digest.png) no-repeat;
background-size: 360px 79px;
margin-top:15px;
}

.panelPpal{
	background-image:url(../images/fondoPanel.png);
	background-repeat:repeat-x;
	border:0;
	padding-bottom:60px;
	/*min-height:429px;*/
}





.orbit-container .orbit-slides-container div.contenedor {

display:block;
width:100%;
margin-top:25px;
padding-left:50px;
padding-right:50px;
}



.orbit-container .orbit-slides-container div.textoSlider {
float:left;
display:block;
width:35%;
margin-top:25px;


}

.orbit-container .orbit-slides-container div.imgSlider {
float:right;
display:block;
margin-top:25px;
max-width: 500px;
width:63%;

}


.orbit-container .orbit-slides-container h2 {
		line-height:2.5rem;
		font-size: 28px;

		
}

.orbit-container .orbit-slides-container h3 {
	font-size:1em;
	line-height:1.5em;
}

#banda1 h3{
	margin-top:25px;
}


#banda1 p{
	font-size:13px;
}

#banda2 p{
	font-size:13px;
}

.filaLogos{
	margin-top:0.6em;
}


.footer{
	background-color:#FFFFFF;margin:0; width:100%; min-height:12em;
}

#banda2{
	margin-top:50px;
}


#banda3{
	margin-top:50px;
}



.v_align{
	 display:table-cell;
    vertical-align:middle;
	height:100%;
	background-color:#AD0A0D
}


.listaFooter{
	list-style: none;
	margin-left: 7rem;
	display: block;
	margin-top:6em;
	color:#2a85e8;
	font-size:0.8em;
	text-rendering: optimizeLegibility;
}

#tituloCenter{
	text-align:center !important;
}

#colApartados{
	margin-top:30px;
	
}

#colApartados p{
	font-size:13px;
}

.margenMenos{
	margin-bottom:6px;
}

#colNewsletter p{
	font-size:13px;	
}

#colNewsletter .button{
	padding-left:75px;	
	padding-right:75px;	
	height:35px;
	line-height:0px;
}

#bandaForm{
	margin-top:50px;
}


#btnEnviar{
	padding-left:75px;	
	padding-right:75px;	
	height:35px;
	line-height:0px;
	}
	
	
	#btnEnviar2{
	padding-left:75px;	
	padding-right:75px;	
	height:35px;
	line-height:0px;
	}
	
.btnQuest{
	padding-left:30px;	
	padding-right:30px;	
	height:35px;
	line-height:0px;
	}

.btnQuest2{
	padding-left:30px;	
	padding-right:30px;	
	font-family: 'Droid Sans', sans-serif;

	}


#colNewsletter{
	margin-top:30px;
}

#colApartados h3{
	color:#00a6fc;
	display:block;
	font-size: 1.4rem;
}

#primera{
	margin-top:30px;
}




#segunda{
	margin-top:50px;
}



.botonHome{
	margin-bottom:5px;
}


.hrHome{
	margin-bottom:5px;
	margin-top:5px;
}

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}

#wrap {min-height: 100%;}

#main {overflow:auto;
	padding-bottom: 180px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -180px; /* negative value of footer height */
	/*height: 180px;*/
	clear:both;} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}



/* IMPORTANT

You also need to include this conditional style in the <head> of your HTML file to feed this style to IE 6 and lower and 8 and higher.

<!--[if !IE 7]>
	<style type="text/css">
		#wrap {display:table;height:100%}
	</style>
<![endif]-->

*/


.top-bar-section li a:not(.button) {
	/*
	 font-family: 'Droid Sans', sans-serif;
	 font-weight:700;
	 */

	font: bold 13px/32px sans-serif;
	
}

.enlaceEvento{
	color:#000;
	text-decoration:underline;
}

.enlaceEvento:hover{
	color:#2ba6cb;
}

.textoSlider h3{
	font-family: "Open Sans", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}


.descPartner{
	position:absolute;
	right:10px;
	top:20px;
	border:#FFFFFF solid 1px;
	background-color:#FFFFFF;
	padding:10px; width:510px;
	height:auto;
	padding-left:50px;
	padding-right:50px;
	display:none;
	}

.descPartner p{
	font-size: 13px;
}

.caption{
	width:100%;
	position:absolute;
	bottom:0;
	color:#FFFFFF;
	overflow:hidden;
	display:block;
	padding:10px;
	background-color:rgba(0,0,0,0.5);
	font-size:0.8rem;
	
}

.descPartner img{
	margin-top:20px;
	margin-bottom:25px;
	}

.imagenContact{
	margin-bottom:15px;
}




#menuSecundario{
	display:none;
	z-index:99999999999999999;
}

#menuSecundario a{
	color:#FFF;
}

#zoomincontainer {
  top:20px; right:20px;      
  with:47px; height:48px;
}

div.keepontop {
  position:absolute; z-index:14;
}

#menuSecundario .top-bar-section ul li> a {
	padding-left:15px;
	padding-right:15px;
}


.disclaimer{
	font-size:0.7rem;
}

.textoTitulo{
	font-size:2.3rem;
}

.listadoNoticias{
	list-style-type:none;
	font-size:13px;
	margin-left:3px;
}

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

@media only screen and (max-width: 1024px) {
#textoCabecera{
	
	padding-left:15px !important;
	width:50%;
}

#logoEU{
	width:50%;
	float:right;
}

#logoEU img{
	float:left !important;
}
}




@media only screen and (max-width: 970px) {
.top-bar-section li a:not(.button) {


}

}









@media only screen and (max-width: 936px) {
.orbit-container .orbit-slides-container div.contenedor {

}



.orbit-container .orbit-slides-container div.textoSlider {
float:none;
clear:both;
display:block;
width:100%;
margin-top:25px;

}

.orbit-container .orbit-slides-container div.imgSlider {
float:none;
clear:both;
display:block;
margin-top:25px;


}


	
}



@media only screen and (max-width: 988px) {
	.listaFooter{
		margin-left:1rem;
		margin-top:2rem;
		
	}
}

@media only screen and (max-width: 798px) {
	#textoCabecera{
	line-height:12px !important;
	}
	
}

@media only screen and (max-width: 747px) {
	.listaFooter{
		margin-left:0.5rem;
		margin-top:1rem;
	}
}



@media only screen and (max-width: 640px) {
#zoomincontainer{
	display:none;	
}
.caption{
	position:relative;
	}

#contMenu{
	width:100%;
	z-index:99999999999;
}

.top-bar {
	background: #FFFFFF;
}

.top-bar-section ul {
	background: #FFFFFF;	
}

.top-bar .toggle-topbar.menu-icon a span {
	-webkit-box-shadow: 0 10px 0 1px #2795b6, 0 16px 0 1px #2795b6, 0 22px 0 1px #2795b6;
	box-shadow: 0 10px 0 1px #2795b6, 0 16px 0 1px #2795b6, 0 22px 0 1px #2795b6;
}

.top-bar-section ul li.active > a{
	background-image:none;
	color:#2a85e8;
}

.top-bar-section ul li > a:hover{
	color:#2a85e8;
}


.top-bar .toggle-topbar.menu-icon a {
	color: #2795b6;
}

.top-bar.expanded .title-area {
	background: #FFFFFF;
}

.pestana{
	display:none;
}

.pestanaInterior{
	display:none;
}


#desplegable{
	position:inherit;
	top:0;
	right:0;
	
}

#dropTraining{
	display:inherit;
}

#primera h6{
	margin-top:20px;
}


#segunda h6{
	margin-top:20px;
}


#textoCabecera{
	line-height:12px !important;
	padding-left:15px !important;
	width:100%;
}

#logoEU{
	float:left !important;
	padding-left:15px !important;
}


#logoEU img{
	float:left !important;
}

}

@media only screen and (max-width: 500px) {
	.orbit-container .orbit-slides-container h2 {
		line-height:1.8rem;
		font-size: 1.2rem;
}
	
}