@charset "utf-8";
/* CSS Document */

/*RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*ESTILOS*/
body{background:#E6E6E6;}

/*PÁGINA*/
#page-wrap{
	width: 80%;
	max-width: 1024px;
	min-width: 1024px;
	background: #FFF;
	margin: 0 auto;
}
.clear{clear: both;}

/*HEADER*/
#header{
	background: #fff;
	 padding: 25px 25px 50px;
	height: 10%;
	}
#header .logo{float: left; width:302px;height: 35px; cursor: pointer;}
#header .language{display:none; float: right;color:#23315A; font-family: 'Open Sans', sans-serif;}
#header .language a{color:#23315A; text-decoration: none;font-size: 0.8em;}
#header .language a strong{font-weight: bold}
#header .language a:hover{color:#23315A; text-decoration: underline;}


/*CONTENT*/
#content{
	min-height: 100%;
	height: 90%;
	position: relative;
}

#content .bola_movil{background: url("../img/icona-mobile.png") top right no-repeat;
    height: 110px; position: absolute;
    left: 4%;
    top: 2%;
    width: 110px;}

#content .bola_cabecera{background: url("../img/bola_cabecera.png") top right repeat-x;font-size: 0.9em;font-family: Arial, 'Open Sans', sans-serif;
    height: 153px; line-height:1.2em;
    position: absolute;
    right: 5%;
    text-align: center;
    top: -4%;
    width: 153px;}
#content .bola_cabecera p{color: #fff;padding: 38px 26px;}
#content .bola_cabecera p strong{font-weight: bold;}

#content .participa{background: url("../img/bg_participa.jpg") top left repeat-x #FAFAFA; padding:20px 0 0;}
#content .participa img{margin:10px auto 0; float:right}
#content .participa h1{color:#23315A;font-weight: normal;font-size: 2em; padding: 20px 10px 20px 175px; font-family:Arial, Georgia, "Times New Roman", Times, serif;}
#content .participa h1 span{font-size: 1.8em; font-weight: bold; padding-top: 25px; font-family: Arial, Georgia, "Times New Roman", Times, serif;}
#content .participa p{color:#58585A;font-size: 1.06em;padding-bottom: 20px;font-family: Arial, 'Open Sans', sans-serif;}

#content .mensaje{background:#ECEDED;color:#707173; text-align: left; font-size:1.05em; padding: 5px 50px 20px 50px; font-family: Arial, Georgia, "Times New Roman", Times, serif;line-height: 1.25em; clear:both}
#content .mensaje a{color:#707173;}

#content .mensaje p{margin-top:20px;}


#content .destacado_azul{color:#2E3A69; font-weight: bold;}


#content .numeros{width: 100%;}
#content .numeros > div {width: 33%; height:100px;float: left;}
#content .numeros > div.num_dos {width: 34%;}
#content .numeros .num_uno{background: url("../img/num_1.jpg") top left no-repeat;}
#content .numeros .num_dos{background: url("../img/num_2.jpg") top left repeat;}
#content .numeros .num_tres{background: #eceded url("../img/num_3.jpg") top left repeat;}

#content .boxes{width: 100%;color:#3E3D40;} 
#content .boxes a{color:#3E3D40;}
#content .boxes > div {width: 33%; height:270px;min-height:270px;float: left;}
#content .boxes > div.box_dos {width: 34%;}
#content .boxes .box_uno{ background: #FFE28E; padding-top: 5px;}
#content .boxes .long_one{ padding-top: 27px;}
#content .boxes .box_dos{ background: #FFD55B; padding-top: 5px;}
#content .boxes .long_two{ padding-top: 35px;}
#content .boxes .box_tres{ background: #FFBF00; padding-top: 5px;}
#content .boxes p{font-size: 1.24em;line-height: 1.2em;padding: 10px 46px;text-align: center; font-family: Arial, Georgia, "Times New Roman", Times, serif;}

#content .iconos{width: 100%;}
#content .iconos > div {width: 33%;height:100px;float: left;}
#content .iconos > div.icon_dos {width: 34%;}
#content .iconos .icon_uno{background: url("../img/icon_1.jpg") top left no-repeat;}
#content .iconos .icon_dos{background: url("../img/icon_2.jpg") top left repeat;}
#content .iconos .icon_tres{background: url("../img/icon_3.jpg") top left repeat;}

#content .textos_color{width: 100%;color: #3E3D40;text-align: center;padding-bottom: 20px;}
#content .textos_color > div {width: 33%;height:150px;float: left;margin-bottom: 50px;}
#content .textos_color > div p.destacado{font-size:1.24em;padding: 20px 30px;line-height: 1.2em; font-family: Arial, Georgia, "Times New Roman", Times, serif;}
#content .textos_color > div.text_dos {width: 34%;padding-bottom: 10px;}
#content .textos_color .text_uno{background: #FFF;}
#content .textos_color .text_dos{background: #FFF;}
#content .textos_color .text_tres{background: #FFF;height:150px;}
#content .textos_color p.small{line-height: 1.2em;padding: 5px 35px 20px;}
#content .textos_color a {color: #3E3D40;}
#content p.small{font-size: 0.9em !important;font-family: Arial, 'Open Sans', sans-serif;}


#content .propuesta{background: url("../img/bg_participa.jpg") top left repeat-x #FAFAFA;text-align: center; padding:20px;margin-top: 70px;}
#content .propuesta p.titulo_1{color:#23315A;font-size: 2.7em; font-family: Arial, Georgia, "Times New Roman", Times, serif;}
#content .propuesta p.titulo_2{color:#23315A;font-size: 1.7em; padding-top: 8px;font-family: Arial, 'Open Sans', sans-serif;}
#content .propuesta p{font-size: 1.31em;color:#23315A;padding-top: 35px;}

/*FOOTER*/
#footer{background: #F9F9F9;font-size: 0.75em;padding: 20px 20px 55px;}

#footer .avis{float: left;width: 165px;font-family: Arial, 'Open Sans', sans-serif;}
#footer .avis .footer_text{padding-right: 30px;width:70px;display: inline; float:left}
#footer .avis .footer_text span {color:#23315A;display: inline;}
#footer .avis .footer_enlace{float: right;}
#footer .avis .footer_enlace a{color:#58585A;text-decoration: none;}
#footer .avis .footer_enlace a:hover{color:#58585A;text-decoration: underline;}
#footer .social{float: right;}



/*carousel videos*/
.ContentFlow{background: #D9DACD; width: 100%;min-width: 100%;padding-bottom: 30px;}

.mask {
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;
}
 

#videos .window {
  position:absolute;
  z-index:9999;
  padding-left:20px;
  padding-right:0px;
  padding-top:20px;
  padding-bottom:20px;

}
 
/* Customize your modal window here, you can add background image too */
.video01,.video02,.video03,.video04,.video05{
  display: none;
  width:auto;
  height:auto;
  background: #fff;
}
.close{float:right;padding:5px;}

.flechas{}
.flechas .myprev{position: absolute;top:45%;float: left; width:100px;cursor: pointer;}
.flechas .mynext{position: absolute;float: right;cursor: pointer;right: 0;top: 45%;}

/*Casabona*/
#content .bola_cabecera p {padding:0px;margin-bottom: 5px}
#content .bola_cabecera .bola_contenedor{    padding: 85px 35px 0px 28px;}
#content .bola_cabecera{height: 215px;width: 215px;    right: 5px;top: -95px;}
#content .bola_cabecera{font-size: 12px;text-align: left;}
#content .participa .titulos h1{font-size: 60px;padding: 0px;font-weight: bold}
#content .participa .titulos h2 {    margin-top: 15px;font-size: 25px;    font-family: Arial, Georgia, "Times New Roman", Times, serif;    color: #23315A;font-weight: normal;}
#header{padding: 35px 25px 65px;}
#header .logo{    margin-left: 20px;width:auto;}
.titulos{padding: 40px 0px 50px 50px;}
#content .participa{padding: 0px;background-image: url(../img/imatge-header.png);min-height: 492px;    background-position: right;background-repeat: no-repeat;}
.premios{margin:75px 0px 0px 50px;width: 350px;height: 99px;background-image: url(../img/premios.png);background-repeat: no-repeat;}
.premios .texto_premios{padding:20px 0px 5px 70px;}
.texto_premios h3{ margin-bottom: 5px;font-size: 16px; font-family: Arial, Georgia, "Times New Roman", Times, serif;    color: #2E3A69;font-weight: bold}
#content .participa .texto_premios p{font-size: 16px;color:#2E3A69;}
p.min-altura1{    min-height: 165px;}
#content .textos_color > div p.destacado{min-height: 120px;}
.fotos{    background: #ECEDED;}
.fotos ul.imagenes-mini{text-align: center;padding:30px 0px 35px;}
.fotos ul.imagenes-mini li{ display: inline-block;zoom: 1;*display: inline;}
.fotos .imagenes-mini img{width: 185px;margin:0px 5px;}
#footer{padding: 20px 50px 55px;}