@charset "utf-8";
/*
Theme Name: BANNER v4
Theme URI:
Description: Design created for Panda Creatiu.
Version: 1.0
Author: Panda Creatiu
Author URI: http://www.pandacreatiu.com/
Tags: Versió modficada per Barmet
*/
/* ------------------------------------------------------------------ */
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, font, 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 {
	margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;background: transparent;list-style:none;
	webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
a {text-decoration:none;}
/* -------------------------------------------------------------------- */
html, body{ overflow-x: hidden; }
body { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 300; opacity: 0; }

body .hidden { display: none !important; }

.txtgen{ font-size: 15px !important; line-height: 1.7 !important; font-weight: 300 !important; }
.txtgen span{ font-size: 15px !important; }
.txtgen p, .txtgen h1, .txtgen h2, .txtgen h3{ margin-bottom: 25px !important; }
.txtgen p:last-child{ margin-bottom:0; }
.txtgen h1{ font-size: 100% !important; }
.txtgen h2{ font-size: 100% !important;  }
.txtgen h3{ font-size: 100% !important; }
.txtgen img { max-width: 100% !important; height: auto !important; }
.txtgen a{ color: #666 !important; }
.txtgen a:hover{ text-decoration: underline !important; }
.txtgen ul, .txtgen ol{ padding-left:40px !important; margin-bottom:25px !important; margin-top:15px !important; }
.txtgen ul li, .txtgen ol li{  list-style:outside !important; margin-bottom:12px !important; }
.txtgen ol li { list-style:decimal !important; }
.txtgen iframe { max-width: 100%; height: 300px !important; }

.txtgen_mini{ font-size: 12px; line-height: 1.7; font-weight: 300; }
.txtgen_mini p, .txtgen_mini h1, .txtgen_mini h2, .txtgen_mini h3{ margin-bottom: 15px; }
.txtgen_mini h1{ font-size: 100%; }
.txtgen_mini h2{ font-size: 100%;  }
.txtgen_mini h3{ font-size: 100%; }
.txtgen_mini img { max-width: 100% !important; height: auto !important; }
.txtgen_mini a{ color: #666; }
.txtgen_mini a:hover{ text-decoration: underline; }
.txtgen_mini ul, .txtgen_mini ol{ padding-left:40px; margin-bottom:25px; margin-top:15px; }
.txtgen_mini ul li, .txtgen_mini ol li{  list-style:outside; margin-bottom:12px; }
.txtgen_mini ol li { list-style:decimal; }


/* center div variable width */
.outer{ position: relative; left: 50%; float: left; }
.inner { position: relative; left: -50%; float: left; }

.transition{
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.shadow{ -webkit-box-shadow: 0px 5px 15px 0px rgba(96,67,17,0.4); -moz-box-shadow: 0px 5px 15px 0px rgba(96,67,17,0.4); box-shadow: 0px 5px 15px 0px rgba(96,67,17,0.4); }
.radius{ -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }

::selection { background: #F1F1F1; }
::-moz-selection { background: #F1F1F1; }

.wrapper{ width: 100%; max-width: 1400px; min-width: 320px; margin: auto; padding: 0 10px; position: relative; }
.wrapper_mini{ width: 100%; max-width: 725px; min-width: 320px; margin: auto; padding: 0 10px; position: relative; }

.clear{ clear: both; }

::placeholder, input, textarea, select { font-family: 'Raleway', sans-serif; }


/* MENU / SUBMENU -------------------- */
.header{ position: relative; z-index: 999; width: 100%; }

.header_top{ width: 100%; height: 35px; background: #000; padding: 0px 20px; position: relative; z-index: 100; color: #fff; letter-spacing: 1.7px; }
	
	.header_top_menu{ float: right; font-size: 13px; }
		.header_top_menu div, .header_top_menu div ul li{ float: left; }

		.header_top_menu1 ul { margin: 0; padding: 13px 0 0 0; }
		.header_top_menu1 li { float: left; margin: 0; position: relative; cursor: pointer; }
		.header_top_menu1 li a { padding: 0 10px; color: #fff; }
		.header_top_menu1 .current-menu-item a, .header_top_menu1 .current_page_item a, .header_top_menu1 a:hover, li.current-menu-parent >a{ 
			color: #ccc !important; }
		.header_top_menu1 li:after{ content: '|'; }
		.header_top_menu1 li:last-child:after{ content: ''; }
		
		.header_top_menu2{ margin-top: 13px; margin-left: 5px; }
		.header_top_menu2 a{ background-color: #515151; color: #fff; padding: 3px 15px 8px 15px; }
		.header_top_menu2 .current-menu-item a, .header_top_menu2 .current_page_item a, .header_top_menu2 a:hover, li.current-menu-parent >a{ 
			background-color: #878787; }

	.header_top_sentence{ color: #fff; font-size: 12px; padding-top: 6px; color: 2px; white-space: nowrap; font-weight: bold; }
	.header_top_sentence span{ color: #B3B3B3; font-size: 8px; letter-spacing: 1.5px;  }

.header_bottom{ width: 100%; height: 75px; background-color: #fff; border-bottom: 1px solid rgba(0,0,0,.1); }

	.header_tlf{ float: right; margin-right: 20px; margin-top: 12px; }
		.header_tlf_txt{ padding-top: 12px; color: #000; font-size: 12px; font-weight: bold; }
		.header_tlf_txt span{ font-size: 15px; }

		.header_location_txt{ color: #000; font-size: 12px; font-weight: bold; margin-top: 10px; }
		.header_location_txt span{ font-size: 15px; }



	.header_bottom_icon{ float: left; width: 140px; z-index: 99; margin: 20px 15px 0 15px; }
	.header_bottom_icon img{ width: 100%; height: auto; }

	.header_bottom_deco{ float: left; width: 2px; height: 30px; background-color: #000; margin-top: 20px; margin-right: 10px; }

	#main-nav {font-size: 12px; font-weight: 600; padding-top: 20px; }
		#main-nav ul { margin: 0; padding: 0; }
		#main-nav li { display: block; float: left; line-height: 30px; height: 30px; margin: 0; padding: 0 15px 0 0; position: relative; cursor: pointer; }
		#main-nav li a{ display: block; height: 30px; line-height: 30px; padding: 0 0 30px 0; color: #000; }

		/*#main-nav li a{	transition: all .2s ease-in-out; }*/

		#main-nav .current-menu-item a, #main-nav .current_page_item a, #main-nav a:hover, li.current-menu-parent >a{ border-bottom: 3px solid #ccc; }

.menu_movil_trigger{ display: none; }


@media only screen and (max-width: 1100px) {
	.header_tlf_txt{ font-size: 12px; }
	.header_tlf_txt span{ font-size: 14px; }

	#main-nav {font-size: 12px; }
}

@media only screen and (max-width: 950px) {
	#main-nav, .header_bottom_deco { display: none; }
	.menu_movil_trigger{ display: inherit; position: absolute; left: 5px; margin-top: 11px; font-size: 28px; color: #000; }
	.menu_movil_trigger a{ color: #000; }

	.header_bottom_icon{ position: absolute; margin: 10px 20px 0 35px; }

	.header_tlf_txt{ font-size: 12px; }
	.header_tlf_txt span{ font-size: 14px; }
}

@media only screen and (max-width: 450px) {
	.header_top_sentence{ padding-top: 8px; font-size: 10px; }
	.header_top_sentence span{ font-size: 7px; }
	
	.header_bottom_icon{ width: 150px; margin-top: 10px; }

}


/* FOOTER ======================================================================= */
/* BLOG*/
.footer_posts{ margin-top: 40px; }

	.footer_post{ float: left; width: 50%; padding: 20px; }
		
		.footer_post_img{ float: left; width: 40%; }
			.footer_post_img img{ width: 100%; height: auto; }

		.footer_post_content{ float: left; width: 60%; padding: 0 15px; }
			.footer_post_cat{ font-size: 14px; font-weight: bold; letter-spacing: 2px; }
			.footer_post_title{ font-family: 'Suez One', serif; font-size: 20px; line-height: 1.2; margin: 15px 0; }
			.footer_post_extract{ font-size: 14px; line-height: 1.6; }


.footer_rrss{ width: 100%; background-color: #FAFAFA; padding: 35px 0; text-align: center; margin-top: 70px; }
	.footer_rrss_title{ font-size: 15px; letter-spacing: 2px; }
	.footer_rrss_subtitle{ font-family: 'Suez One', serif; font-size: 35px; margin-top: 15px; }

.rrss_list{ margin-top: 30px; }
	.rrss_list li{ float: left; padding: 0 0 0 15px; }
	.rrss_list li a{ color: #000; font-size: 50px; }
	.rrss_list li:after{ content: '|'; font-size: 50px; font-weight: 100; }
	.rrss_list li:last-child:after{ content: ''; }
	.rrss_list span:hover{ opacity: .6; }
	.rrss_list span{ padding: 0 25px; }


/* MENÚ FOOTER */
.menu_footer{ text-align: center; margin: 60px 0 140px 0; font-size: 13px; }
.menu_footer ul li{ float: left; }

.menu_footer ul li:after{ content: '·'; }
.menu_footer ul li:last-child:after{ content: ''; }

.menu_footer a{ color: #000; padding: 0 7px; }
.menu_footer a:hover{ text-decoration: underline; }


footer{ position: fixed; z-index: 999; bottom: 0; left: 0; width: 100%; height: 120px; background-color: #F2F3F1; border-top: 1px solid #CBCBCB; }

	.footer_text{ font-size: 14px; font-weight: bold; text-align: center; margin-top: 17px; letter-spacing: 2px; }

	.footer_form{ display: flex; margin-top: 12px; }
		
		#mydate{ width: 80px; padding: 5px; margin: 0 4px; }
		.select_hour{ width: 70px; padding: 5px; margin: 0 4px; }
		#form_name{ width: 130px; margin: 0 4px; padding: 5px; }
		#form_edad{ width: 40px; margin: 0 4px; padding: 5px; }
		#form_tlf{ width: 70px; margin: 0 4px; padding: 5px; }

		.footer_form_bt{ height: 30px; margin-left: 4px; background-color: #000; color: #fff; padding: 9px 15px; cursor: pointer; }
		.footer_form_bt:hover{ opacity: .6; }


.input_acepto_screen{ margin-top:7px; }
.input_acepto_screen a{ color:#000; text-decoration:underline; }
.input_acepto_screen label, .input_acepto_screen input{ cursor:pointer; }


.footer_screen{}
.footer_mobile{ display: none; }

@media only screen and (max-width: 810px) {
	footer{ height: 60px; }
	.footer_screen{ display: none; }
	.footer_mobile{ display: inherit; }

	.footer_post{ float: none; width: 100%; padding: 10px; clear: both; }
		.footer_post_cat{ font-size: 13px; }
		.footer_post_title{ font-size: 17px; }
		.footer_post_extract{ font-size: 13px; padding-bottom: 30px; }

	.rrss_list{ margin-top: 20px; }
		.rrss_list li{ padding: 0; }
		.rrss_list li a{ font-size: 30px; }
		.rrss_list li:after{ font-size: 30px; }
		.rrss_list span{ padding: 0 15px; }

	.menu_footer{ margin: 40px 0 80px 0; }
}

@media only screen and (max-width: 475px) {

	.footer_post_img{ float: none; width: 100%; }
	.footer_post_content{ float: none; width: 100%; padding: 15px 0; }
	
	.footer_rrss{ margin-top: 10px; }
		.footer_rrss_title{ font-size: 14px; }
		.footer_rrss_subtitle{ font-size: 28px; }

	.rrss_list{ margin-top: 10px; }
		.rrss_list li a{ font-size: 23px; }
		.rrss_list li:after{ font-size: 23px; }
		.rrss_list span{ padding: 0 10px; }

}

.compania_items{ display: flex; flex-wrap: wrap; justify-content: center; width: 100%; max-width: 900px; margin: 60px auto 0 auto; }

.compania_item{ float: left; margin: 0 5px 15px 0; width: 130px; text-align: center; padding: 0 12px; }
	.compania_img{ width: 90%; aspect-ratio:1; background-size:contain; background-position:center; background-repeat:no-repeat; }
	.compania_deco{ width: 20px; height: 1px; background-color: #000; margin: 12px auto; }
	.compania_nom{ font-size: 12px; text-align: center; color: #000; }


.footer_inscrito{ width:100%; max-width:700px; margin: 20px auto; text-align:center; }


/* POPUP ===================================== */
.popup{ position: fixed; z-index: 9999; left: 0; top: 0; width: 100vw; height: 100vh; background-color: rgba(0,0,0,.8); }
.datepickers-container{ z-index: 9999; }

#inline{ width: 95%; max-width: 700px; background-color: #fff; position: fixed; left: 50%; top: 50%; }

	.popup_cerrar{ position: absolute; text-align: center; top: 10px; right: 10px; cursor: pointer; }
	.popup_cerrar img{ width: 20px; height: auto; }
	.popup_frase{ font-family: 'Suez One', serif; font-size: 24px; width: 90%; max-width: 400px; margin: 20px auto; text-align: center; }
	
	.popup_form{ width: 100%; padding: 30px; background-color: #F2F3F1; }
		
		.popup_form_linea1{ display: flex; width: 230px; margin: auto; }
			#mydate_popup{ width: 80px; padding: 5px; margin: 0 4px; }
			.select_hour_popup{ width: 70px; padding: 5px; margin: 0 4px; }

		.popup_form_linea2{ display: flex; width: 300px; margin: 10px auto; }
			#form_name_popup{ width: 130px; margin: 0 4px; padding: 5px; }
			#form_edad_popup{ width: 40px; margin: 0 4px; padding: 5px; }
			#form_tlf_popup{ width: 70px; margin: 0 4px; padding: 5px; }

		.popup_form_linea3{ font-size: 12px; color: #666; text-align: center; }
			.popup_form_linea3 a{ color: #000; }
			.popup_form_linea3 label, .popup_form_linea3 input{ cursor: pointer; }

		.sec_bt_popup{ background-color: #000; color: #fff; display: inline-block; font-size: 15px; padding: 10px 40px; margin-top: 25px; margin-left: 5px; }
		.sec_bt_popup:hover{ opacity: .6; }

		.popup_mensaje{ position: absolute; width: 100%; text-align: center; color: red; }
		.popup_mensaje_ok{ position: absolute; width: 100%; text-align: center; color: green; }


@media only screen and (max-width: 810px) {
	
	.popup_cerrar{ margin-top: 20px; }
		.popup_cerrar img{ width: 40px; height: auto; }

	.popup_frase{ font-size: 19px; }

	.popup_form_linea2{ width: 230px; }
		#form_name_popup{ width: 95px; margin: 0 4px; padding: 5px; }
		#form_edad_popup{ width: 30px; margin: 0 4px; padding: 5px; }
		#form_tlf_popup{ width: 55px; margin: 0 4px; padding: 5px; }

}

/* PER FER FUNCIONAR LA MAQUETACIO FLOAT DE CONTENT ------------------------------- */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 0px 0 7px 7px; }
.alignleft { float: left; margin: 0px 7px 7px 0; }
a img.alignright { float: right; margin: 5px 0 7px 7px; }
a img.alignnone { margin: 5px 7px 7px 0; }
a img.alignleft { float: left; margin: 5px 7px 7px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto;
	left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }


/* cookies */
.pea_cook_wrapper.pea_cook_bottomleft {
    bottom: 75px !important;
}


/* COOKIES =================================================== */
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {
    background-color: #E6E6E6 !important;
    border-top: 1px solid #bfbfbf !important;

    position: relative; z-index: 999;
}

#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme {
    background-color: #E6E6E6 !important;
    border-top: 1px solid #bfbfbf !important;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container { padding: 80px 40px !important; }

@media only screen and (min-width: 768px) {    

    #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container { padding: 80px 40px !important; }

    .moove-gdpr-cookie-notice, .moove-gdpr-cookie-notice p{ line-height: 2 !important; }

    #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton,
    #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton{
        padding: 25px 40px !important;
        font-size: 16px !important;
        font-weight: bold !important;
    }

}


@media only screen and (max-width: 768px) {    

    #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container { padding: 40px 10px !important; }

    #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton,
    #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton{
        padding: 15px 30px !important;
        font-size: 14px !important;
        font-weight: bold !important;
    }

}




/* HOME ====================================================================================================================================================================================== */
.banner_home{ width:100%; position:relative; border:1px solid #ccc; }

	.banner_home_content{ position: absolute; z-index: 99; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align:center; color:#fff }

		.banner_home_txt1{ font-size: 14px; font-weight:bold; line-height:1.4; }
		.banner_home_txt2{ font-family: 'Suez One', serif; font-size: 46px; line-height:1.5; }
		.banner_bt{ width:fit-content; padding:20px; background-color:rgba(0,0,0,.8); font-size:22px; color:#fff; margin:auto; }


@media only screen and (max-width: 768px) {
	.banner_home_content{ width:100%; max-width:370px; }

	.banner_home_txt1{ font-size: 12px; }
	.banner_home_txt2{ font-size: 30px; }
	.banner_bt{ padding:15px; font-size:16px; }
}


/* ESPACIO ==================================== */
.space20{ clear: both; height: 20px; }
.space40{ clear: both; height: 40px; }
.space60{ clear: both; height: 60px; }
.space80{ clear: both; height: 80px; }
.space100{ clear: both; height: 100px; }


/* TITOLS ===================================== */
.titols{ width: 100%; max-width: 800px; margin: auto; }
	.titols_txt1{ width: 100%; max-width: 700px; margin: auto; text-align: center; font-size: 15px; letter-spacing: 2px; }
	.titols_txt2{ font-family: 'Suez One', serif; font-size: 34px; margin-top: 20px; text-align: center; }
	.titols_txt3{ text-align: center; width: 100%; max-width: 615px; margin: 20px auto 0 auto; }
		.titols_txt3 table{ width: 100%; table-layout: fixed; margin-top: 20px; }
		.titols_txt3 table tr td{ border: 1px solid #000; padding: 20px; }

.titols_txt1 h1, .titols_txt1 h2, .titols_txt1 h3, 
.titols_txt2 h1, .titols_txt2 h2, .titols_txt2 h3,
.titols_txt3 h1, .titols_txt3 h2, .titols_txt3 h3{
	font-weight: inherit; font-size: inherit;
}

@media only screen and (max-width: 768px) {
	.titols_txt1{ font-size: 14px; }
	.titols_txt2{ font-size: 28px; }
	.titols_txt3{ font-size: 14px; }
	.titols_txt3 table tr td{ font-size: 12px; padding: 20px 5px; }
}


/* IMG 50% / TXT 50% ======================================================== */
.sec_img_txt{ width: 100%; max-width: 950px; margin: auto; }
	.sec_img{ width: 50%; float: left; padding-right: 30px; }
		.sec_img img{ width: 80%; height: auto; }
	.sec_txt{ width: 50%; float: right; padding-left: 30px; font-size: 14px; line-height: 1.8; }
	.sec_txt ul li:nth-child(even){ content:" "; width: 50px; height: 2px; border-bottom: 1px solid #000; margin: 15px 0; }


@media only screen and (max-width: 650px) {
	.sec_img_txt{ margin: 0 auto; }
		.sec_img{ width: 100%; max-width: 400px; margin: auto; float: none; padding: 0 10px; text-align: center; }
		.sec_txt{ width: 100%; float: none; padding: 25px 10px; text-align: center; }
		.sec_txt ul li:nth-child(even){ content:" "; width: 50px; height: 2px; border-bottom: 1px solid #000; margin: 15px auto; }
}


/* SECCION BARRA GRIS / FONS BLANC ========================================= */
.grey_bar{ width: 100%; height: 200px; background-color: #F2F3F1; }

.wrapper_white{ width: 100%; max-width: 930px; margin: -120px auto 0 auto; background-color: #fff; padding: 40px 135px 0 135px; }

.sec_icons{ width: 100%; max-width: 800px; margin: 40px auto 0 auto; display:flex; flex-wrap: wrap; }

	.sec_icon{ width: 24%; text-align: center; padding: 10px; position:relative; }
		
		.sec_icon_hover{ position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); margin-left: -15px; margin-top: -15px; opacity: 0; 
			padding: 15px; text-align: center; }
			.sec_icon_hover_txt{ display: table-cell; vertical-align: middle; color: #fff; font-size: 14px; font-weight: 600; line-height: 1.5; width: 100%; text-align: center; }

		.sec_icon_img{ max-width: 100%; height: auto; }
		.sec_icon_deco{ width: 20px; height: 1px; background-color: #000; margin: 12px auto; }
		.sec_icon_txt{ font-size: 14px; letter-spacing: 2px; color: #000; }

.sec_bt{ background-color: #000; color: #fff; display: inline-block; font-size: 15px; padding: 20px 50px; cursor: pointer; }
.sec_bt:hover{ opacity: .6; }


@media only screen and (max-width: 800px) {
	.grey_bar{ height: 200px; }
	.wrapper_white{ padding: 40px 20px 0px 20px; }

	.sec_icon{ width: 50%; }
	.sec_icon_txt{ font-size: 13px; }

	.sec_bt{ font-size: 14px; padding: 20px 40px; }
}



/* SECCION DOS COLUMNAS (TEXTO/IMAGEN) ============================================ */
.separador_linea{ width: 90px; height: 5px; border-bottom: 1px solid #000; margin: 60px auto; }

.sec_col2{ width: 100%; max-width: 1200px; margin: auto; padding: 0 10px; }

	.col2_item{ float: left; width: 50%; }

		.col2_title{ font-family: 'Suez One', serif; font-size: 20px; margin-bottom: 15px; }
		.col2_content{ display: flex; }

			.col2_content_img{ width: 40%; background-position: center; background-size: cover; }
			.col2_content_txt{ width: 60%; padding: 0 50px 0 40px; }
				.col2_content_title{ font-size: 15px; font-weight: bold; letter-spacing: 2px; line-height: 1.4; }
				.col2_content_text{ border-left: 1px solid #999; padding-left: 20px; font-size: 14px; line-height: 1.4; margin: 30px 0 70px 10px; }
				.col2_content_text p{ margin-bottom: 20px; }

.sec_col2_footer{ width: 100%; padding: 70px 0 50px 0; background-color: #F2F3F1; margin-top: -50px; }
.sec_col2_footer_nocta{ width: 100%; height: 210px; background-color: #F2F3F1; margin-top: -50px; }

@media only screen and (max-width: 1000px) {
	.col2_item{ float: none; width: 100%; margin-bottom: 40px; }
}

@media only screen and (max-width: 550px) {
	.col2_content_img{ display: none;}
	.col2_content_txt{ width: 100%; padding: 0 10px; }
	.col2_txt1{ margin-bottom: 0px; }
	.col2_content_text{ margin: 30px 0 10px 10px; }

	.col2_footer{ height: 95px; padding: 20px 0 0 0; margin-top: -25px; }
}


/* SECCION PERFILES ========================================================================================= */
.sec_perfiles{ background-position: 100% 0; background-size:50%; background-repeat:no-repeat; }

.sec_perfiles_content{ width: 100%; max-width: 1100px; margin: auto; }
	.sec_perfiles_header{ width: 100%; max-width: 730px; margin: auto; background-color: #fff; padding: 0 40px 70px 40px; text-align: center; }
	.sec_perfiles_text{ width: 50%; float: left; padding-right: 40px; padding-bottom: 10px; }


@media only screen and (max-width: 768px) {
	.sec_perfiles{ margin-top: 50px; background-image: none; background-image: none !important; }
		.sec_perfiles_header{ padding: 0 10px 70px 10px; }
		.sec_perfiles_text{ width: 100%; float: none; padding: 0 15px 30px 15px; }
}


.items_condiciones{ display:flex; flex-wrap: wrap; }

.item_condiciones{ position: relative; padding: 10px; line-height: 1.6; }
.item_condiciones2{ width: 50%; }
.item_condiciones4{ width: 25%; }

.item_condiciones_inner{ background-color: #F2F3F1; width: 100%; position: relative; }

	.item_condiciones_arrow{ position: absolute; right: 15px; top: 35px; }
	.item_condiciones_title{ height: 110px; display: table-cell; vertical-align: middle; padding: 10px 40px 10px 20px; font-size: 13px; 
		font-weight: bold; color: #000; position: relative; z-index: 10; }
	
	.item_condiciones_hover{ position: absolute; width: 0px; height: 100%; background-color: #E5E5E5; }
	
	.item_condiciones_inner:hover .item_condiciones_hover{ width: 100%; }
	.item_condiciones_inner:hover .item_condiciones_arrow{ right: 10px; }


@media only screen and (max-width: 768px) {

	.item_condiciones4{ width: 50%; }
	
	.item_condiciones_deco{ width: 7px; }
	.item_condiciones_txt{ padding-left: 20px; }
		.item_condiciones_title{ font-size: 12px; }

}

@media only screen and (max-width: 420px) {
	.item_condiciones4{ width: 100%; }
}


/* MAPA ===================================================================== */
.mapa{  }

.mapa_grey_bar{ width: 100%; height: 170px; background-color: #F2F3F1; margin-top: -30px; }

.mapa_img{ text-align: center; margin-top: -100px; }
.mapa_img img{ max-width: 100%; height: auto; }



/* BLOG ========================================================================================================================================================================================== */
.wrapper_blog{ width: 100%; max-width: 1200px; margin: 50px auto; }

/* BLOG ============================================================ */
.item_blog{ border-bottom: 1px solid #E1E5E4; margin-bottom: 25px; }
	
	.item_blog_img{ text-align: center; }
	.item_blog_img img{ max-width: 100%; height: auto; }

	.item_blog_category{ margin-top: 15px; text-align: center; font-size: 10px; text-transform: uppercase; }
		.item_blog_category ul{ /*display: flex;*/ }
		.item_blog_category ul li{ padding: 3px; float: left; }
		.item_blog_category ul li:after{ content: ' · '; padding-left: 3px; }
		.item_blog_category ul li:last-child:after{ content: ''; }

	.item_blog_category a{ color: #CF091C; }
	.item_blog_category a:hover{ text-decoration: underline; }

	.item_blog_title{ font-family: 'Suez One', serif; font-size: 27px; margin-top: 10px; text-transform: uppercase; }
	.item_blog_title a{ color: #000; }
	.item_blog_title a:hover{ opacity: .7; }

	.item_blog_data{ font-size: 12px; margin-top: 10px; color: #939393; }
	.item_blog_data a{ color: #939393; }
	.item_blog_data a:hover{ text-decoration: underline; }

	.item_blog_content{ margin-top: 15px; }
	.item_blog_content a{ color: #CF091C; }
	.item_blog_content a:hover{ text-decoration: underline; }


.single_blog_title{ font-family: 'Suez One', serif; font-size: 34px; margin-top: 10px; text-transform: uppercase; }
.single_blog_img{ margin-top: 15px; text-align: center; }
.single_blog_img img{ max-width: 100%; height: auto; }
.single_blog_content{ width: 100%; max-width: 940px; margin: 15px 0; }


.navigation{ border-top: 1px solid #E1E5E4; padding: 5px 0 10px 0; }

.prev_post, .next_post{ opacity: .5; }
.prev_post:hover, .next_post:hover{ opacity: 1; }

.prev_post a, .next_post a{ color: #000; }

.prev_post i{ float: left; font-size: 30px; padding-top: 3px; }
.prev_post_txt{ padding-left: 35px; font-size: 18px; text-transform: uppercase; }
.prev_post_txt span{ font-size: 11px; font-style: italic; }

.next_post i{ float: right; font-size: 30px; padding-top: 3px; }
.next_post_txt{ padding-right: 35px; font-size: 18px; text-transform: uppercase; text-align: right; }
.next_post_txt span{ font-size: 11px; font-style: italic; }


.wp-pagenavi {
	padding: 10px 20px 10px !important;
	display:block !important;
	clear:both !important;
}
.wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend {
		color:#707070 !important;
		background:#FFFFFF !important;
		border-radius:3px !important;	
		-moz-border-radius:3px !important;
		-webkit-border-radius:3px !important;
		border:solid 1px #DCDCDC !important;
		padding:6px 9px 6px 9px !important;
		margin-right:3px !important;
		text-decoration:none !important;
		font-size:12px !important;
}
.wp-pagenavi a:hover {
		color:#fff !important;
		text-shadow:0px 1px #636363 !important;
		border-color:#5D5D5D !important;
		background:#777777 !important;
		background:-moz-linear-gradient(top,#C0C0C0 1px,#929292 1px,#777777) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#C0C0C0),color-stop(0.02,#929292),color-stop(1,#777777)) !important;
}
 .wp-pagenavi span.current{
		padding:6px 9px 6px 9px !important;
		border:solid 1px #DCDCDC !important;
		border-color:#3390CA !important;
		border-radius:3px !important;	
		-moz-border-radius:3px !important;
		-webkit-border-radius:3px !important;
		color:#fff !important;
		margin-right:3px !important;
		text-shadow:0px 1px #636363 !important;
		border-color:#5D5D5D !important;
		background:#777777 !important;
		background:-moz-linear-gradient(top,#C0C0C0 1px,#929292 1px,#777777) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#C0C0C0),color-stop(0.02,#929292),color-stop(1,#777777)) !important;
}


.blog_category_title{ width: 100%; text-align: center; background-color: #F2F3F1; font-size: 13px; color: #939393; margin-bottom: 40px;
	webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 25px 10px; }
.blog_category_title span,.blog_category_title h1{ font-family: 'Suez One', serif; font-size: 30px; text-transform: uppercase; color: #000; }

/* COLUMNA */
.widget{ margin-bottom: 40px; }
.widget h4{ background-color: #F2F3F1; webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 12px 2px; text-align: center; margin-bottom: 15px; }
.widget ul li{ padding: 12px 0; border-bottom: 1px solid #E1E5E4; }
.widget ul li a{ color: #000; }
.widget ul li a:hover{ text-decoration: underline; }

.tagcloud a{ color: #000; }
.tagcloud a:hover{ text-decoration: underline; }

/* PANTALLA ----------------------------------------------------------- */
@media only screen and (min-width: 764px) {
	.only_mobile{ display: none; }

	.col33{ float: left; width: 33.333%; padding: 0 20px; }
	.col50{ float: left; width: 50%; padding: 0 20px; }
	.col66{ float: left; width: 66.666%; padding: 0 20px; }
	.col100{ width: 100%; padding: 0 20px; }
}


/* MOVIL ------------------------------------------------------------- */
@media only screen and (max-width: 763px) {
	.only_screen { display: none; }

	/* MENU ------------------------------ */
	.menu{ display:none; }
	.menu_movil_trigger{ display: inherit; position: absolute; right: 0; top: 40px; }

	.col33, .col50, .col66, .col100{ width: 100%; padding: 0 10px; }

}



.comments_n_comments{ font-size: 17px; padding-bottom: 15px; }


/* COMENTARIOS ---------------------------------------------- */
.item_num_comments{ font-size:13px; margin-top:0px; }
#comentaris .navigation{ display:none; }

.commentlist li{ margin-bottom:15px; min-height:50px; border-bottom: 1px solid #E1E5E4; line-height: 1.4; }

.comment-author{ float:left;}
.comment-author .fn{ margin-left: 0px; font-size:13px; font-style:normal; font-weight:bold; }
.comment-author .fn, .comment-author .fn a{ color:#000; }
.comment-author .says { display:none; }
.comment-author img{ width:40px; height:40px; }

.comment-meta{ clear:both; margin-left:20px; font-size:12px; }
.comment-meta a{ display:none; }
.reply{ display:none; }

.commentlist p{ margin-left: 0px; padding: 10px 0 25px 0; }

.deja_comentario{ font-size:18px; color:#0091b2; border-top:1px solid #b3b3b3; margin-top:25px; padding-top:20px; font-weight:bold; }

#commentform textarea{ width:90%; height:100px; resize:none; font-family: 'Raleway', sans-serif; font-size:14px; color:#000;
border:none; border:1px solid #ccc; padding: 10px; }

#commentform p{ font-size:14px; color:#666; margin-top:15px; margin-bottom:2px; }

#commentform input[type="text"], #commentform input[type="email"]{ width: 90%; max-width:450px; border:none; border:1px solid #ccc; padding: 10px; }

#commentform input[type="submit"]{ color:#fff; font-size:15px; background-color:#000; border:none; width:100px; height:30px; cursor:pointer; }


/* SECTIONS =========================================================================================================================================================================== */



/* AREAS DE ESPECIALIDAD =============================================================================================== */
.areas_deco_top{ width: 100%; height: 200px; background-color: #F2F3F1; }

.areas{ width: 100%; max-width: 1100px; margin: -150px auto 0 auto; }
	

.areas .item_area{ float: left; width: 33.333%; padding: 15px; position: relative; }
	
	.item_area_inner{ position: relative; }

	.item_area_img{ width: 100%; aspect-ratio:1; background-size:cover; background-position:center; background-repeat:no-repeat; }

	.item_area_title{ position: absolute; bottom: 10px; width: 80%; max-width: 80%; color: #000; background-color: #fff; }

		.item_area_arrow{ position: absolute; right: 15px; top: 35px; }
		
		.item_area_title_inner{ height: 110px; display: table-cell; vertical-align: middle; padding: 10px 40px 10px 20px; font-size: 13px; 
			font-weight: bold; color: #000; position: relative; z-index: 10; line-height: 1.6; }

	.item_area_inner:hover{ outline: 3px solid rgba(0,0,0,.2); outline-offset: -2px; }
	.item_area_inner:hover .item_area_arrow{ right: 10px; opacity: .6; }
	.item_area_inner:hover span { opacity: .6; }
	.item_area_inner:hover h2{ text-decoration: underline; }

	.item_area_subtitle{ font-weight: 300; font-size: 12px; }


@media only screen and (max-width: 768px) {
	.areas .item_area{ width: 50%; }
	.item_area_deco{ top: 15px; }
	.areas .item_area_title_inner{ font-size: 13px; }
}

@media only screen and (max-width: 600px) {
	.areas .item_area{ width: 100%; }
}

@media only screen and (max-width: 430px) {
	.item_area_deco{ top: 7px; }
	.areas .item_area_title_inner{ font-size: 12px; }
}

/* AREAS - SINGLE */
.area_actividades{ background-color: #F2F3F1; padding: 20px 0 85px 0; }
.area_actividades .wrapper{ display: flex; flex-wrap: wrap; justify-content: center; }
	
	.area_actividad_title_gen{ font-family: 'Suez One', serif; font-size: 22px; text-align: center; margin: 15px 0;  }

	.area_actividad{ padding: 30px; text-align: center; }

		.area_actividad_img img{ max-width: 100%; height: auto; }
		.area_actividad_deco{ width: 10px; height: 2px; background-color: #000; margin: 10px auto 15px auto; }
		.area_actividad_title{ font-size: 15px; }


/* TEXTO 2  */
.area_texto{ width: 100%; max-width: 700px; margin: -70px auto 0 auto; background-color: #fff; padding: 20px 20px 0 20px; }

	.area_text_list{ font-size: 14px; line-height: 1.7; }
	
	.area_text_list{ width: 100%; max-width: 500px; margin: 40px auto 0 auto; }
	.area_text_list ul, .area_text_list ol{ margin-top: 15px; }
	
	.area_text_list ul li, .area_text_list ol li{ 
		background-image: url('images/check.png'); background-repeat: no-repeat; line-height: 24px; padding-left: 40px; margin-bottom: 20px; }

	.area_text_list ol li { list-style:decimal; }



/* CONDICIONES QUE TRATAMOS ======================================================================================================= */
.sec_items{ margin: 70px 0 40px 0; }

	.sec_item{ clear: both; margin-bottom: 30px; }

		.sec_item_num{ width: 40px; float: left; font-weight: 900; font-size: 50px; text-align: center; }

		.sec_item_content{ padding-left: 60px; }
			.sec_item_title{ font-size: 15px; font-weight: 700; letter-spacing: 2px; }
			.sec_item_text{ margin-top: 15px; font-size: 14px; font-weight: 300; line-height: 1.7; }
			.sec_item_text2{ margin-top: 15px; font-size: 14px; font-weight: 300; line-height: 1.7; padding-left: 20px; }
			.sec_item_text2 p, .sec_item_text2 h1, .sec_item_text2 h2, .sec_item_text2 h3{ margin-bottom: 15px; }
			
			.sec_item_deco{ width: 35px; height: 2px; border-bottom: 1px solid #000; margin-top: 20px; }

		.sec_item:last-child .sec_item_deco{ display: none; }


.areas_relacionadas{ width: 100%; }
.areas_relacionadas .item_area{ float: left; width: 25%; padding: 10px; }


@media only screen and (max-width: 950px) {
	.areas_relacionadas .item_area{ width: 50%; }
	.areas_relacionadas .item_area_title_inner{ font-size: 13px; }
}

@media only screen and (max-width: 768px) {

	.sec_item_num{ width: 30px; font-size: 40px; }

	.sec_item_content{ padding-left: 40px; padding-top: 5px; }
		.sec_item_title{ font-size: 14px; }
		.sec_item_text{ font-size: 13px; }
		.sec_item_text2{ font-size: 13px; padding-left: 0px; }
}

@media only screen and (max-width: 500px) {
	.areas_relacionadas .item_area{ width: 100%; }
	.areas_relacionadas .item_area_title_inner{ font-size: 12px; }
}



/* QUÉ OFRECEMOS =================================================================================================================== */
.title_ofrecemos{ font-family: 'Suez One', serif; font-size: 34px; text-align: center; }


.ofrecemos_items{ width: 100%; max-width: 980px; margin: auto; }
	
	.ofrecemos_item{ clear: both; margin-bottom: 40px; }
	.ofrecemos_item_img{ width: 50%; padding: 15px; }
	.ofrecemos_item_txts{ width: 50%; padding: 20px 15px; }

	.ofrecemos_item:nth-child(odd) .ofrecemos_item_img{ float: left; }
	.ofrecemos_items:nth-child(odd) .ofrecemos_item_txts{ float: right; }
		.ofrecemos_item:nth-child(odd) .ofrecemos_item_title{ float: left; }

	.ofrecemos_item:nth-child(even) .ofrecemos_item_img{ float: right; }
	.ofrecemos_item:nth-child(even) .ofrecemos_item_txts{ float: left; text-align: right; }
		.ofrecemos_item:nth-child(even) .ofrecemos_item_title{ float: right; }

	.ofrecemos_item_img img{ width: 100%; height: auto; }
	
	.ofrecemos_item_title{ font-size: 15px; width: 100%; max-width: 220px; letter-spacing: 2px; line-height: 1.5; font-weight: 400; }
	.ofrecemos_item_content{ margin-top: 80px; color: #808080; font-size: 14px; line-height: 1.7; }
	.ofrecemos_item_content p{ margin-bottom: 15px; }
	
	.ofrecemos_linies{ text-align: center; }
	.ofrecemos_linies:last-child{ display: none; }


@media only screen and (max-width: 768px) {
	.title_ofrecemos{ font-size: 28px; margin: 50px auto; }
	
	.ofrecemos_item_img{ float: none; width: 100%; padding: 15px; }
	.ofrecemos_item_txts{ float: none; width: 100%; padding: 20px 15px; }

	.ofrecemos_item_title{ font-size: 14px; margin-top: -10px; max-width: 100%; }
	.ofrecemos_item_content{ font-size: 13px; margin-top: 25px; }

	.ofrecemos_linies{ display: none; }

}


/* CENTRO BANNER ================================================================================================================ */
.equipo_items{ width: 100%; max-width: 950px; margin: auto; display:flex; flex-wrap: wrap; }

.equipo_item{ width: 32%; padding: 10px; position: relative; cursor: pointer; }

	.equipo_img{ width: 100%; aspect-ratio: 1; background-size: cover; background-position: center; background-repeat: no-repeat; }
	.equipo_mas{ position: absolute; margin-top: 5px; right: 10px; font-size: 22px; font-weight: bold; }
	.equipo_nombre{ font-size: 18px; font-weight: bold; margin-top: 10px; }
	.equipo_cargo{ margin-top: 10px; font-size: 14px; line-height: 1.6; }
	.equipo_hidden{ display: none; }
		.equipo_pu_img{ width:300px; height:700px; }

@media only screen and (max-width: 768px) {
	.equipo_items{ width: 100%; max-width: 400px; margin: auto; }
		.equipo_item{ float: none; width: 100%; }
}


/* POPUP V ===================================== */
.popup_cv{ position: fixed; z-index: 9999; left: 0; top: 0; width: 100vw; height: 100vh; background-color: rgba(0,0,0,.8); }

#inline_cv{ width: 95%; max-width: 900px; height: 500px; background-color: #fff; position: fixed; left: 50%; top: 50%; padding: 10px; }
	
	.pcv_close{ position: absolute; z-index: 999; cursor: pointer; right: 10px; }
	.pcv_close img{ width: 20px; height: auto; }

	.pcv{ display: flex; position: relative; height: 480px; }

		.pcv_imagen{ width: 270px; position: relative; }

			.pcv_nombre{ position: absolute; bottom: 10px; font-size: 17px; font-weight: bold; width: 100%; padding: 10px; }
				.pcv_nombre_inner{ background-color: #fff; padding: 12px; font-size: 18px; font-weight: bold; }
				.equipo_pu_deco{ width: 12px; height: 2px; border-bottom: 1px solid #000; margin-top: 10px; }
				.pcv_nombre_inner a{ font-size: 10px; color: #000; margin-top: 10px; }
				.pcv_nombre_inner a:hover{ text-decoration: underline; }


			.pcv_imagen_inner{ width:300px; height:450px; background-size:cover; background-position:center; background-repeat:no-repeat; }

		.pcv_content{ padding-left: 60px; width: 100%; height: 100%; padding-top: 30px; }
			.pcv_content_inner{ width: 100%; height: 100%; overflow-y: scroll; }
				.pcv_cv{ line-height: 1.6; font-size: 14px; margin-top: 15px; }
				.pcv_cv p{ margin-bottom: 15px; }


.pvc_name_mobile{ display:none; }
.pvc_img_mobile{ display:none; }

@media only screen and (max-width: 900px) {	

	.pcv{ display: block; height: 480px; }

		.pcv_imagen{ display: none; width: 100%; max-width: 270px; margin:auto; }

		.pcv_content{ padding-left: 0; padding-top: 30px; }

			.pvc_img_mobile{ display:inherit; width:300px; aspect-ratio:0.9; background-size:cover; background-position:center;background-repeat:no-repeat; }
			

			.pvc_name_mobile{ display:inherit;font-size: 17px; font-weight: bold; margin:15px 0; }

}

/*
<div class="popup_cv" style="display: none;">
	<div id="inline_cv">
		<div class="inline_cv">
			
			<div class="pcv_close" onclick="javascript: closepopup_cv()"> <img src="images/close.png"> </div>

			<div class="pcv">
				
				<!-- columna imatge ====================================== -->
				<div class="pcv_imagen">

					<div class="pcv_nombre">
						<div class="pcv_nombre_inner"> </div>
					</div>

					<div class="pcv_imagen_inner"></div>

				</div>
				
				<!-- columna content ====================================== -->
				<div class="pcv_content">
					<div class="pcv_content_inner">
						<div class="pcv_cv"></div>
					</div>
				</div>

			</div>

		</div>
	</div>
</div>
*/


/* GALERIA */
.villa_cont{ display: flex; margin-top: 40px; padding: 0 60px;  }
	
	.villa_cont_txt{ width: 255px; padding-right: 20px; }
		.villa_cont_txt .title_gen{ margin: 22px 0 40px 0; }

	.villa_cont_imgs{ width: 100%; display: flex; }
		
		.villa_cont_principal{ float: left; width: 75%; }

		.villa_cont_thumb{ position: relative; float: left; width: 25%; height: 200px; }
			
			.vct_img, .vcp_img{ width: 100%; height: 100%; padding: 3px; position: relative; cursor: pointer; }
				.vc_img{ width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }
				
				.vct_img_inner{ position: relative; width: 100%; height: 100% }

				.vct_img_over{ position: absolute; width: 100%; height: 100%; }
					
					.vct_img_over_inner{ position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); }

					.vct_num{ position: absolute; z-index: 2; color: #fff; font-size: 48px; font-family: 'Playfair Display', serif; width: 100%; text-align: center; 
						top: 50%; margin-top: -35px; }
					.vct_num sub{ position: absolute; margin-top: -1px; }


.villa_cont_mobile{ display: none; }
.villa_links_mobile{ display: none; }

@media only screen and (max-width: 900px) {	
	.villa_cont{ display: none; }
	.villa_cont_mobile{ display: inherit; }
	
	.villa_links{ display: none; }
	.villa_links_mobile{ display: inherit; margin-top: -15px; }
	
	.villa_banner_title{ font-size: 26px; }
}


/* swiper container ---------------------------------- */
.zona2_slider_nums{ width: 50px; background-color: #000; color: #fff; font-size: 10px; font-weight: lighter; text-align: center; padding: 6px 0;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: absolute; z-index: 10; right: 25px; margin-top: 10px; }

.swiper-container { width: 100%; height: 300px; position: relative; }
	
	.sc_size1{ width: 100%; height: 350px; position: relative; }
	.sc_size2{ width: 100%; height: 170px; position: relative; }

	.swiper-slide { width: 100%; height: 100%; text-align: center; font-size: 18px; background-size: cover; background-position: center; background-repeat: no-repeat; }
	.swiper-pagination{}


/* POP UP */
#popup{ position: fixed; z-index: 9999; display: none; top: 0; left: 0; background-color: rgba(0,0,0,.9); width: 100%; height: 100%; }

	.popup_galeria{ width: 90%; max-width: 1000px; height: 90%; max-height: 600px; min-height: 400px; position: absolute; left: 50%; top: 50%; 
		background-color: #fff; padding: 25px 25px 25px 0; margin: 25px; opacity: 0; }

		.popup_gal_flex{ display: flex; }

			.popup_gal_txt{ width: 400px; position: relative; }
				.popup_gal_nums{ position: absolute; font-size: 11px; font-weight: bold; right: 10px; top: 3px; }
				.popup_gal_logo{ padding-left: 25px; }
				.popup_gal_content{ padding: 0 25px; position: absolute; bottom: 50px; width: 100%; word-break: break-word; }
				.popup_gal_content li:first-child{ font-weight: 900; }


			.popup_gal_img{ width: 100%; position: relative; height: 100%; max-height: 600px; min-height: 400px; }
				.popup_gal_img img.galimg{ width: 100%; height: auto; }
				.popup_gal_img iframe{ width: 100%; height: auto; }

				.popup_gal_close{ position: absolute; right: -25px; top: -25px; background-color: #fff; padding: 32px; cursor: pointer; }
			
				.popup_gal_esq{ position: absolute; z-index: 99; top: 0; left: 0; width: 51px; height: 100%; cursor: pointer; }
				.popup_gal_dre{ position: absolute; top: 0; right: 0; width: 51px; height: 100%; cursor: pointer; }

				.popup_gal_dre img, .popup_gal_esq img{ position: absolute; top: 50%; margin-left: 12px; }
		
				.popup_gal_dre:hover, .popup_gal_esq:hover{ background-color: rgba(0,0,0,.5); }
				
				.popup_gal_cont_img{ width: 100%; height: 100%; background-position: center; background-size: contain; background-repeat: no-repeat; }




/* nuestros valores ------------------------------ */
.valores{ width: 100%; max-width: 800px; margin: auto; display:flex; flex-wrap: wrap; }

	.valor{ width: 32%; padding: 15px 0; text-align: center; line-height: 1.6; }
		.valor_title, .valor_title h2, .valor_title h3{ font-size: 15px; margin-bottom: 15px; font-weight: 400; }
		.valor_texto{ font-size: 14px; }
		.valor_deco{ width: 34px; height: 2px; margin: 30px auto 0 auto; border-bottom: 1px solid #000; }

	.valor:nth-last-child(-n+4) .valor_deco{ display: none; }


@media only screen and (max-width: 768px) {	
	.valor{ width: 50%; }
	.valor:nth-last-child(-n+4) .valor_deco{ display: inherit; }
}

@media only screen and (max-width: 450px) {	
	.valor{ width: 100%; }
}


/* objetivos ------------------------------ */
.objetivos{ margin: auto; }

.objetivo{ float: left; width: 25%; padding: 40px; text-align: center; }

	.objetivo_icon{}
	.objetivo_deco{ width: 34px; height: 2px; margin: 30px auto 0 auto; border-bottom: 1px solid #000; }
	.objetivo_texto{ font-size: 14px; color: #808080; line-height: 1.7; margin-top: 25px;  }

@media only screen and (max-width: 768px) {	
	.objetivo{ width: 50%; padding: 30px; }
}

@media only screen and (max-width: 450px) {	
	.objetivo{ width: 100%; }
}


/* TARIFAS ============================================================================= */
.precios{ width: 100%; max-width: 800px; margin: 40px auto; line-height: 1.5; }

.precios table{ width: 100%; margin-bottom: 60px; font-size: 14px; }

.precios td{ border: 1px solid #CBCBCB; padding: 14px; }
.precios thead{ background-color: #F2F3F1; }

.precios tbody tr:nth-child(even){ background-color: #FAFAFA; }

.precios span{ font-size: 12px; }



/* MATERIAL Y RECURSOS ================================================================= */
.wrapper_white_recuros{ width: 100%; max-width: 1100px; margin: -120px auto 0 auto; background-color: #fff; padding: 30px; }
.wrapper_transparent_recuros{ width: 100%; max-width: 1100px; margin: auto; padding: 30px; }


.material_title{ font-family: 'Suez One', serif; font-size: 32px; margin-bottom: 30px; }

/* evidencia científica */
.ev_item{ padding: 20px 20px 20px 0; float: left; width: 33.333%; }
	.ev_item_inner{ border-left: 10px solid #F2F3F1; padding-left: 15px; line-height: 1.3; }
		
		.ev_item_title{ font-size: 14px; font-weight: bold; }
		.ev_item_autor{ font-size: 10px; margin-top: 10px; }
		.ev_item_text{ margin-top: 14px; font-size: 15px; }
		.ev_item_deco{ width: 12px; border-bottom: 1px solid #000; margin-top: 15px; }
		.ev_item_links{ margin-top: 7px; font-size: 12px; line-height: 1.5; }
		.ev_item_links a{ color: #000; }
		.ev_item_links a:hover{ text-decoration: underline; }
		.ev_item_links span{ padding: 0 5px; }

/* descargas */
.item_descargas{ float: left; width: 33.333%; padding: 15px; position: relative; }

.descarga_arrow{ position: absolute; right: 15px; top: 43px; font-size: 24px; }


@media only screen and (max-width: 850px) {
	.wrapper_transparent_recuros{ padding: 30px 15px; }
	
	.ev_item{ width: 50%; }
	.item_descargas{ width: 50%; }
}

@media only screen and (max-width: 550px) {
	.wrapper_white_recuros{ margin: -200px auto 0 auto; background-color: #fff; padding: 30px 15px; }

	.ev_item{  padding: 20px 0px 20px 0; width: 100%; }
	.item_descargas{ width: 100%; }
}


/* FORMACIÓN Y DOCENDIA ================================================================= */
.container_calendar{ width: 100%; max-width: 1000px; margin: 50px auto; padding: 0 10px; }

.events_col{ float: left; width: 50%; padding: 80px 50px 10px 50px; }
.events_col:nth-child(odd){ background-color: #FAFAFA; }

.event_item{ margin-bottom: 50px; display:flex; justify-content: space-between; }

	.event_img{ width: 39%; }
		.event_img div{ width: 100%; aspect-ratio:1.45; background-size:cover; background-position:center; background-repeat:no-repeat; }

	.event_content{ width: 60%; padding-left: 25px; }
		.event_date{ font-size: 12px; font-weight: bold; }
		.event_title{ font-family: 'Suez One', serif; font-size: 20px; font-weight: bold; margin: 10px 0; }
		.event_title a{ color: #000; }
		.event_title:hover{ opacity: .6; }
		.event_resum{ font-size: 15px; color: #808080; line-height: 1.4; }


.events_title_col{ margin-bottom: 70px; }

/* single calendario */
.single_banner{ width: 100%; height: 70vh; background-size: cover; background-position: center; background-repeat: no-repeat; text-align: center; color: #fff; }

	.wrapper_single_banner{ width: 100%; max-width: 700px; margin: auto; }

	.single_banner_content{ width: 100%; height: 70vh; display: table-cell; vertical-align: middle; padding: 0 10px; }
		.single_banner_title{ font-size: 14px; font-weight: bolder; }
		.single_banner_subtitle{ font-family: 'Suez One', serif; font-size: 45px; margin: 20px 0; }
		.single_banner_text{ font-size: 15px; line-height: 1.5; }


.wrapper_eventos{ width: 100%; max-width: 900px; margin: auto; padding: 10px; margin-top: 50px; }

.evento_col1{ float: left; width: 60%; padding-right: 50px; }
.evento_col2{ float: right; width: 40%; background-color: #FAFAFA; padding: 25px; }

.evento_item{ margin-bottom: 40px; }
	.evento_title{ font-size: 15px; }
	.evento_title span{ padding-right: 10px; }
	
	.evento_txt{ padding-left: 28px; margin-top: 10px; line-height: 1.5; font-size: 15px;   }


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


.evento_reserva{ font-size: 13px; font-weight: bold; margin-top: 20px; }
	.evento_reserva a{ color: #000; }
	.evento_reserva a:hover{ text-decoration: underline; }

	.evento_reserva ul, .evento_reserva ol{ padding-left:40px; margin-bottom:25px; margin-top:15px; }
	.evento_reserva ul li, .evento_reserva ol li{  list-style:outside; margin-bottom:12px; }
	.evento_reserva ol li { list-style:decimal; }


@media only screen and (max-width: 950px) {
	.events_col{ padding: 80px 25px 10px 25px; }

	.event_img{ float: none; width: 100%; }
	.event_content{ float: none; width: 100%; padding-left: 0px; margin-top: 15px; }
}

@media only screen and (max-width: 768px) {
	.fc-right h2, .fc-center h2{ font-size: 13px !important; }
	.fc-button { font-size: .8em !important; }
	
	.single_banner{  height: 50vh; }
	.single_banner_content{ height: 50vh; }
		.single_banner_title{ font-size: 12px; }
		.single_banner_subtitle{ font-size: 37px; }
		.single_banner_text{ font-size: 12px; }
	

	.evento_col1{ float: none; width: 100%; padding-right: 0px; }
	.evento_col2{ float: none; width: 100%; padding: 25px; }

}

@media only screen and (max-width: 550px) {
	.events_col{ float: none; width: 100%; padding: 80px 0px 10px 0px; }
}