@charset "utf-8";
/* CSS Document */
/*PALETA COLORES
AZUL UNICEF: #1CABE2
NARANJA: #FF6B08
GRIS: #939393
*/

html, body {height:100%;}
body {
	background:#FFF;
	margin:0; padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px; color:#444;
}
@media (max-width:700px) {body {font-size:12px;}}
@media (max-width:450px) {body {font-size:11px;}}

.max_screen {max-width:1200px; margin:auto;}
.med_screen {max-width:800px; margin:auto;}

img {border:0;}
img.fullimg {display:block; width:100%;}
img.maximg {max-width:90%;}

.clear {clear:both;}
.justify {text-align:justify;}
.center {text-align:center!important;}
.right {text-align:right;}

.txamarillo {color:#FFF200;}
.txazul {color:#1CABE2;}


.tapetext {padding:10px; font-size:1.2em;}
.tape_blue {background:#1CABE2; color:#FFF;}
.tape_white {background:#FFF; color:#1CABE2;}
.tape_orange {background:#FF6B08; color:#FFF;}
.tape_purple {background:#5D2D73; color:#FFF;}
.univers {font-family:'UniversLTStd-Black';}

.boxshadow {box-shadow:#999 0 0 8px;}

.killpadding {padding:0!important;}

a:link, a:visited {color:#1CABE2;}
a:hover {text-decoration:underline;}
.blue_section a, .purple_section a {color:#FFF;}

h1, h2, h3, h4 {font-family:'UniversLTStd-Black'; font-weight:400; padding:2% 0; margin:0; text-transform:uppercase;}
h1 {font-size:2em; color:#333;}
h1 span, h2 span, h3 span, h4 span {background:#1CABE2; color:#FFF; padding:4px 5px; margin:0 4px; line-height: 1.6em;}
h2 {font-size:1.8em;}
h3 {font-size:1.5em;}
h4 {font-size:1.2em;}

.blue_section h1, .purple_section h1 {color:#FFF;}
.blue_section h1 span, .blue_section h2 span, .blue_section h3 span, .blue_section h4 span, 
.purple_section h1 span, .purple_section h2 span, .purple_section h3 span, .purple_section h4 span {background:#FFF; color:#1CABE2;}



hr {border:0;}
hr.white {border-bottom:solid 2px #FFF;}
hr.blue {border-bottom:solid 2px #1CABE2;}
hr.grey {border-bottom:solid 2px #333;}

blockquote {
	background: rgba(0,0,0,0.2);
    padding: 1em 0.5em 1.5em 0.5em;
}



/*RESPONSIVE GRID***********************************/
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

.col_content {width:92%; margin:auto;}

[class*="col-"] {float:left;}
.row::after {content:""; clear:both; display:table;}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    [class*="col-"] {
        width: 100%;
    }
}

/*columnas para galeria*/
.col_gal {width:23%; padding:1%; float:left;}





/*texto más pequeño**/
.smalltext p, .smalltext ul {font-size:0.8em;}

/*Eliminar margenes**/
.kill_margins {margin:1px;}

.ghost_margin {margin-top:13em;}
@media (max-width:1000px) {.ghost_margin {margin-top:18em;}}
@media (max-width:900px) {.ghost_margin {margin-top:0;}}

/*LISTS*/
ul.normallist {list-style:none; padding:0; margin:0;}
ul.normallist li {padding-left:1em; text-indent:-.7em;}
ul.normallist li::before {content: "• "; color:#1CABE2;}


/*IMAGE OVERLAYS*/
.img_container {position:relative;}
.img_overlay {
  transition: .5s ease;
  opacity: 0.3;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)}
.img_container:hover .img_overlay {opacity:1;}


/*TABLAS*/
table {width:100%; font-weight:400; border-collapse:collapse;}
th {
	font-family:'UniversLTStd-Black';
	font-size:1.1em;
	text-align:left;
	text-transform:uppercase;
	font-weight:400;
	border-bottom:solid 2px #FFF;
}

.table-type1 td, .table-type1 th {padding:4px; border-left:solid 2px #FFF;}
.table-type1 td:first-child, .table-type1 th:first-child {border-left:none;}

.table-type2 td {border-bottom:solid 2px #FFF;}
.table-type2 td, .table-type1 th {padding:6px;}




/*BOTON SUBIR*/
#top {
	position:fixed; float:right; padding-right:20px; text-align:right; width:100%; 
	right:0px; bottom:20px; z-index:1100; display:none;}
#top a:link, #top a:visited {background:#1CABE2; color:#FFF; border:solid 3px #FFF; border-radius:8px; padding:6px;}



/*HEADER***************************************************************************/
header {background:#1CABE2;}
header .logo {text-align:center; padding:1%;}
header .logo img {max-width:60%;}

menu {display:block; background:#FF6B08; text-align:center; font-size:1.3em; letter-spacing:0.03em; padding:10px; margin:0;}
menu a {font-family:'Univers_UltraCn'; font-weight:400; color:#333; margin:0.6em; text-decoration:none;}
menu a:link, menu a:visited {color:#FFF;}
menu a:hover {text-decoration:none;}
#mob_options a {display:block; padding:4px; border-top:dotted #FFF 1px; margin:0;}

menu.classic {display:block;}
menu.mobile {display:none;}

@media (max-width: 1020px) {
	menu.classic {display:none;}
	menu.mobile {display:block;}}

#mob_options {display:none;}


/*BOTON TIEMPOS************************************************************************************************/
.desk_timebot {display:block;}
.mob_timebot {display:none;}

@media (max-width: 920px) {
.desk_timebot {display:none;}
.mob_timebot {display:block;}}



/*SLIDER*******************************************************************************************************/
section.slider {display:block;}
.mainslider {display:block; width:100%; margin:auto; margin-bottom:-4px; overflow:hidden;}
.mainslider a, .mainslider img {width:100%;}
@media (max-width: 600px) {
	.mainslider a, .mainslider img {width:130%; margin-left:-15%;}}

/* pager */
.cycle-pager { 
    width:100%; margin:auto; overflow:hidden; z-index:1000;}
.cycle-pager span { 
    font-family:arial; font-size:40px; width:14px; height:14px; 
    display:inline-block; color:#1CABE2; cursor:pointer;}

.cycle-pager span.cycle-pager-active {color:#FF6B08;}
.cycle-pager > * {cursor:pointer;}

.mainslider-pager {position:absolute; margin-top:-3em; padding-left:1em;}

/* layer textos */
.layer_texto {position:absolute; width:100%; z-index:499;}

/*call to action*/
a.calltoaction {
	z-index:1000;
	padding:0.5em;
}

a.desk_call {
	display:inline-block;
	position:fixed;
	margin:1em;
	right:0;
	border-radius:50%;
	background:#FF6B08;
}
a.mob_call {
	display:none;
	position:fixed;
	margin:0;
	width:100%;
	text-align:center;
	font-size:0.8em;
	clear:inherit;
	background:#1CABE2;
}
a.desk_call img {width:100%;}
a.mob_call img {width:100%; max-width:163px;}

@media (max-width:900px) {a.desk_call {margin:1em;}}
@media (max-width:600px) {a.desk_call {margin:0.5em;}}
@media (max-width:450px) {
	a.desk_call {display:none; width:25%;}
	a.mob_call {display:block;}
	.head_spacer {height:30px;}
}


/*MÓDULOS SECCIONES*********************************************************************************************/
section.content_module {padding:6% 4%;}
@media (max-width:450px) {section.content_module {padding:12% 5%;}}
.grey_section {background:#F5F5F5;}
.whitesection {background:#FFF;}
.blue_section {background:#1CABE2; color:#FFF;}
.purple_section {background:#5D2D73; color:#FFF;}

.black_section {background:#000; color:#FFF;}
.black_section_slogan {background:#000; color:#FFF;}



/*SECCIONES PARALLAX*********************************************************************************************/
.foto_background {
	padding:40px;
	color:#FFF;
	background:#000;
	background-size:100%;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:top;}
.foto_background h1 {color:#FFF;}
.foto_background h1 span, .foto_background h2 span, .foto_background h3 span {color:#FFF200;}


/*ALERT BOX**********/
.alertbox {
	background:#333;
	border:solid 2px #FC0;
	border-radius:6px;
	padding:8px;}
.alertbox h3, .alertbox p {padding:0; margin:4px;}
.alertbox h3 {color:#FC0; text-align:center;}


/*PATROCINADORES******/
#patrocina h3 {color:#939393; text-align:center; padding:4px;}
.fondo_patrocina {background:#FFF; border-top:dashed 1px #CCC; min-height:180px;}
@media (max-width:650px) {.fondo_patrocina {min-height:160px;}}
@media (max-width:550px) {.fondo_patrocina {min-height:140px;}}
@media (max-width:450px) {.fondo_patrocina {min-height:120px;}}

.patro_slide {text-align:center; width:100%;}
.patro_slide p {margin:0; margin-top:5px; padding:0;}
.patro_slide h4 {margin:0; margin-top:10px; padding:0;}
.patro_slide a img {width:25%; max-width:200px; margin:0.5%;}


/*BOTONES*/
.boton {text-align:center;}
.boton a:link, .boton a:visited {
	display:inline-block;
	margin:auto;
	padding:0.7em 2em;
	font-family:'Univers_UltraCn';
	text-align:center;
	text-decoration:none;
	font-weight:400;
	font-size:1.5em;
}
@media (max-width:650px) {
	.boton a:link, .boton a:visited {padding:0.4em 0.8em; margin:0.3em;}
}

.bt_blanco a {background:#FFF; color:#FF6B08;}
.bt_blanco a:hover {background:#FF6B08; color:#FFF;}

.bt_naranja a {background:#FF6B08; color:#FFF;}
.bt_naranja a:hover {background:#FFF; color:#FF6B08;}


/*GALERIA***/
.galeria a:link img {background:#FFF;}
.galeria a:hover img {opacity:0.6;}

a#fancybox-galeria {font-family:'Univers_UltraCn'; font-size:16px;}
a#fancybox-galeria:hover {text-decoration:none; color:#666; padding-right:5px;}

#fancybox-thumbs ul li {text-indent:0;}
#fancybox-thumbs ul li::before {content:"";}



/*FOOTER*******************************************************************************************************/
footer {background:#222222; color:#FFF; text-align:center; padding:30px 10px;}
footer img {padding:20px;}
footer p {padding:0; margin:2px;}
footer a:link, footer a:visited {color:#FFF; font-weight:bold;}
footer a:hover {opacity:0.6;}
footer .redes {display:inline-block; margin-top:10px; font-size:26px; font-weight:normal;}
footer .redes a {margin:0 5px;}