/*
Theme Name: Piccola
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: ColiosLoygorri & the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentysixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/




/*@import 'https://fonts.googleapis.com/css?family=Pavanam';*/

@import 'https://fonts.googleapis.com/css?family=Lato';

@import url('https://fonts.googleapis.com/css?family=EB+Garamond:400,800');


html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}
.column {
    float: left;
}
.navi_tab {
    float: left;
    margin-left: 5px;
    border-bottom: 0;
    padding: 2px 5px;
    background-color: #DEDEDE; 
    height: 25px;
    line-height: 20px;
    color: white;
    border-radius: 5px 5px 0 0;
}
#thebing .navi_tab_active { 
    background-color: #0075bf;
} 
#thebing .page .buttons .buttons_left { 
    float:                    left; 
} 

#thebing .page .buttons .buttons_right { 
    float:                    right; 
} 
#thebing .divCleaner { 
    clear:                    both; 
} 
#thebing .page {
    padding: 10px;
/*    border: 1px solid #0075bf;
*/    position: relative;
}
a {
	background-color: transparent;
    color: #0075bf;
    font-weight: 600;
  }
.anchor {
    position: relative;
    top: -50px;
}
abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: 700;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

code,
kbd,
pre,
samp {
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

select {
	text-transform: none;
}

button {
	overflow: visible;
}

button,
input,
select,
textarea {
	max-width: 100%;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
	opacity: .5;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

button{
	background-color: #0075bf;
	border-radius: 5px;
	color: #fff !important;
	display: block;
	font-size: 16px;
	line-height: 18px;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 100%;
	margin-right: 10px;
	font-family: 'Lato', sans-serif;
}

input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 0.4375em;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #d1d1d1;
	margin: 0 0 1.75em;
	min-width: inherit;
	padding: 0.875em;
}

fieldset > :last-child {
	margin-bottom: 0;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

optgroup {
	font-weight: bold;
}


/**
 * 2.0 - Genericons
 */

 .menu-item-has-children a:after,
 .social-navigation a:before,
 .dropdown-toggle:after,
 .bypostauthor > article .fn:after,
 .comment-reply-title small a:before,
 .pagination .prev:before,
 .pagination .next:before,
 .pagination .nav-links:before,
 .pagination .nav-links:after,
 .search-submit:before {
 	-moz-osx-font-smoothing: grayscale;
 	-webkit-font-smoothing: antialiased;
 	display: inline-block;
 	font-family: "Genericons";
 	font-size: 16px;
 	font-style: normal;
 	font-variant: normal;
 	font-weight: normal;
 	line-height: 1;
 	speak: none;
 	text-align: center;
 	text-decoration: inherit;
 	text-transform: none;
 	vertical-align: top;
 }


/**
 * 3.0 - Typography
 */

 body,
 button,
 input,
 select,
 textarea {
 	color: #1a1a1a;
 	/*font-family: Merriweather, Georgia, serif;*/
 	font-size: 16px;
 	font-size: 1rem;
 	line-height: 1.75;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
 	clear: both;
 	font-weight: 700;
 	margin: 0;
 	text-rendering: optimizeLegibility;
 }

 p {
 	margin: 0 /*0 1.75em*/;
 }

 dfn,
 cite,
 em,
 i {
 	font-style: italic;
 }

 blockquote {
 	border: 0 solid #1a1a1a;
 	border-left-width: 4px;
 	color: #686868;
 	font-size: 19px;
 	font-size: 1.1875rem;
 	font-style: italic;
 	line-height: 1.4736842105;
 	margin: 0 0 1.4736842105em;
 	padding: 0 0 0 1.263157895em;
 }

 blockquote,
 q {
 	quotes: none;
 }

 blockquote:before,
 blockquote:after,
 q:before,
 q:after {
 	content: "";
 }

 blockquote p {
 	margin-bottom: 1.4736842105em;
 }

 blockquote cite,
 blockquote small {
 	color: #1a1a1a;
 	display: block;
 	font-size: 16px;
 	font-size: 1rem;
 	line-height: 1.75;
 }

 blockquote cite:before,
 blockquote small:before {
 	content: "\2014\00a0";
 }

 blockquote em,
 blockquote i,
 blockquote cite {
 	font-style: normal;
 }

 blockquote strong,
 blockquote b {
 	font-weight: 400;
 }

 blockquote > :last-child {
 	margin-bottom: 0;
 }

 address {
 	font-style: italic;
 	margin: 0 0 1.75em;
 }

 code,
 kbd,
 tt,
 var,
 samp,
 pre {
 	font-family: Inconsolata, monospace;
 }

 pre {
 	border: 1px solid #d1d1d1;
 	font-size: 16px;
 	font-size: 1rem;
 	line-height: 1.3125;
 	margin: 0 0 1.75em;
 	max-width: 100%;
 	overflow: auto;
 	padding: 1.75em;
 	white-space: pre;
 	white-space: pre-wrap;
 	word-wrap: break-word;
 }

 code {
 	background-color: #d1d1d1;
 	padding: 0.125em 0.25em;
 }

 abbr,
 acronym {
 	border-bottom: 1px dotted #d1d1d1;
 	cursor: help;
 }

 mark,
 ins {
 	background: #007acc;
 	color: #fff;
 	padding: 0.125em 0.25em;
 	text-decoration: none;
 }

 big {
 	font-size: 125%;
 }


/**
 * 4.0 - Elements
 */

 *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

 body{
 	font-family: 'Lato', sans-serif;
 }

 .site a:hover{
 	text-decoration:underline;
 }

 hr{
 	display:none;
 }

 .site{
 	overflow:hidden;
 }

 p a{
 	font-weight:600;
 	color:#0075bf;
 }	

 #page{
 	position:relative;
 	left:0px;
 	transition: all .2s ease-in-out;
 }	

 .centrado{
 	width:100%;
 	max-width:1200px;
 	margin:auto;
 }


 .fila{
 	display:block;
 	width:100%;
 	clear:both;
 	float:left;
  position: relative;
 }

 /**/

 .carrusel{
 	/*position:fixed;*/
 	position:absolute;
 	top:0px;
 	left:0px;
 	transition: all .2s ease-in-out;
 }

form.form_3_146_en_58ab576a6d6d40_29450922 .page-content {
    border: initial;
    padding: 10px;
}

 /* Frame */
 .carrusel .frame {
 	height: 75vh;
 	overflow: hidden;
 }
 .carrusel .frame ul {
 	list-style: none;
 	margin: 0;
 	padding: 0;
 	height: 100%;
 }
 .carrusel .frame ul li {
 	float: left;
 	width: 100vw;
 	height: 100%;
 	margin: 0px;
 	padding: 0px;
 	background: #333;
 	color: #fff;
 	text-shadow: 0px 2px 5px rgba(0, 0, 0, 1);
 	text-align: center;
 	cursor: pointer;
 	background-size:cover;
 	background-position: center;
 }

 .carrusel .frame ul li span{
 	display:block;
 	width:100%;
 	max-width:1200px;
 	margin:auto;
 	padding:5%;
 	padding-top:25vh;
 	font-size:48px;
 	line-height:48px;
 	/*text-transform:uppercase;*/
 }

 .carrusel .frame ul li span strong{
 	display:block;
 	width:65%;
 	float:right;
 	text-align:right;
 	/*font-family: "Lato",sans-serif;*/
  font-family: 'EB Garamond', serif;
 	font-weight:400;
 	text-transform:uppercase;
 }


 /* Pages */
 .carrusel .navegacion{
 	position:absolute;
 	z-index:10;
 	top:75vh;
 	width:100%;
 	margin:auto;
 }

 .pages {
 	list-style: none;
 	margin: 20px 0;
 	padding: 0;
 	text-align: center;

 }

 .pages.sin_botones{
 	display:none;
 }

 .pages li {
 	display: inline-block;
 	width: 14px;
 	height: 14px;
 	margin: 0 4px;
 	text-indent: -999px;
 	border-radius: 10px;
 	cursor: pointer;
 	overflow: hidden;
 	background: #fff;
 	box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
 }
 .pages li:hover {
 	background: #aaa;
 }
 .pages li.active {
 	background: #0075bf;
 }

 /**/



 .idiomas{
 	overflow:hidden;
 	background-color:#0075bf;
 	color:#fff;
 	position:fixed;
 	top:0px;
 	left:0px;
 	max-height:25px;
 	line-height:25px;
 	z-index:20;
 	font-weight:400;
 	font-size:13px;
 	transition: all .2s ease-in-out;
 }

 .para_movil{
    max-width: 600px;
 }

 .lenguages{
 	max-height:25px;
 	overflow:hidden;
 	width:100%;
 	min-width:100%;
 }	

 .idiomas ul{
 	list-style-type:none;
 	padding:0px;
 	margin:0px;
 	float:left;
 	min-width:100% !important;
    width: initial !important;
 }

 .idiomas ul li{
 	float:left;
 	padding-left:10px;
 }

 .idiomas ul li:after{
 	content:"| ";
 }

 .idiomas ul li:last-child:after{
 	content:"";
 }			

 .idiomas a{
 	color:#fff;
 	text-decoration:none;
 	text-transform:uppercase;
 	margin-right:10px;
 }	

 .cabecera{
 	background-color:rgba(255,255,255,0.80);
 	border-bottom:2px solid #0075bf;
 	position:fixed;
 	top:25px;
 	left:0px;
 	z-index:20;
 	transition: all .2s ease-in-out;
  z-index: 200;
 }	

 .cabecera{}

 .cabecera .fa-bars {
 	display:none;
 }

 .fa-phone{
 	padding-right: 12px;
 }

 .cabecera .site-title{
 	display:block;
 	width:265px;
 	height:80px;
 	background-size:cover;
 	background-image:url(/wp-content/themes/piccola/css/logo.png);
 	margin-top:20px;
 	margin-bottom:20px;
 	float:left;
 	transition: all .2s ease-in-out;
 	clear:inherit;
 }


 .cabecera .site-title a{
 	display:block;
 	width:100%;
 	height:100%;
 }	

 .cabecera .site-title span{
 	display:none;
 }	

 .cabecera .menu-main-menu-container,
 .cabecera .menu-main-menu-german-container,
 .cabecera .menu-main-menu-japanese-container,
 .cabecera .menu-main-menu-spanish-container{
 	float:right;
 }

 .cabecera ul.primary-menu{
 	float:right;
 	margin:0px;
 	padding:0px;
 	list-style-type:none;
 	margin-top:35px;
 	transition: all .2s ease-in-out;
 }

 .cabecera ul.primary-menu li{
 	float:left;
 	padding:10px;
 	position:relative;
 }

.cabecera ul.primary-menu li.menu-item-language{
    display: none;
}

 .cabecera ul.primary-menu > li:last-child,
 .cabecera ul.primary-menu > li#menu-item-26,
 .cabecera ul.primary-menu > li#menu-item-28534,
 .cabecera ul.primary-menu > li#menu-item-3225 {
 	background-color:#e50076;
 	border-radius:5px;
 	padding-bottom:5px;
 	margin-bottom:5px;
 	padding-top:5px;
 	margin-top:5px;
    border: 2px solid #e50076;
 }

 .cabecera ul.primary-menu > li:last-child:hover,
 .cabecera ul.primary-menu > li#menu-item-26:hover,
 .cabecera ul.primary-menu > li#menu-item-28534:hover,
 .cabecera ul.primary-menu > li#menu-item-3225:hover{
  background-color: initial;
  color: white;
 }

 .cabecera ul.primary-menu > li:not(.new_menu) ul li:last-child {
  background-color:#0075bf;
  border-radius:5px;
  padding-bottom:10px;
  padding-top:10px;
 }

 .cabecera ul.primary-menu > li:not(.new_menu):last-child a,
 .cabecera ul.primary-menu > li#menu-item-26 a,
 .cabecera ul.primary-menu > li#menu-item-28534 a,
 .cabecera ul.primary-menu > li#menu-item-3225 a{
 	color:#fff;
 }		

.cabecera ul.primary-menu > li:not(.new_menu):last-child:hover a,
.cabecera ul.primary-menu > li:not(.new_menu)#menu-item-26:hover a,
.cabecera ul.primary-menu > li:not(.new_menu)#menu-item-28534:hover a,
.cabecera ul.primary-menu > li:not(.new_menu)#menu-item-3225:hover a{
 color: #e50076;
  }

 .cabecera ul.primary-menu > li:not(.new_menu):last-child:after,
 .cabecera ul.primary-menu > li:not(.new_menu)#menu-item-26:after,
 .cabecera ul.primary-menu > li:not(.new_menu)#menu-item-28534:after,
 .cabecera ul.primary-menu > li:not(.new_menu)#menu-item-3225:after{
 	font-family: 'FontAwesome';
 	content:" \f06a";
 	color:#fff;
 }	

 .cabecera ul.primary-menu > li:not(.new_menu):last-child:hover:after,
 .cabecera ul.primary-menu > li:not(.new_menu)#menu-item-26:hover:after,
 .cabecera ul.primary-menu > li:not(.new_menu)#menu-item-28534:hover:after,
 .cabecera ul.primary-menu > li:not(.new_menu)#menu-item-3225:hover:after{
  color:#e50076;
 }  

  .cabecera ul.primary-menu > li.contact_us_link{
    border-radius: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    padding-top: 5px;
    margin-top: 5px;
    background: #143b65;
    border: 2px solid #143b65;
    margin-right: 5px;
  }

  .cabecera ul.primary-menu > li.contact_us_link:hover{
    background: initial;
    color: #143b65;
  }

  .cabecera ul.primary-menu > li.contact_us_link a{
    color: #fff;
  }

  .cabecera ul.primary-menu > li.contact_us_link:hover a{
    color: #143b65;
  }

 .cabecera ul.primary-menu > li:not(.new_menu) a{
 	font-size:16px;
 	font-weight:600;
 	text-transform:uppercase;
 	text-decoration:none;
 	color:#0075bf;
 }	

 .cabecera ul.primary-menu li ul.sub-menu{
 	display:none;
 	width:275px;
 	position:absolute;
 	/*top:0px;*/
 	left:0px;
 	background-color:#0075bf;
	margin:0px;
	padding:0px;
	list-style-type:none;
	z-index:333;
 }

 .cabecera ul.primary-menu > li:not(.new_menu) ul.sub-menu li ul.sub-menu{
 	display:none;
 	left:-275px;
 	/*top:-35px;*/
	top:0px;
	margin:0px;
	padding:0px;
	list-style-type:none;
 } 	

.cabecera ul.primary-menu li.new_menu ul.sub-menu{
  position: relative;
}


 .cabecera.fix ul.primary-menu > li:not(.new_menu) ul.sub-menu{
 	top:35px;
 }	

 .cabecera ul.primary-menu > li:not(.new_menu):hover ul.sub-menu{
 	display:block;
 }	

 .cabecera ul.primary-menu > li:not(.new_menu) ul.sub-menu li:hover ul.sub-menu{
 	display:block;
 }		

 .cabecera .primary-menu > li:not(.new_menu) ul.sub-menu li{
 	width:100%;
 }

 .cabecera .primary-menu > li:not(.new_menu) ul.sub-menu li.trieste{
  
  }

  .cabecera .primary-menu > li:not(.new_menu) ul.sub-menu li.trieste a:before{
  font-family: 'FontAwesome';
  content:"\f0a3";
  color: #c69607; /* 17c�����Ƶ */
  padding-right: 10px;
  padding-top: 5px;
 }  

  .cabecera .primary-menu > li:not(.new_menu) ul.sub-menu li.tropea{
  }

  .cabecera .primary-menu > li:not(.new_menu) ul.sub-menu li.tropea a:before{
  font-family: 'FontAwesome';
  content:"\f0a3";
  color: #469a8f; /* TROPEA */
  padding-right: 10px;
  padding-top: 5px;
 } 

 .cabecera .primary-menu > li:not(.new_menu) ul.sub-menu  li.both a{
  position: relative;
 }

 .cabecera .primary-menu > li:not(.new_menu) ul.sub-menu  li.both a:before{
  font-family: 'FontAwesome';
  content:"\f0a3";
  color: #c69607; /* 17c�����Ƶ */
  padding-right: 10px;
  padding-top: 5px;
 }  
 .cabecera .primary-menu > li:not(.new_menu) ul.sub-menu  li.both a:after{
  font-family: 'FontAwesome';
  content:"\f0a3";
  color: #469a8f; /* TROPEA */
  padding-right: 10px;
  padding-top: 5px;
  position: absolute;
  top: 5px;
  left: 5px;
 } 

 .cabecera .primary-menu > li:not(.new_menu) ul.sub-menu  li.both li a{
  position: relative;
 }

 .cabecera .primary-menu > li:not(.new_menu) ul.sub-menu  li.both li a:before{
  display: none;
  font-family: 'FontAwesome';
  content:"\f0a3";
  color: #c69607; /* 17c�����Ƶ */
  padding-right: 10px;
  padding-top: 5px;
 }  
 .cabecera .primary-menu > li:not(.new_menu) ul.sub-menu  li.both li a:after{
  display: none;
  font-family: 'FontAwesome';
  content:"\f0a3";
  color: #469a8f; /* TROPEA */
  padding-right: 10px;
  padding-top: 5px;
  position: absolute;
  top: 5px;
  left: 5px;
 } 





 .cabecera .primary-menu > li:not(.new_menu) ul.sub-menu li a{
 	width:100%;
 	color:#fff;
 }		

 .cabecera .primary-menu > li:not(.new_menu) ul.sub-menu li:after{
 	content:"";
 }

 .cabecera .primary-menu > li:not(.new_menu) ul.sub-menu li:hover{
 	background-color:#143b65;
 }	

 .cabecera .primary-menu > li:not(.new_menu) ul.sub-menu li.trieste:hover{
  /*background-color: #b99717; /* DARK 17c�����Ƶ */
 } 

 .cabecera .primary-menu > li:not(.new_menu) ul.sub-menu li.tropea:hover{
  /*background-color: #6d9a8e; /* DARK TROPEA */
 }  	

 .cabecera .primary-menu > li:not(.new_menu) ul.sub-menu li ul li.trieste a{
  position: initial;
 }

 .cabecera .primary-menu > li:not(.new_menu) ul.sub-menu li ul li.trieste a:before{
  display: inline-block;
  font-family: 'FontAwesome';
  content:"\f0a3";
  color: #c69607; /* 17c�����Ƶ */
  padding-right: 10px;
  padding-top: 5px;
 }  

  .cabecera .primary-menu > li:not(.new_menu) ul.sub-menu li ul li.tropea a{
  position: initial;
 }

  .cabecera .primary-menu > li:not(.new_menu) ul.sub-menu li ul li.tropea a:before{
    display: inline-block;
  font-family: 'FontAwesome';
  content:"\f0a3";
  color: #469a8f; /* TROPEA */
  padding-right: 10px;
  padding-top: 5px;
 } 

 /*CABECERA FIXED*/	

 .cabecera.fix{
 	background-color:rgba(255,255,255,1.00);
 	border-bottom:1px solid #0075bf;
 }


 .cabecera.fix .site-title{
 	display:block;
 	width:165px;
 	height:50px;
 	background-size:cover;
 	background-image:url(/wp-content/themes/piccola/css/logo.png);
 	margin-top:10px;
 	margin-bottom:10px;
 	float:left;
 }

 .cabecera.fix ul.primary-menu {
 	margin: 10px 0 0;
 }	

 /*FIN CABECERA FIXED*/	


 /* CABECERA AUG 2020*/ 


 .cabecera .centrado {
  display: flex;
  position: relative;
  justify-content: space-between;
 }

 .cabecera .centrado ul.primary-menu{
  margin-top: 0px;
 }

 .cabecera .centrado .menu-main-menu-container,
 .cabecera .centrado .menu-main-menu-italian-container,
 .cabecera .centrado .menu-main-menu-german-container{
  display: flex;
  align-items: center;
 }

  /* FIN CABECERA AUG 2020*/

.cabecera ul.primary-menu li.new_menu{
  position: inherit;
}


.cabecera ul.primary-menu li.new_menu:hover > ul.sub-menu{
  display: flex;
  flex-direction: column;
  position: absolute;
  width: 100%;
  z-index: 200;
  border-top:1px solid #FFF;
}

/*
.new_menu > ul{
  padding: 0px;
  margin: 0px;
  display: flex;
  justify-content: center;
  position: relative;
  padding-top: 50px;
  width: 100%;
  height: 100%;
}
*/

.cabecera ul.primary-menu li.new_menu .menu_trieste > a{
  position: absolute;
  top: 0px;
  left: 0px;
  width: calc(100% / 3);
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #c69607;
  background-image: url(/wp-content/themes/piccola/trieste.png);
  background-position: 25px 0px;
  background-size: contain;
  background-repeat: no-repeat;
  font-size: 30px;
  padding: 0px 200px;
  padding-right: 50px;
  border-right: 1px solid #FFF;
}

.cabecera ul.primary-menu li.new_menu .menu_tropea > a{
  position: absolute;
  top: 0px;
  left: calc(100% / 3);
  width: calc(100% / 3);
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #469a8f;
  background-image: url(/wp-content/themes/piccola/tropea.png);
  background-position: 25px 0px;
  background-size: contain;
  background-repeat: no-repeat;
  font-size: 20px;
  padding-left: 50px;
  font-size: 30px;
  padding: 0px 200px;
  padding-right: 50px;
}

.cabecera ul.primary-menu li.new_menu .menu_trieste:hover > a{
  background-color: #ebc241;
}

.cabecera ul.primary-menu li.new_menu .menu_tropea:hover > a{
  background-color: #86cbc4;
}


.cabecera ul.primary-menu li.new_menu .menu_online > a{
  position: absolute;
  top: 0px;
  right: 0px;
  width: calc(100% / 3);
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #b89ec4;
  background-image: url(/wp-content/themes/piccola/online.png);
  background-position: 25px 0px;
  background-size: contain;
  background-repeat: no-repeat;
  font-size: 20px;
  padding-left: 50px;
  font-size: 30px;
  padding: 0px 200px;
  padding-right: 50px;
  text-align: center;
  z-index: 3;
  border-left: 1px solid #FFF;
}
/*
.cabecera ul.primary-menu li.new_menu .menu_online > a:after{
  content: "\f109";
  font-family: 'FontAwesome';
  font-weight:normal;
  position: absolute;
  color: rgba(255,255,255,0.5);
  font-size: 150px;
  z-index: 2;
}
*/

.cabecera ul.primary-menu li.new_menu .menu_online:hover > a{
  background-color: #d8bfdb;
}


/*
.menu_tropea ul{
  display: none;
}
*/

/*
.menu_trieste ul{
  display: none;
}
*/

.cabecera ul.primary-menu li.new_menu .menu_trieste > ul{
  display: none;
}

.cabecera ul.primary-menu li.new_menu .menu_trieste:hover > ul{
  margin-top: 200px;
  padding: 20px;
  display: block;
  border: 5px solid #ebc241;
}

.cabecera ul.primary-menu li.new_menu .menu_tropea > ul{
  display: none;
}

.cabecera ul.primary-menu li.new_menu .menu_tropea:hover > ul{
  margin-top: 200px;
  padding: 20px;
  display: block;
  border: 5px solid #86cbc4;
}


.cabecera ul.primary-menu li.new_menu .menu_online > ul{
  display: none;
}

.cabecera ul.primary-menu li.new_menu .menu_online:hover > ul{
  margin-top: 200px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  border: 5px solid #d8bfdb;
}


.cabecera ul.primary-menu li.menu_tropea:hover ul{
  display: block;
}


.cabecera ul.primary-menu li.menu_trieste:hover ul{
  display: block;
}


.cabecera ul.primary-menu li.menu_trieste > ul,
.cabecera ul.primary-menu li.menu_tropea > ul{
  background-color: #0075bf;
  column-count: 4;
  column-gap: 10px;
  width: 100%;
}

.cabecera ul.primary-menu li.new_menu li{
float: inherit;
position: initial;
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}

/**/

.cabecera ul.primary-menu li.new_menu li a{
  color: #FFFFFF;
  text-decoration: none;
}

.cabecera ul.primary-menu li.new_menu .menu_trieste li a:hover{
  background: #c69607;
}

.cabecera ul.primary-menu li.new_menu .menu_tropea li a:hover{
  background: #469a8f;
}

.cabecera ul.primary-menu li.new_menu .menu_online li a:hover{
  background: #b89ec4;
}


.cabecera ul.primary-menu li.new_menu ul{
  padding: 0px;
  margin: 0px;
}

.cabecera ul.primary-menu li.new_menu ul li{
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}

.cabecera ul.primary-menu li.new_menu ul li a{
  display: flex;
  padding: 2px;
  /*border: 1px solid red;*/
}

.cabecera ul.primary-menu li.new_menu > ul > li > ul{
  padding-left: 5px;
  padding-right: 10px;
}

.cabecera ul.primary-menu li.new_menu > ul > li > ul > li > ul{
  padding-left: 15px;
}

.cabecera ul.primary-menu li.new_menu > ul > li > ul > li > ul > li > ul{
  padding-left: 15px;
}

.cabecera ul.primary-menu li.new_menu > ul > li > ul > li > a{
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: underline;
}

.cabecera ul.primary-menu li.new_menu > ul > li > ul >li {
  padding-bottom: 10px;
}



  /**/

 .escuelas-home{
 	position:relative;
 	z-index:10;
 	margin-top: 70vh;
 	transition: all .2s ease-in-out;
 }	


 .escuelas-home .centrado{
 	overflow:hidden;
 	/*background-color:#fff;*/
 }

 .escuelas-home .centrado .ciudad{
 	width:50%;
 	float:left;
 	padding:10px 20px 50px;
  background-color: #fff;
 }	

 .escuelas-home .centrado .ciudad:first-of-type{
  border-top-left-radius: 5px;
 }

 .escuelas-home .centrado .ciudad:last-of-type{
  border-top-right-radius: 5px;
 }

 .escuelas-home .centrado .ciudad h2{
 	font-size:32px;
 	font-weight:400;
 	/*font-family: 'Lato', sans-serif;*/
  font-family: 'EB Garamond', serif;
 	color:#0075bf;
 }

 .escuelas-home .centrado .ciudad.trieste h2{
  color: #c69607; /* 17c�����Ƶ */
 }

 .escuelas-home .centrado .ciudad.tropea h2{
  color: #469a8f; /* TROPEA */
 }

 .escuelas-home .centrado .ciudad h2 a{}

 .escuelas-home .centrado .ciudad h3{
 	font-size:25px;
 	font-weight:300;
 	color:#0075bf;
 }

.escuelas-home .centrado .ciudad.trieste h3{
  color: #c69607;
}

.escuelas-home .centrado .ciudad.tropea h3{
  color: #469a8f;
}


 .escuelas-home .centrado .ciudad h3 a{}	

 .escuelas-home .centrado .ciudad .carrusel-ciudad{
 	width:100%;
 	overflow:hidden;
 	font-size:10px;
 	margin-bottom: 20px;
 }

 .escuelas-home .centrado .ciudad .frame{
 	width:58em;
 	height:33em;
 	overflow:hidden;
 }

 .escuelas-home .centrado .ciudad .frame ul{
 	margin:0px;
 	padding:0px;
 	list-style-type:none;
 }

 .escuelas-home .centrado .ciudad .frame ul li{
 	margin:0px;
 	padding:0px;
 	width:58em;
 	float:left;
 }

 .escuelas-home .centrado .ciudad .frame ul li img{
 	max-width:100%;
 }



 .escuelas-home .centrado .ciudad p{
 	font-size:16px;
 	line-height:24px;
 	font-weight:300;
 	padding-bottom:20px;
 }
 
 .escuelas-home .centrado .ciudad ul.link-ciudad{
 	list-style-type:none;
 	margin:0px;
 	padding:0px;
 }	

 .escuelas-home .centrado .ciudad ul.link-ciudad li{
 	float:left;
 	margin:0px;
 	padding:0px;
 	width:50%;
 }

 .escuelas-home .centrado .ciudad ul.link-ciudad li:last-child{
 	float:right;
 }	

 .escuelas-home .centrado .ciudad ul.link-ciudad li a{
 	background-color: #0075bf;
 	border-radius: 5px;
 	color: #fff;
 	display: block;
 	font-size: 16px;
 	line-height: 18px;
 	padding: 10px;
 	text-align: center;
 	text-decoration: none;
 	text-transform: uppercase;
 	width: 75%;
 	float:right;
 	margin-right:10px;
 }

 .escuelas-home .centrado .ciudad.trieste ul.link-ciudad li a{
  background-color: #c69607; /* 17c�����Ƶ */
  border: 2px solid #c69607;
 }

 .escuelas-home .centrado .ciudad.tropea ul.link-ciudad li a{
  background-color: #469a8f; /* TROPEA */
  border: 2px solid #469a8f;
 }

 .escuelas-home .centrado .ciudad ul.link-ciudad li:last-child a{
 	float:left;
 	margin-left:10px;
 }

 .escuelas-home .centrado .ciudad ul.link-ciudad li a:hover{
 	background-color:#aaa;
 }

 .escuelas-home .centrado .ciudad.trieste ul.link-ciudad li a:hover{
  background-color: initial; 
  color: #c69607;
 }

 .escuelas-home .centrado .ciudad.tropea ul.link-ciudad li a:hover{
  background-color: initial; 
  color: #6d9a8e; /* DARK TROPEA */
 }	

 .cursos-home{
 	position:relative;
 	z-index:10;
 }	

 .cursos-home .centrado{
 	padding:20px;
 	background-color:#f2f2f2;
 	overflow:hidden;
  border-radius: 5px;
 }	

 .cursos-home .centrado h2{
 	font-size:32px;
 	font-weight:400;
 	/*font-family: 'Lato', sans-serif;*/
  font-family: 'EB Garamond', serif;
 	color:#0075bf;
 }

 .cursos-home .centrado p{
 	float:left;
 	width:33%;
 	font-size:16px;
 	line-height:24px;
 	font-weight:300;
 	margin-bottom: 20px;
 }

 ul.lista_cursos{
 	float:right;
 	width:66%;
 	margin:0px;
 	padding:0px;
 	list-style-type:none;
 }

 ul.lista_cursos li{
 	width:150px;
 	height:100%;
 	float:left;
 	text-align:center;
 	margin:0px;
 	padding:0px;
 	display:block;
 	margin-left:5%;
 	margin-bottom:5%;
 }

 ul.lista_cursos li a {
    display: block;
    width: 150px;
    height: 150px;
    border-radius: 100%;
    /* padding-left: 10%; */
    /* padding-right: 10%; */
    padding-top: 30px;
    background-color: #0075bf;
    color: #f2f2f2;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    border: 4px solid #0075bf;
    transition: all .2s ease-in-out;
    font-weight: 900;
    word-wrap: break-word;
}

 ul.lista_cursos li a i{
 	font-size:35px;
 	display:block;
 }	

 ul.lista_cursos li a i.fa-usa{
 	background-image: url("/wp-content/themes/piccola/css/usa.png");
 	height: 37px;
 	margin: auto;
 	width: 45px;
 	background-size:cover;
 }

 ul.lista_cursos li a:hover i.fa-usa{
 	background-image: url("/wp-content/themes/piccola/css/usa_blue.png");
 }	

 ul.lista_cursos li a:hover{
 	color:#0075bf;
 	background-color:#f2f2f2;
 	text-decoration:none;
 }		

 /**/

 .testimonials-home{
  position:relative;
  z-index:10;
 }  

 .testimonials-home .centrado{
  overflow:hidden;
  padding-top: 20px;
 }  

 .testimonials-home .centrado h2{
  font-size:32px;
  font-weight:400;
  /*font-family: 'Lato', sans-serif;*/
  font-family: 'EB Garamond', serif;
  color:#0075bf;
  text-transform: uppercase;
 }

 .testimonials-home .centrado .testi{
  /*
  display: flex;
  */
  display: block;
 }

  .testimonials-home .centrado .testi .frame{}

    .testimonials-home .centrado .testi .frame > div{
      overflow: hidden;
      display: flex;
      height: auto;
    }

 .testimonials-home .centrado .testi .testi-item{
  /*
  width: calc( 100% / 3 );
  padding: 20px;
  */
    float: left;
    /* width: 33%; */
    min-width: 400px;
    padding: 10px 20px;
    display: flex;
    flex-wrap: wrap;
 }

 .testimonials-home .centrado .testi .testi-item h3{
    font-size: 25px;
    font-weight: 600;
    color: #0075bf;
    border-top: 0px solid #0075bf;
    border-bottom: 2px solid #0075bf;
  }

  .testimonials-home .centrado .testi .testi-item p{
    line-height: 24px;
    padding-top: 5px;
  }
  .testimonials-home .centrado .testi .testi-item p:first-of-type{
    text-transform: uppercase;
    font-weight: bold;
  }

  .testimonials-home .centrado .testi .testi-item p:last-of-type{
    flex-grow: 2;
    padding-bottom: 10px;
  }

   .testimonials-home .centrado .testi .testi-item a{
    display: block;
    float: left;
    clear: both;
    top: initial;
    text-align: center;
    text-decoration: none;
    width: 100%;
   }

   .testimonials-home .centrado .testi .testi-item a:hover{
    color:#0075bf; /* DARK BLUE */
   }

 /**/

 .examinations{
 	position:relative;
 	z-index:10;
 	padding-bottom:25px;
 	padding-top:25px;
 }	

 .examinations .centrado{
 	background-color:#fff;
 	overflow:hidden;
 }


 .examinations .centrado h2{
 	font-size:32px;
 	font-weight:300;
 	color:#0075bf;
 }




 .examinations .centrado .sello{
 	padding:10px;
 	width:50%;
 	float:left;
 }

 .examinations .centrado h3{
 	font-size:25px;
 	font-weight:300;
 	color:#0075bf;
 }	

 .examinations .centrado p{
 	font-size:16px;
 	line-height:24px;
 	font-weight:300;
 }		

 .noticias{
 	position:relative;
 	z-index:10;
 	padding-bottom:50px;
 }


 .noticias .centrado{
 	background-color:#fff;
 	overflow:hidden;
 }

 .noticias h2{
 	font-size:32px;
 	font-weight:400;
 	/*font-family: "Lato",sans-serif;*/
  font-family: 'EB Garamond', serif;
 	color:#0075bf;
 }	

 .noticias .centrado .noticia{
 	float:left;
 	width:33%;
	width:400px;
 	padding:10px;
 }

 .imagen_news{
 	background-size:cover;
 	width:100%;
 	height:250px;
 }

 .noticias h3{
 	font-size:25px;
 	font-weight:400;
 	color:#0075bf;
 }		

 .noticias h3 a{
 	color:#0075bf;
 	text-decoration:none;
 }	

 .noticias p{
 	font-size:16px;
 	line-height:24px;
 	font-weight:300;
 }	

 .noticias .centrado .noticia img{
 	max-width:100%;
 	width:100%;
 }	

 .colaboradores{
 	position:relative;
 	z-index:10;
 	background-color:#e5e5e5;
 	padding:25px;
 }

 .colaboradores ul{
 	padding:0px;
 	margin:0px;
 	list-style-type:none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
 }

 .colaboradores ul li{
 	/*width:20%;*/
 	text-align:center;
  padding: 5px;
  width: 100%;
  max-width: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
 }

 .colaboradores ul li:last-child{
 	padding-right:0px;
 }

 .colaboradores ul li img{
 	max-width:100%;
 }		

 .pie{
 	position:relative;
 	z-index:10;
 	overflow:hidden;
 	background-color:#63a1d4;
 	color:#fff;
 	padding-top:30px;
 	padding-bottom:40px;
 }

 .pie .logo_footer{
 	float:left;
 	padding-right:20px;
	width:25%;
 }

 .pie .logo_footer .site-title{
 	display:block;
 	width:200px;
 	height:61px;
 	background-size:cover;
 	background-image:url(/wp-content/themes/piccola/css/logo_b.png);
 	margin-top:0px;
 	margin-bottom:0px;
 	float:left;
 	transition: all .2s ease-in-out;
 	clear:inherit;
 }


 .pie .logo_footer .site-title a{
 	display:block;
 	width:100%;
 	height:100%;
 }	

 .pie .logo_footer .site-title span{
 	display:none;
 }		

.menu-pie-container,
.menu-pie-german-container,
.menu-pie-japanese-container,
.menu-pie-spanish-container,
.menu-pie-italian-container,
.menu-new-italian-footer-container{
 	float:right;
	width:75%;
 }


 .pie ul{
 	list-style-type:none;
 	padding:0px;
 	margin:0px;
 	float:left;
 	border-left:1px solid #fff;
 	padding-left:20px;
 	/*width:80%;*/
 	padding-right:20px;
	width:100%;
 }

 .pie ul li{
 	float:left;
 	/*width:25%;*/
 }	

 .pie ul li a{
 	font-weight:bold;
 }	

 .pie ul li:nth-child(1){
 	/*float:none;*/
 	width:23%;
 }	

 .pie ul li:nth-child(2){
 	/*float:none;*/
 	width:23%;
 }
 
 .pie ul li:nth-child(3){
 	/*float:none;*/
 	width:28%;
 }

 .pie ul li:nth-child(4){
 	/*float:none;*/
 	/*width:40%;*/
	width:25%;
 }		

 .pie ul li ul{
 	padding-left:10px;
 	float:none;
 	border-left:0px solid #fff;
 }	

 .pie ul li ul li{
 	float:none;
 	width:inherit;
 }	

 .pie ul li ul li a{
 	font-weight:normal;
 	font-size:15px;
 }	

 .pie ul li ul li:nth-child(1),
 .pie ul li ul li:nth-child(2),
 .pie ul li ul li:nth-child(3),
 .pie ul li ul li:nth-child(4){
 	width:inherit;
 }

 .pie a{
 	color:#fff;
 	text-decoration:none;
 }	

 .legal{
 	position:relative;
 	z-index:10;
 	overflow:hidden;
 	background-color:#182c5f;
 	color:#fff;
 	font-size:12px;
 	text-transform:uppercase;
 	line-height:40px;
 }

 .legal ul{
 	list-style-type:none;
 	padding:0px;
 	margin:0px;
 }

 .legal ul li{
 	float:left;
 	padding-right:10px;
 }	

 .legal ul li:before{
 	content:"|";
 }

 .legal ul li:first-child{
 }
 
  .legal ul li:first-child a:hover{
	  text-decoration:none;
	  }

 .legal ul li:first-child:before{
 	content:"";
 }		

 .legal a{
 	color:#fff;
 	text-decoration:none;
 	margin-left:10px;
 }	


 /* INNNER SCHOOL*/


 /* Frame */

 .hero .centrado{
 	padding:0px;
 }

 .hero-home{
 	width:50%;
 	margin-left:50%;
 	background-color:rgba(0,0,0,0.75);
 }

 #testiomonials.frame {
 	overflow: hidden;


 }
 #testiomonials.frame ul {
 	list-style: none;
 	margin: 0;
 	padding: 0;
 	height: 100%;

 }
 #testiomonials.frame ul li {
 	float: left;
 	width: 50vw;
 	height: 100%;
 	margin: 0px;
 	padding: 0px;
 	color: #fff;
 	text-align: center;
 	cursor: pointer;
 	background-size:cover;
 }

 .hero-home .navegacion{
 }


 /* */


 #school.frame {
 	overflow: hidden;
 	width:100%;
 }
 #school.frame ul {
 	list-style: none;
 	margin: 0;
 	padding: 0;
 	height: auto;
 	overflow: hidden;
 	min-width:200%;

 }
 #school.frame ul li {
 	position:relative;
 	float: left;
 	margin: 0px;
 	padding: 0px;
 	width:50%;
 	min-height:300px;
 	overflow:hidden;
 	background-repeat:no-repeat;
 	background-size:100%;

 }

 #school.frame ul li img{
 	position:relative;
 	z-index:5;
 }

 #school.frame ul li span{
 	position:absolute;
 	top:50px;
 	left:50px;
 	/*bottom:70px;*/
 	background-color:rgba(255,255,255,0.90);
 	border:1px solid #000;
 	z-index:10;
 	padding:20px;
 	width:50%;
 	overflow:hidden;
 }

 .school{
 	width:100%;
 	margin-top:30px;
 }

 .school .navegacion {
 	margin: auto;
 	position: absolute;
 	top: inherit;
 	bottom:20px;
 	width: 100%;
 	z-index: 10;
 	left:50%;
 	margin-left:-50%;
 }	

 .school .pages {
 	margin: 0px;
 }

 .page-loading-overlay {
 	display: none;
 }
 h1.page-current {
 	display: none;
 }
 .page-content input, .page-content textarea {
 	width: 100%;
 }
 input.page-navigation-submit {
 	border-radius: 5px;
 	background-color: #0075bf;
 	color: white;
 	font-weight: 900;
 	margin-top: 10px;
 }

 .inner	{
 	padding-top:200px;
 }

 .normal .centrado p {
 	max-width: 100%;
 	width: 100%;
 	/* float: right; */
 	text-align: left;
 	padding-left: 38px;
	padding-left: 0px;
 }

 .sideform a {
 	min-width: 100%;
 	text-decoration: none;
 	font-size: 20px;
 	padding: 5px;
 	display: block;
 	border-bottom: 1px solid #0075bf;
 	float: right;
 	font-weight: 300;
 }

 .hero{
 	margin-top:200px;
 	position:relative;
 }

 .main, .inner{

 	position:relative;
 	z-index:10;
 }

 .main .centrado,
 .inner .centrado{
 	background-color:#fff;
 	overflow:hidden; 
 	padding-left: 20px;
 	padding-right: 20px;
 }	

 .main .centrado img{
 	min-width:100%;
 }	

 .fila_interior{
 	height:75vh;
 	background-size:cover;
 	background-position:top center;
 }	

 .normal .centrado{
 	padding-left:20px;
 	padding-right:20px;
 	overflow:hidden; 
 	padding-bottom:20px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
 }	

 .normal .centrado h1{
 	font-family: 'Lato', sans-serif;
 	color: #0075bf;
 	font-size: 36px;
 	font-weight: 300;
 	padding-top:20px;
 }	

 .online.normal .centrado h1{
  font-family: 'Lato', sans-serif;
  color: #b89ec4;
  font-size: 36px;
  font-weight: 300;
  padding-top:20px;
 }  



 .normal .centrado h2 {
 	font-family: 'Lato', sans-serif;
  /*font-family: 'EB Garamond', serif;*/
 	color: #0075bf;
 	font-size: 32px;
 	font-weight: 300;
 	padding-top:20px;
 }	

 .main .centrado h2,
 .entry-header h2.entry-title {
  /*font-family: 'Lato', sans-serif;*/
  font-family: 'EB Garamond', serif !important;
  font-weight: 400;
}

.normal.trieste .centrado .entry-header h1,
.normal.main.trieste .centrado h2,
.normal.inner.trieste .centrado h2,
.courses.trieste .centrado h2,
.accommodation.trieste .centrado h2,
.normal.trieste .centrado .extra .extra-item h3,
.trieste .content-block h3{
  color: #b99717; /* DARK 17c�����Ƶ */
}
.normal.tropea .centrado .entry-header h1,
.normal.main.tropea .centrado h2,
.normal.inner.tropea .centrado h2,
.courses.tropea .centrado h2,
.accommodation.tropea .centrado h2,
.normal.tropea .centrado .extra .extra-item h3,
.tropea .content-block h3{
  color: #6d9a8e; /* DARK TROPEA */
}

.normal.online .centrado .entry-header h1,
.normal.main.online .centrado h2,
.normal.inner.online .centrado h2,
.courses.online .centrado h2,
.accommodation.online .centrado h2,
.normal.online .centrado .extra .extra-item h3,
.online .content-block h3{
  color: #b89ec4; /* DARK ONLINE */
}


 .normal .centrado p {
 	/*float: left;*/
 	font-size: 16px;
 	font-weight: 300;
 	line-height: 24px;
 	padding-bottom:20px;
 }


 .normal .centrado p iframe{
 	width:100%;
 	height:60vh;
 	/*max-height:400px;*/
 }

 .normal.plus .centrado p{
 	float:inherit;
 }

 .normal .centrado p img{
 	float:left;
 	margin-right:20px;
 	margin-bottom:20px;
 }

 .normal .centrado ul{
 	display:block;
 	clear:both;
 	overflow:hidden;
 }

 .normal .centrado p{
 	max-width:100%;
 }

 .normal .centrado .col_66{
 	display:block;
 	width: 66%;
 	float:left;
 }

 .normal.courses .centrado{
  background-color: #FFF;
 }

 .normal ul.lista_cursos{
 	width:100%;
 }

 .normal  ul.lista_cursos li {
 	margin: 0 5% 5% 0;
 }	

 .normal .centrado .extra{}

 .normal .centrado .extra .extra-item{}

 .normal .centrado .extra .extra-item h3{
  /*font-family: 'EB Garamond', serif;*/
 	color: #0075bf;
 	font-size: 28px;
  font-size: 32px;
 	/*font-weight: 300;*/
 }

 .normal .centrado .extra .extra-item .extra-description{}

 .normal .centrado .extra .extra-item .extra-description strong{
 	font-weight:600;
 	color:#0075bf;
 }

 .normal .centrado .col_33{
 	display:block;
 	width: 33%;
 	float:right;
 	padding:20px;
 }

 .normal .centrado .col_33 input,
 .normal .centrado .col_33 textarea{
 	padding-left:5px;
 	padding-right:5px;
 }	

 .normal .centrado .col_33 .wpcf7-submit{
 	display:block;
 	width:100%;
 }

 .normal .centrado .col_33 .wpcf7-submit{
 	display:block;
 	width:100%;
 	background-color:#0075bf;
 	color:#fff;
 	font-weight:600;
 	text-transform:uppercase;
 	border:0px;
 	border-radius:5px;
 	padding-top:10px;
 	padding-bottom:10px;
 }	

 .normal .box{
 	overflow:hidden;
 	background-color:#f2f2f2;
  border-radius: 5px;
 }	

 .two{}

 .two .centrado{}

 .two .centrado div{
 	width:50%;
 	float:left;
 	padding:20px;
 }	

 .two .centrado div h3 {
 	color: #0075bf;
 	font-size: 28px;
 	font-weight: 300;
 }	

 .indice{
 	/*width:30%;*/
  width: 100%;
 	float:left;
 	padding: 20px;
 	clear: both;
  display: flex;
 }

 .indice h3{
 	font-weight:300;
 	cursor:pointer;
	 background-color: #0075bf;
	 padding: 5px 15px;
	 color: #ffffff;
   border-radius: 5px;
   margin-bottom: 10px;
   border: 2px solid #f2f2f2;
 }	

 .indice h3.no-active{
	 background-color: inherit;
	 color: inherit;
 }	

 .indice h3.no-active:hover{
  border: 2px solid #0075bf;
 }

 .subindice{
 	width:70%;
  width: 100%;
 	float:left;
 	padding:20px;
 }

 .subindice ul{
 	list-style-type:none;
 	margin:0px;
 	padding:0px;
 	display:block;
 	clear:both;
 }

 .subindice .owl-carousel.oculto{
 	display: none !important;
 }	

 .owl-carousel{
  position: relative;
 }

.owl-carousel .owl-item img{
  width: 50% !important;
  margin: auto !important;
}

 .owl-theme .owl-nav button span{
  font-size: 50px !important;
  color: #0075bf;
  height: 50px;
 }

 .owl-prev{
  position: absolute;
  top: 50%;
  left: -25px;
  z-index: 30;
  width: 0px;
  height: 50px;
  font-size: 40px;
 }

  .owl-next{
    position: absolute;
  top: 50%;
    right: -25px;
    z-index: 30;
    width: 0px;
  height: 50px;
  font-size: 40px;
  }

 .subindice ul li{
 	list-style-type:none;
 	margin:0px;
 	padding:0px;
 	float:left;
 	margin-right:20px;
	margin-bottom: 10px;
 }	

.subindice ul li a{
  width: 100%;
  height: 100%;
}

.subindice ul li a img{
	 border-radius: 10px;
 }	


 /* FIN INNNER SCHOOL*/


 /* LISTA DE POST y POST */
 .post-list{
 	width:70%;
 	padding-right:20px;
 	float:left;
 }


 .post-list .numero{
 	overflow:hidden;
 	padding-bottom:20px;
 	border-bottom: 2px solid #0075bf;
 	margin-bottom:20px;
  padding-left: 20px;
  padding-right: 20px;
 }

 .post-list .numero:nth-child(odd){
  background-color: rgba(0,0,0,0.05);
 }

 .post-list .numero.sin_foto{
 	width:48%;
	width:98%;
 	margin-left:1%;
 	margin-right:1%;
 	float:left;
 }	
 
 .size-medium{
	 float:left;
	 margin-right:20px;
	 }

 .post-list .numero:last-child{
 	width:100%;
 	margin:0px;
 	clear:both;
 }

 .post-list .numero img{
  float: left;
  margin-right: 20px;
 }

 .post-list .numero .entry-header h2{

 	/*text-transform:uppercase;*/
 	font-size:32px;
 	color:#0075bf;
 }

 .post-list .numero.sin_foto .entry-header h2{
	/*text-transform:uppercase;*/
 	font-size:32px;
	line-height:35px;
 	color:#0075bf;
 }	

 .post-list .numero .entry-header h2 a{
 	color:#0075bf;
 	text-decoration:none;
 }	

 .post-list .numero .post-thumbnail,
 .post-thumbnail{
 	float:left;
 	padding-right:20px;
 }

 div.post-thumbnail{
 	padding-top:20px;
 }	

 .post-list .numero .post-thumbnail img{}

 .post-list .numero .entry-content{ 
 	margin-top:0px;
 	padding-top:0px;
 }

 .post-list .numero .entry-content p,
 .single .normal .entry-content p{
 	float:none;
 	padding-bottom:20px;
 }



.single .normal .entry-content blockquote  {
  font-style: italic;
  font-size: 20px;
  position: relative;
  padding-left: 40px;
  margin-top: 40px;
  border: 0px;
}

.single .normal .entry-content blockquote p{
    font-size: 20px;
    line-height: 1.5em;
}

.single .normal .entry-content blockquote p:before {
  width: 10px;
  height: 10px;
  content: "“";
  font-size: 100px;
  color: #0075bf;
  font-family: "Times New Roman", serif;
  top: 5px;
  left: -15px;
  position: absolute;
}

.single .normal .entry-content blockquote p:after {
  width: 0px;
  height: 10px;
  content: "”";
  font-size: 100px;
  color: #0075bf;
  font-family: "Times New Roman", serif;
  bottom: 10px;
  position: absolute;
  /*margin-right: 20px;*/
}

 .post-list .numero{}

 .post-list .numero{}	

 .columna-post-list{
 	width:30%;
 	float:left;
 }

 .sidebar{}

 .sidebar ul{
 	list-style-type:none;
 	margin:0px;
 	padding:0px;
 }

 .sidebar ul li{
 	margin:0px;
 	padding:0px;
 	padding-bottom:10px;
 	border-bottom: 1px solid #0075bf;
 	margin-bottom:10px;
 }

 .sidebar ul li a{
 	color:#0075bf;
 	text-decoration:none;
 }	
 /* FIN LISTA DE POST y POST */
 .inner{}


 .inner .left{
 	width:70%;
 	float:left;
 	padding-right:20px;
 	overflow: hidden;
 }


 .inner .left .post-thumbnail img{
	max-width: 100% !important;
	height: initial;
}

.inner .left .entry-content{
	float: left;
	max-width: 100% !important;
}

.inner .left .entry-content hr{
  display: block;
}

  .inner .right{
 	width:30%;
 	float:right;
 }


 .inner .entry-content{
 	padding-top:20px;
 	padding-bottom:20px;
 	overflow:hidden; 
 }


 .inner .entry-content{}


.inner .entry-content blockquote  {
  font-style: italic;
  font-size: 20px;
  position: relative;
  padding-left: 40px;
  margin-top: 40px;
  border: 0px;
}

.inner .entry-content blockquote p{
    font-size: 20px;
    line-height: 1.5em;
}

.inner .entry-content blockquote p:before {
  width: 10px;
  height: 10px;
  content: "“";
  font-size: 100px;
  color: #0075bf;
  font-family: "Times New Roman", serif;
  top: 5px;
  left: -15px;
  position: absolute;
}

.inner .entry-content blockquote p:after {
  width: 0px;
  height: 10px;
  content: "”";
  font-size: 100px;
  color: #0075bf;
  font-family: "Times New Roman", serif;
  bottom: 10px;
  position: absolute;
  /*margin-right: 20px;*/
}

 .inner h3,
 .inner h3{
 	color:#0075bf;
 	font-weight:300;
 	padding-left:20px;
 	padding-right:20px;
 	font-size:28px;
 }

 .inner.trieste h3{
  color: #b99717;
 }

  .inner.tropea h3{
  color: #6d9a8e;
 }

 .inner.online h3{
  color: #b89ec4;
 }


 .inner .white h3,
 .inner .grey h3,
 .inner .related h3,
 .inner .entry-content h3,
 .inner .person h3,
 .inner .data_table h3{
 	padding-left:0px;
 	padding-right:0px;
 }	

 .inner h4{
 	color:#0075bf;
 	font-weight:300;
 	font-size:24px;
 }

 .inner h4 a,
 .inner h4 a span{
  color:#0075bf !important;
 }

 .inner .person h4{
  color: rgba(0,0,0,0.8);
  font-size: 20px;
  line-height: 22px;
 }

 .inner h5{
 	color:#0075bf;
 	font-weight:300;
 	font-size:20px;
 }

 .inner h6{
 	color:#0075bf;
 	font-weight:300;
 	font-size:18px;
 }

 .inner p{
 	margin-bottom:0px;
 }

 .inner .white{
 	padding:20px;
 	display:block;
 	overflow:hidden;
 	position:relative;
  margin-bottom: 20px;
  background-color: #FFF;
 }


 .inner .grey, .inner .related,
 .courses .grey, .courses .related{
 	background-color:#f2f2f2;
 	padding:20px;
 	display:block;
 	overflow:hidden;
 	margin-bottom:20px;
 	position:relative;
  border-radius: 5px;
 }

 .inner .extra_button,
 .courses .extra_button{
 	float: left;
 	background-color: #0075bf;
 	border-radius: 5px;
 	margin-bottom: 5px;
 	margin-top: 5px;
 	padding-bottom: 5px;
 	padding-top: 5px;
 	padding-left:10px;
 	padding-right:10px;
 	color:#fff;
 	position:absolute;
 	right:10px;
 	top:10px;
 	text-decoration:none;
 }	

 .inner .trieste .extra_button,
 .courses .trieste .extra_button{
  background-color: #c69607; /* 17c�����Ƶ */
 }

 .inner .tropea .extra_button,
 .courses .tropea .extra_button{
  background-color: #469a8f; /* TROPEA */
 }

.inner .content-block .extra_button,
.courses .content-block .extra_button{
  position: initial;
}

.inner .content-block .extra_button:hover{
  text-decoration: none;
  background-color: #63a1d4;
}

.inner .content-block .trieste .extra_button:hover{
  text-decoration: none;
  background-color: #b99717; /* DARK 17c�����Ƶ */
}

.inner .content-block .tropea .extra_button:hover{
  text-decoration: none;
  background-color: #6d9a8e; /* DARK TROPEA */
}


 

.extra_button2 {
    /* float: right; */
    background-color: #0075bf;
    border: 2px solid #0075bf;
    border-radius: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    /* position: absolute; */
    right: 0px;
    top: 10px;
    text-decoration: none !important;
}

.extra_button2:hover {
    /* float: right; */
    background-color: initial;
    border: 2px solid #0075bf;
    border-radius: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    color: #0075bf;
    /* position: absolute; */
    right: 00px;
    top: 10px;
    text-decoration: none;
}

.trieste .extra_button2{
  background-color: #b99717;
  border: 2px solid #b99717;
}

.trieste .extra_button2:hover{
  background-color: #FFFFFF;
  border: 2px solid #b99717;
  color: #b99717;
}

.tropea .extra_button2{
  background-color: #6d9a8e;
  border: 2px solid #6d9a8e;
}

.tropea .extra_button2:hover{
  background-color: #FFFFFF;
  border: 2px solid #6d9a8e;
  color: #6d9a8e;
}




 .inner .related ul{
 	clear:both;
 	float:left;
 	margin:0px;
 	padding:0px;
 	padding-top:20px;
 	padding-bottom:20px;
 }	

 .inner .related ul li{
 	float:left;
 	margin-right:20px;
 	list-style-type:none;
 }

 .inner .related ul li a{
 	text-decoration:none;
 	font-weight:bold;
 	color:#0075bf;
 }

 .inner .related ul li a.pdf:before{
 	content: "\f1c1";
 	font-family: 'FontAwesome';
 	padding-right:10px;
 	font-weight:normal;
 }

 .inner .related ul li a.video:before{
 	content: "\f1c8";
 	font-family: 'FontAwesome';
 	padding-right:10px;
 	font-weight:normal;
 }

 .inner .related ul li a.audio:before{
 	content: "\f1c7";
 	font-family: 'FontAwesome';
 	padding-right:10px;
 	font-weight:normal;
 }	


 .breadcrumbs{
 	display:none;
 }	

 .breadcrumbs a{	
 	color: #0075bf;
 }


 .dep{}

 .dep h2{
 	color: #0075bf;
 	font-weight:normal;
 }

 .person{
 	display:block;
 	padding-bottom:20px;
 }

 .person.par{}

 .person.impar{
 	clear:left;
 }	

.staff-image {
    width: 150px;
    height: 170px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
}

 .two .person{
 	width:50%;
 	float:left;
 	padding-right:20px;
 	overflow:hidden;
 }	

.person img {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    /*max-height: 350px;*/
    width: 100%;
    border-radius: 10px;
}

 .person td {
 	padding-left: 10px;
 }
.houses .house_type ul.house_gallery li img {
    border-radius: 10px;
}
 .person h3{
 	clear:none;
 	font-size: 26px;
 }

 .person h4{
 	clear:none;
 }

 .normal .centrado .person p {
 	float: left;
 	padding-left: 0;
 }

 .faqs {
 	display: block;
 	overflow: hidden;
 	padding-top: 20px;
 	width: 100%;
 }

 .question-block{
 	padding-bottom:50px;
 }

 .normal .centrado .question-block h2{
 	color:#1c5890;
 	font-size:32px;
 	font-weight:bold;
 	text-transform:uppercase;
 }

 .question-block .question{
 	padding-bottom:20px;
 }

 .question-block .question h3{
 	color:#1c5890;
 	font-size:28px;
 	font-weight:normal;
 	padding-left:0px;
 }

 .normal .centrado .question-block .question p{
 	float:none;
 }


 .normal .centrado .intro-list{
 	font-weight:bold;
 	text-transform:uppercase;
 	float:none;
 }

 .question-block .question ul{
 	/*
  margin:0px;
 	padding:0px;
 	list-style-type:none;
  */
 }

 .question-block .question ul li{
 	padding-right:10px;
 	float:left;
 }

 .question-block .question ul li a{
 	color:#1c5890;
 }	


 .c-3{
 	float:left;
 	width:33%;
 }

 .c-3 i{
 	text-align:center;
 	display:block;
 	margin:auto;
 	font-size:50px;
 	color:#0075bf;
 }	

 .c-3 p{
 	padding-left:20px;
 	padding-right:20px;
 	padding-top:20px;
 }

 .gal{}

 .gal h3{
 	margin:0px;
 	padding:0px;
 }
.calendar {
    background: white;
    border: solid 1px #aaa;
    border-radius: 3px;
}
 .gal ul{
 	margin:0px;
 	padding:0px;
 	list-style-type:none;
 }

 .gal ul li {
 	margin:0px;
 	padding:0px;
 	margin-right:5px;
 	line-height:inherit;
 }

 .gal ul li a{}	


 .cac{
 	background-color: #f2f2f2;
 	overflow: hidden;
 	padding: 20px;
  margin-top: 20px;
  border-radius: 5px;
  border: 1px solid #e50076;
 }

 .cac h4{
 	color: #e50076;
 	font-family: 'Lato', sans-serif;
 	font-size: 24px;
 	font-weight: 300;
 }

 .cac p{
 	float: left;
 	font-size: 16px;
 	font-weight: 300;
 	line-height: 24px;
 }	

 .cac a.link{
 	clear:both;
 	display:inline-block;
 	background-color: #e50076;
 	border-radius: 5px;
 	margin-bottom: 5px;
 	margin-top: 5px;
 	padding: 5px;
 	color: #fff;
 	font-weight:bold;
 	text-decoration:none;
 	float:left;
  text-align: center;
  width: 100%;
  border: 2px solid #e50076;
 }

 .cac a.link:hover{
  background-color: initial; /* DARK red */
  color: #e50076;
 }

 .testi{
  display: flex;
  flex-direction: column;
  width: 100%;

 }

 .testi .testi-item{
  display: flex;
  width: 100%;
  flex-direction: column;
  margin-bottom: 50px;
  }

 .testi .testi-item h3{
 	clear:both;
 	margin:0px;
 	padding:0px;
 	border-top: 2px solid #0075bf;
  
 }

 .normal .testi .testi-item h3{
  margin-top: 10px;
 }

 .testi .testi-item h3 a{
 	color:#0075bf;
 	float:right;
 }	

 .testi .testi-item a{
  max-width: 300px;
  text-align: center;
 }

  .testi .navigation{
    display: flex;
    width: 100%;
  }


 .service_item {
 	display: block;
 	width: 100%;
 	overflow: hidden;
 	left: -22px;
 	position: relative;
 }

 .service_item .item{
 	width:25%;
 	float:left;
 	text-align:center;
 	padding:1%;
 }

 .service_item .item a{
 	background-color: #0075bf;
 	border: 4px solid #0075bf;
 	border-radius: 100%;
 	color: #f2f2f2;
 	display: block;
 	font-size: 16px;
 	height: 150px;
 	padding-top: 30px;
 	text-decoration: none;
 	text-transform: uppercase;
 	transition: all 0.2s ease-in-out 0s;
 	width: 150px;
 	margin:auto;
 	font-weight: 900;
 }

 .service_item .item a i{
 	display: block;
 	font-size: 35px;
 }

 .service_item .item a span{
 	display:block;
 	width:100%;
 }

 .service_item .item a:hover {
 	background-color: #f2f2f2;
 	color: #0075bf;
 	text-decoration: none;
 }

 .service_item .item .subtitulo{
 	display:block;
 	width:100%;
 }

 .service_item .item p{
 	display:block;
 	width:100%;
 }




 .testi .testi-item h4{
 	clear:both;
 	margin:0px;
 	padding:0px;
 	font-size:20px;
 	color:#000;
 	line-height:15px;
 }

 .testi .testi-item img{
 	float:left;
 	margin-right:20px;
 }

 .testi .testi-item p{
 	float:inherit;
 	width:auto;
 	max-width:auto;
 }

 .normal .testi .testi-item p{
  padding-bottom: 0px;
  margin-bottom: 0px;
 }

 .normal .testi .testi-item a{
  display: inline-block;
 }

 .intro{
 	width:100%;
 	overflow:hidden;
 }

 .exa {
 	overflow: hidden;
 }

 .exa h3{
 	margin:0px;
 	padding:0px;
 }

 .exa .exa-item{
 	display:block;
 	float:left;
 	width:48%;
 	margin-right:2%;
 	margin-bottom:2%;
 	background-color: #f2f2f2;
 	padding: 20px;
 	border-bottom:2px solid #0075bf;
 	position:relative;
 	min-height:190px;
 	max-height: 190px;
 	overflow: hidden;
 }

 .exa-item .fecha-calendario{
 	float:left;
 	width:60px;
 	margin-right:40px;
 	color:#0075bf;
 }

 .exa-item .fecha-calendario .diaSemana {
 	text-align: center;
 	display: block;
 	font-size: 40px;
 	line-height: 20px;
 	text-transform: uppercase;
 	margin-bottom: 5px;
 }

 .exa-item .fecha-calendario .diaMes{
 	text-align:center;
 	display:block;
 }	

 .exa-item .fecha-calendario .year {
 	text-align: center;
 	display: block;
 	font-size: 22px;
 	margin-top: -10px;
 }

 .exa-item .descripcion-calendario{}

 .exa-item .descripcion-calendario .calendarTitle{
 	color:#0075bf;
	}

 	.exa-item .descripcion-calendario .calendarSubtitle{
 		color:#0075bf;
 	}

 	.exa-item .descripcion-calendario p{
 		float:none;
 		padding-right:75px;
 		padding-left: 100px;
		font-size: 14px;
		line-height: 20px;
 	}	

 	.exa-item .fa-calendar{
 		position:absolute;
 		bottom:10px;
 		right:10px;
 		font-size:50px;
 		color:#0075bf;
 	}

 	.gal ul li a{
 		cursor:pointer;
 	}

 	.big{
 		position:fixed;
 		top:0px;
 		left:0px;
 		right:0px;
 		bottom:0px;
 		background-color:rgba(0,0,0,0.80);
 		z-index:999;
 		width:100%;
 		height:100vh;
 	}	

 	.big{
 		margin-top:100vh;	
 	}	

 	.big #gallery{}

 	.big #gallery ul{
 		margin-top:20vh;
 	}

 	.big #gallery ul li{
 		list-style-type:none;
 		float:left;
 		width:50vw;
 		margin-left:25vw;
 		margin-right:25vw;
 		text-align:center;
 	}	

 	.big #gallery ul li	img{
 		margin:auto;
 		text-align:center;
 		max-width:60vw;
 		max-height:60vh;
 	}

 	.big .navegacion{
 		position:absolute;
 		bottom:40px;
 	}

/*
.big .controls{
	position:absolute;
	bottom:40px;
	}	
	*/
	
	.big .close{
		color:#fff;
		font-size:20px;
		position:absolute;
		top:20px;
		right:20px;
		cursor:pointer;
	}		


	.big .prev{
		color:#fff;
		font-size:20px;
		position:absolute;
		top:50vh;
		left:15vw;
		cursor:pointer;
	}	
	
	.big .next{
		color:#fff;
		font-size:20px;
		position:absolute;
		top:50vh;
		right:15vw;
		cursor:pointer;
	}	
	

	/* houses */	
	
	.houses{}

	.houses .house_type{
		background-color: #f2f2f2;
		overflow: hidden;
		padding: 20px;
		margin-bottom:20px;
    border-radius: 5px;
	}

	.houses .house_type h2 {
		margin: 0px;
		padding: 0px;
		font-size: 28px;
	}

	.houses .house_type h3 {
		margin: 0px;
		padding: 0px;
		font-size: 24px;
	}

	.houses .house_type .house_description{}

	ul.house_gallery{
		display:block;
		clear:both;
		margin:0px;
		padding:0px;
		list-style-type:none;
	}

	ul.house_gallery li{
		float:left;
		margin-right:20px;
	}

	.houses .house_type ul.house_gallery li img{}	
	
	.piccola-table {
		background-color: #0075bf;
		color: white;
		border-collapse: collapse;
	}

  .trieste .piccola-table {
    //background-color: #c69607; /* 17c�����Ƶ */
    background-color: #ebc241;
  }

  .tropea .piccola-table {
    //background-color: #6d9a8e; /* TROPEA */
    background-color: #86cbc4;
  }

	.piccola-table td {
		border: solid 3px white;
		padding: 10px;
		vertical-align: top;
	}		

	.piccola-table i {
		font-size: 55px;
		text-align: center;
		width: 100%;
	}

	.piccola-table .larissa{
		text-align: center
	}

  /* */

  .testimonials-blocks{
    padding: 20px;
    border: solid 2px #0075bf;
    padding-top: 0px;
    border-radius: 5px;
    display: block;
    width: 100%;
    float: left;
    clear: both;
    margin-top: 20px;
  }

  .online .testimonials-blocks{
    border: solid 2px #b89ec4;
  }





  /* */


  .call_to_action_bar{
    display: block;
    width: 100%;
    float: left;
    clear: both;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .call_to_action_bar ul{
    margin: 0px;
    padding: 0px;
    display: flex !important;
    flex-direction: row;
    list-style: none;
    align-content: space-between;
    justify-content: space-around;
    border: 1px solid rgba(0,0,0,0.15);
  }

  .call_to_action_bar ul li{
    display: block;
    width: 100%;
    background-color: #f7f7f7;
    border-right: 1px solid rgba(0,0,0,0.15);
  }

  .call_to_action_bar ul li:last-child{
    border-right: 0px;
  }

  .call_to_action_bar ul li a{
    display: block;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-decoration: none;
    padding-left: 25px;
  }

  .call_to_action_bar ul li a:hover{
    background-color: rgba(0,0,0,0.15);
    text-decoration: none;
  }

  .call_to_action_bar ul li a i{
    margin-right: 10px;
    background: #0075bf;
    padding: 10px;
    border-radius: 54px;
    width: 35px;
    height: 35px;
    line-height: 15px;
    text-align: center;
    color: #fff;
  }

  .trieste .call_to_action_bar ul li a i{
    background-color: #c69607; /* 17c�����Ƶ */
  }

  .tropea .call_to_action_bar ul li a i{
    background-color: #469a8f; /* TROPEA */
  }

  .call_to_action_bar ul li.pink{
    background-color: #e50076;
  }
  .call_to_action_bar ul li.green{
    background-color: #469a8f;
  }
  .call_to_action_bar ul li.yellow{
    background-color: #c69607;
  }
  .call_to_action_bar ul li.blue{
    background-color: #0075bf;
  }

   .call_to_action_bar ul li.online{
    background-color: #b89ec4;
  }

  .call_to_action_bar ul li.pink a,
  .call_to_action_bar ul li.green a,
  .call_to_action_bar ul li.yellow a,
  .call_to_action_bar ul li.blue a,
  .call_to_action_bar ul li.online a{
    color: #fff;
  }

  .call_to_action_bar ul li.pink a i,
  .call_to_action_bar ul li.green a i,
  .call_to_action_bar ul li.yellow a i,
  .call_to_action_bar ul li.blue a i,
  .call_to_action_bar ul li.online a i
  {
    background-color: #FFF;
  }

  .call_to_action_bar ul li.pink a i{
    color: #e50076;
  }
  .call_to_action_bar ul li.green a i{
    color: #469a8f;
  }
  .call_to_action_bar ul li.yellow a i{
    color: #c69607;
  }
  .call_to_action_bar ul li.blue a i{
    color: #0075bf;
  }

  .call_to_action_bar ul li.online a i{
    color: #b89ec4;
  }

  .data_table{
    display: block;
    width: 100%;
    float: left;
    clear: both;
    padding-bottom: 20px;
  }

  .data_table table{
    width: 100%;
    padding: 0px;
    margin: 0px;
    border-spacing: 0px;
    border: 1px solid rgba(0,0,0,0.15);
  }

  .data_table table.left{
    width: 100% !important;
    float: inherit !important;
    padding-right: inherit !important;
  }

  .data_table table.left tr td:first-child{
    font-weight: bold;
    background-color: #0075bf;
    color: #FFFFFF;
  }

  .trieste .data_table table.left tr td:first-child{
    font-weight: bold;
    background-color: #b99717;
    color: #FFFFFF;
  }

  .tropea .data_table table.left tr td:first-child{
    font-weight: bold;
    background-color: #469a8f;
    color: #FFFFFF;
  }

  .data_table table.top tr:first-child td{
    font-weight: bold;
    background-color: #0075bf;
    color: #FFFFFF;
  }

  .trieste .data_table table.top tr:first-child td{
    font-weight: bold;
    background-color: #b99717;
    color: #FFFFFF;
  }

  .tropea .data_table table.top tr:first-child td{
    font-weight: bold;
    background-color: #469a8f;
    color: #FFFFFF;
  }

  .online .data_table table.top tr:first-child td{
    font-weight: bold;
    background-color: #b89ec4;
    color: #FFFFFF;
  }

  .data_table table.top_and_left{}

  .data_table table.top_and_left tr:first-child td,
  .data_table table.top_and_left tr:first-child td:first-child{
    font-weight: bold;
    background-color: #0075bf;
    color: #FFFFFF;
  }

  .data_table table.top_and_left tr td:first-child{
    font-weight: bold;
    background-color: #63a1d4;
    color: #FFFFFF;
  }

   .online .data_table table.top_and_left tr td:first-child{
    font-weight: bold;
    background-color: #b89ec4;
    color: #FFFFFF;
  }

  .trieste .data_table table.top_and_left tr:first-child td,
  .trieste .data_table table.top_and_left tr:first-child td:first-child{
    font-weight: bold;
    background-color: #b99717;
    color: #FFFFFF;
  }

  .trieste .data_table table.top_and_left tr td:first-child{
    font-weight: bold;
    background-color: #c69607;
    color: #FFFFFF;
  }

  .tropea .data_table table.top_and_left tr:first-child td,
  .tropea .data_table table.top_and_left tr:first-child td:first-child{
    font-weight: bold;
    background-color: #6d9a8e;
    color: #FFFFFF;
  }

  .tropea .data_table table.top_and_left tr td:first-child{
    font-weight: bold;
    background-color: #469a8f;
    color: #FFFFFF;
  }

  .online .data_table table.top_and_left tr:first-child td,
  .online .data_table table.top_and_left tr:first-child td:first-child{
    font-weight: bold;
    background-color: #b89ec4;
    color: #FFFFFF;
  }

  .online .data_table table.top_and_left tr td:first-child{
    font-weight: bold;
    background-color: #b89ec4;
    color: #FFFFFF;
  }

  .data_table table tr{
    border-spacing: 0px;
  }

  .data_table table tr:nth-child(odd) {
    background-color: rgba(0,0,0,0.05);
  }

  .data_table table tr td{
    border-spacing: 0px;
    padding: 5px;
    border: 1px solid rgba(0,0,0,0.15);
    text-align: center;
  }

  .content-block{
    display: block;
    width: 100%;
    float: left;
    clear: both;
  }

  .content-block h3{
    padding-left: 0px;
  }

  .content-block .item-block{
    display: block;
    width: 100%;
    float: left;
    clear: both;
    position: relative;
    border-radius: 5px;
  }

  .content-block .item-block h1,
  .content-block .item-block h2{
    padding-top: 0px;
  }

  .content-block .item-block.trieste h1,
  .content-block .item-block.trieste h2,
  .content-block .item-block.trieste h3,
  .content-block .item-block.trieste h4,
  .content-block .item-block.trieste h5,
  .content-block .item-block.trieste h6{
    color: #c69607; /* 17c�����Ƶ */
  }

  .content-block .item-block.tropea h1,
  .content-block .item-block.tropea h2,
  .content-block .item-block.tropea h3,
  .content-block .item-block.tropea h4,
  .content-block .item-block.tropea h5,
  .content-block .item-block.tropea h6{
    color: #469a8f; /* TROPEA */
  }

  .content-block .item-block.online h1,
  .content-block .item-block.online h2,
  .content-block .item-block.online h3,
  .content-block .item-block.online h4,
  .content-block .item-block.online h5,
  .content-block .item-block.online h6{
    color: #b89ec4; /* TROPEA */
  }

  .content-block .item-block

  .content-block .item-block p{
    width: calc( 100% );
  }

  .content-block .item-block.sticker-with p{
    width: calc( 100% - 120px );
  }

  .content-block .item-block .sticker{
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    color: #0075bf;
    background-color: #FFF;
    border: 4px solid;
    transform: rotate(28deg);
    width: 100px;
    height: 100px;
    border-radius: 250px;
    font-size: 17px;
    font-weight: bold;
    line-height: 120%;
    padding-top: 0px;
    text-align: center;
    float: right;
    margin: 20px;
    position: absolute;
    top: 0px;
    right: 0px;
    box-shadow: 4px 2px  2px rgba(0,0,0,0.1);
  }

  .content-block .item-block.trieste .sticker{
    color: #b99717;
  }
  .content-block .item-block.tropea .sticker{
    color: #6d9a8e;
  }
  .content-block .item-block.cac .sticker{
    color: rgb(229, 0, 118);
  }
   .content-block .item-block.online .sticker{
    color: #b89ec4;
  }

	/* PANTALLAS GRANDES */
	@media (min-width:1281px) {


	}


	@media (min-width:1025px) and (max-width:1280px){
		.carrusel .frame {
			height: 90vh;
		}	
		
		.navegacion {
			top: 60vh;
		}
		
		.escuelas-home {
			margin-top: 85vh;
		}

	}

	/* IPAD HORIZONTAL */
	@media (max-width:1024px) {

		.fila{
			padding-left:10px;
			padding-right:10px;
		}
		
		.fila.carrusel{
			padding:0px;
		}
		
		.carrusel .frame {
			height: 100vh;
		}	

		.escuelas-home {
			margin-top: 70vh;
		}

		.navegacion {
			top: 60vh;
		}

		.cabecera .centrado{
			padding-left:20px;
		}
		
		.cabecera .fa-bars {
			display:block;
			font-size: 30px;
			float: left;
			clear: none;
			margin-top: 40px;
			margin-right: 10px;
			margin-left: -10px;
			cursor:pointer;
			color:#0075bf;
			transition: all .2s ease-in-out;
		}

		.cabecera.fix .fa-bars {
			margin-top: 20px;
		}	

		.cabecera ul.primary-menu{
			display:none;
		}		

	}

	/* IPAD VERTICAL */

	@media (max-width:768px){

		.centrado{
			padding-left:10px;
			padding-right:10px;
		}
		
		.idiomas {
			line-height: 35px;
			max-height: 35px;
		}	
		
		.idiomas ul{
			list-style-type:none;
			padding:0px;
			margin:0px;
			float:left;
			min-width:1200px;
		}

		.idiomas ul li{
			float:left;
			padding-left:10px;
		}
		
		.idiomas ul li:after{
			content:"| ";
		}
		
		.idiomas ul li:last-child:after{
			content:"";
		}			
		
		.idiomas a{
			color:#fff;
			text-decoration:none;
			text-transform:uppercase;
			margin-right:10px;
		}	
		
		
		.cabecera {
			top: 35px;
		}	
		
		.cabecera .fa-bars {
			margin-top: 20px;
		}	
		
		
		.cabecera .site-title{
			display:block;
			width:165px;
			height:50px;
			background-size:cover;
			background-image:url(/wp-content/themes/piccola/css/logo.png);
			margin-top:10px;
			margin-bottom:10px;
			float:left;
		}	
		
		.escuelas-home .centrado .ciudad ul.link-ciudad li {
			width: 100%;
			padding-bottom:20px;
		}

		.escuelas-home .centrado .ciudad ul.link-ciudad li a {
			width: 100%;
		}

		.escuelas-home .centrado .ciudad ul.link-ciudad li a{
			margin-right:0px;
		}

		.escuelas-home .centrado .ciudad ul.link-ciudad li:last-child a{
			margin-left:0px;
		}
		
		.cursos-home .centrado p{
			float:left;
			width:100%;
		}

		ul.lista_cursos{
			float:right;
			width:100%;
			margin:0px;
			padding:0px;
			list-style-type:none;
		}	
		
		ul.lista_cursos li {
			display: block;
			float: left;
			height: 100%;
			margin-bottom:5%;
			margin-left:0%;
			margin-right:5%;
			padding: 0;
			text-align: center;
			width: 150px;
		}	

		.inner .left {
			width: 100%;
			float: left;
			padding-right: 0px;
		}

		.inner .right {
			width: 100%;
			float: right;
		}

		.two .person {
			width: 100%;
			float: left;
			padding-right: 0px;
			overflow: hidden;
		}

    .facebook-feed{
      width: 100%;
    }



    /* PIE */

    .menu-pie-container,
    .menu-pie-german-container,
    .menu-pie-japanese-container,
    .menu-pie-spanish-container{
      width: 100%;
      margin-top: 20px;
    }

    .pie ul li:nth-child(1),
    .pie ul li:nth-child(2),
    .pie ul li:nth-child(3){
      width: 33%;
    }

	}


	/* MOVIL GRANDE HORIZONTAL */
	@media (max-width:736px) and (orientation: landscape) {

		.escuelas-home .centrado .ciudad ul.link-ciudad li{
			width:100%;
			padding-bottom:20px;
		}	
		
		.escuelas-home .centrado .ciudad ul.link-ciudad li a{
			width:100%;
		}

	}


	/* MOVIL normal HORIZONTAL */
	@media (max-width:568px) and (orientation: landscape) {

	}

	/* MOVIL GRANDE VERTICAL */
	@media (max-width:414px) and (orientation: portrait) {


        .para_movil{
                display: flex;
            }

            .para_movil div{}

            .para_movil div a{}

            .para_movil div a strong{}

            .para_movil div:not(:last-child) a:hover strong{
                display: none;
            }

            .para_movil div:not(:last-child) a:hover span{
                display: inline-block;
            }

            .para_movil div a span{
                display: none;
            }


		.menu-item-has-children > a.activo:after{
			font-family: 'FontAwesome';
			content:" \f0d9 ";
			position:absolute;
			top:5px;
			right:5px;
			font-size:25px;
		}
		
		.menu-item-has-children:hover > a.activo:after{
			content:" \f0d7 ";
		}	


		.carrusel .frame {
			height: 90vh;
			overflow: hidden;
		}

		.carrusel .frame ul li span {
			padding-top: 20vh;
			font-size: 35px;
			line-height: 41px;
		}

		.carrusel .frame ul li span strong {
			width: 100%;
			padding-top:3%;
		}	
		
		.navegacion {
			top: 65vh;
		}		

		.escuelas-home {
			margin-top: 75vh;
		}

		.escuelas-home .centrado .ciudad{
			width:100%;
			float:left;
			padding:0px;
		}

        .escuelas-home .centrado .ciudad h2,
        .escuelas-home .centrado .ciudad h3{
            padding-left: 10px;
            padding-right: 10px;
        }
		
		.escuelas-home .centrado .ciudad ul.link-ciudad li{
			width:100%;
			padding-bottom:20px;
		}	
		
		.escuelas-home .centrado .ciudad ul.link-ciudad li a{
			width:100%;
		}	

		ul.lista_cursos li {
			width: 100%;
		}
		
		ul.lista_cursos li a {
			display: block;
			width: 100%;
			height: inherit;
			border-radius: 5px;
			padding: 10px;
			vertical-align:bottom;
			font-weight: 900;
		}	
		
		ul.lista_cursos li a i {
			font-size: 25px;
			display: inline-table;
			padding-right:5px;
		}	

		ul.lista_cursos li a i.fa-usa {
			height: 25px;
			width: 30px;
			margin-right:5px;
		}

		
		.examinations .centrado .sello{
			padding:0px;
			width:100%;
			float:left;
		}	
		
		.noticias .centrado .noticia{
			float:left;
			width:300px;
			padding:0px;
		}	
		
		.colaboradores ul li{
			width:100%;
			float:left;
			text-align:center;
			padding-right:0px;
		}

    /**/

    .noticias h3,
    .noticias p{
      padding-left: 10px;
      padding-right: 10px;
    }

    /**/

    .testimonials-home .centrado .testi{
      flex-direction: column;
    }

    .testimonials-home .centrado .testi .testi-item{
      width: 100%;
      padding: 0px;
    }

    /**/

    .call_to_action_bar ul{
      flex-direction: column;
    }

    .call_to_action_bar ul li{
      border-bottom: 1px solid rgba(0,0,0,0.15);
      border-right: 0px;
    }

    /**/

    .content-block .item-block.sticker-with p{
      width: 100%;
    }

    .inner .content-block .extra_button{
      width: 100%;
      text-align: center;
    }

    .content-block .item-block .sticker{
      float: left;
      position: relative;
    }

    /**/
  
    .indice{
      width: 100%;
      padding: 0px;
      flex-direction: column;
    }

    .owl-prev{
      left: -20px;
    }

    .owl-prev{
      right: -15px;
    }

    .subindice{
      padding-left: 0px;
      padding-right: 0px;
      width: 100%;
    }

    .subindice ul li{
      width: 50%;
      float: left;
      margin: 0px;
      padding: 10px;
    }

    .subindice ul li a{
      width: 100%;
    }

    .subindice ul li a img{
      width: 100%;
    }

    /**/

    .service_item {
      left: initial;
    }

    .service_item .item{
      width: 100%;
      float: inherit;
    }

    .service_item .item a{
      display: block;
      width: 100%;
      height: inherit;
      border-radius: 5px;
      padding: 10px;
      vertical-align: bottom;
      font-weight: 900;
    }

    /**/

    #school.frame ul li span{
      width: 100%;
      top: 0px;
      left: 0px;
      padding: 5px;
    }

    /**/

    .person td{
      padding-left: 0px;
      padding-right: 10px;
    }

    .inner .person h4{
      line-height: initial;
    }

    /**/

    .post-list{
      width: 100%;
      padding-right: 0px;
    }

    .inner .entry-content{
      overflow: initial;
    }

    .columna-post-list{
      width: 100%;
    }

    .facebook-feed{
      padding: 0px;
    }

    /**/

    .extra_button2{
      width: 100%;
      text-align: center;
    }

    /**/

    ul.house_gallery li{
      float: left;
      width: 50%;
      margin-right: 0px;
      padding: 5px;
    }

    ul.house_gallery li img{
      width: 100%;
    }

    /**/

    .facebook-feed{
      padding: 0px !important;
    }

    /**/


	/*	
	.colaboradores ul li.miur{width:100%}
	.colaboradores ul li.ialc{width:100%}
	.colaboradores ul li.mybac{width:100%}
	.colaboradores ul li.csn{width:100%}
	.colaboradores ul li.eduitalia{ width:100%;}	
	*/

	.legal ul li{
		float:inherit;
		padding-right:0px;
	}

	.legal ul li a{
		margin-left:0px;
	}		

	.legal ul li:before{
		content:"";
	}
	
	.legal ul li:first-child{
	}

	.legal ul li:first-child:before{
		content:"";
	}	


	.normal .centrado .col_66{
		width: 100%;
	}
	
	
	.normal .centrado .col_33{
		width: 100%;
	}	

	.pie ul{
		border: 0px;
		padding: 0px;
	}

	.menu-pie-container,
	.menu-pie-german-container,
	.menu-pie-japanese-container,
	.menu-pie-spanish-container{
		width: 100%;
		margin-top: 20px;
	}

	.pie .menu-item-has-children > a.activo:after{
		display: none;
	}

	.pie ul li:nth-child(1),
	.pie ul li:nth-child(2),
	.pie ul li:nth-child(3) {
	    float: none;
	    width: 100%;
	}

	.pie ul li ul{
		padding-left: 0px;
	}


}

/* MOVIL VERTICAL */
@media (max-width:320px)  and (orientation: portrait){

}	

#page.active{
	position:fixed;
	top:0px;
	left:250px;
}

#page.active .idiomas{left:250px;}
#page.active .cabecera{left:250px;}	
/*
#page.active .carrusel{left:250px;}	
#page.active .escuelas-home{left:250px;}	
*/

.mobile-menu{
	position:fixed;
	z-index:100;
	top:0px;
	left:-275px;
	bottom:0px;
	width:275px;
	background-color:#0075bf;
	background-color:#fff;
	transition: all .2s ease-in-out;
}

.mobile-menu.active{
	position:fixed;
	top:0px;
	left:0px;
	bottom:0px;
	width:275px;
	background-color:#0075bf;
	background-color:#fff;
	text-transform:uppercase;
	overflow:scroll;
}

.mobile-menu > ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
	padding-top:70px;
	background-image: url("/wp-content/themes/piccola/css/logo.png");
	background-size: 165px auto;
	background-repeat:no-repeat;
	background-position:top 10px left 10px;
	width:275px;
	top:0px;
	left:0px;
}

.mobile-menu ul.sub-menu,
.mobile-menu ul.sub-menu ul.sub-menu,
.mobile-menu ul.sub-menu ul.sub-menu ul.sub-menu{
	display:none;
}	

.mobile-menu ul li{
	margin:0px;
	padding:0px;
	position:relative;
}

.mobile-menu ul > li:first-child{
	border-top:1px solid #fff;
}

.menu-item-has-children > a{
	position:relative;
  text-decoration: none;
}


.menu-item-has-children:hover > .sub-menu{
	display:block;
}

.menu-item-has-children .sub-menu .menu-item-has-children:hover > .sub-menu{
	display:block;
}

.menu-item-has-children .sub-menu .menu-item-has-children .sub-menu .menu-item-has-children:hover > .sub-menu{
	display:block;
}		



.mobile-menu ul li a{
	display:block;
	width:100%;
	width:inherit;
	padding:5px;
	color:#fff;
	border-bottom:1px solid #fff;
	text-decoration:none;
	background-color:#0075bf;
}	

.mobile-menu ul li a:hover{
	background-color:rgba(5,57,113,1.00);
}	

.mobile-menu ul li ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	
}

.mobile-menu ul li ul li{
	padding-left:10px;
	padding-left:0px;
}	

.mobile-menu ul li ul li a{
	background-color:rgba(121,121,121,1.00);
}

.mobile-menu ul li ul li a:hover{
	background-color:rgba(5,57,113,1.00);
}		

.mobile-menu ul li ul li ul li a{
	background-color:#0075bf;
}

.mobile-menu ul li ul li ul li ul li a{
	background-color:#0075bf;
}	


#page.active .cubre{
	display:block;
	width:100vw;
	height:100vh;
	background-color:rgba(0,0,0,0.80);
	z-index:120;
	position:fixed;
	top:0px;
	left:275px;
	transition: all .2s ease-in-out;
}

#page.active .cubre i{
	font-size:30px;
	color:#fff;
	margin-top:40px;
	margin-left:20px;
	cursor:pointer;
}	


.facebook-feed {
    margin-top: 20px;
    padding: 20px;
    /* background-color: #ccc; */
    background-color: #fff;
    display: block;
    clear: both;
    float: left;
    border: solid 1px #0075bf;
    border-radius: 5px;
}

.extra_sidebar_form{
	margin-top:20px;
	padding:20px;
	/*background-color:#ccc;*/
	background-color:#fff;
	background-color:#f2f2f2;
	width:100%;
	display:block;
	clear:both;
	float:left;
}

.cff-wrapper{
	padding:10px;
	background-color:#fff;
	font-weight:300;
}

#cff.cff-fixed-height{
	height:auto !important;
}

.cff-item{
	
}

.cff-media-link{
	display:none;
}	

#cff .cff-share-container{
	display:none;
}	

#cff .cff-post-links{
	display:block;
	width:100%;
	text-align:center;
}

#cff .cff-post-links a:first-child{
	display:block;
	width:100%;
	text-align:center;
	font-size:20px;
	padding:10px;
	background-color:#333;
	color:#fff;
	text-decoration:none;
}	

#cff .cff-post-links a:first-child:hover{
	background-color:#08489a;
}	

#cff .cff-author .cff-page-name.cff-author-date{
	color:#08489a;
}	

#cff.cff-default-styles .cff-expand a{
	text-decoration:underline;
	color:#08489a;
}	

p.cff-post-desc {
	display: none;
}	

.testify{
	top:80vh;
	right:20px;
	width:300px;
	position:absolute;
	background-color:rgba(255,255,255,0.80);
	z-index:111;
	padding:0px;
	box-shadow: 0 1px 10px #999;
}

.active.testify{
	position:fixed;
	top:120px;
	right:20px;
}

.minimize.testify{
	top:inherit;
	bottom:0px;
	position:fixed;
	box-shadow: 0 0px 0px #999;
}

.minimize.testify.active{
	top:inherit;
	bottom:10px;
}			

.testify h3{
	font-size:20px;
	padding:15px;
	padding-bottom:0px;
	color:#0075bf;
	font-weight:400;
}	

.minimize.testify h3{
	background-color:#0075bf;
	color:#fff;
	margin:0px;
	padding:15px;
	margin-bottom:0px;
	cursor:pointer;
	position:relative;
}

.minimize.testify.active h3{
	margin-bottom:15px;
}	

.minimize.testify h3:after{
	content:"\f065";
	display:block;
	position:absolute;
	top:15px;
	right:15px;
	font-family: 'FontAwesome';
}


.minimize.testify.active h3:after{
	content:"\f066";
	display:block;
	position:absolute;
	top:15px;
	right:15px;
	font-family: 'FontAwesome';
}	

.minimize.testify #new_testiomonials{
	display:none;
}

.minimize.testify .pages{
	display:none;
}	

.minimize.testify.active #new_testiomonials{
	display:block;
}

.minimize.testify.active .pages{
	display:block;
}		

.testify .frame{
	margin:15px;
	margin-bottom:0px;
	margin-top:0px;
}	
.testify .clearfix{
	
	overflow:hidden;
}	

.words{
	width:270px;
	float:left;
}

.words p{
	padding-bottom:15px;
	margin-bottom:0px;
	font-size: 16px;
	font-weight: 300;
	line-height: 21px;
}	

.words p:first-child:after{
	content:"'";}
	
	.words p:first-child:before{
		content:"'";
	}	
	
	.words p strong{
		font-weight:600;
	}	
	
	.alignleft{
		float: right;
		width: 50%;
    height: auto;
	}
	
	.alignright{
		float:left;
		width:50%;
	}		
	
	.alignleft a{
		background-color: #0075bf;
		border-radius: 5px;
		color: #fff;
		display: block;
		
		font-size: 16px;
		line-height: 18px;
		margin-right: 10px;
		padding: 10px;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
    border: 1px solid #0075bf;
	}	

	.alignright a{
		background-color: #0075bf;
		border-radius: 5px;
		color: #fff;
		display: block;
		font-size: 16px;
		line-height: 18px;
		margin-right: 10px;
		padding: 10px;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
    border: 1px solid #0075bf;
	}

	.alignleft a:hover,
	.alignright a:hover{
		text-decoration:none;
    border: 1px solid #0075bf;
    color: #0075bf;
		background-color: #fff;
	}


	.left .wpcf7-form{}

	.left .wpcf7-form span.span_col{
		float:left;
		width:50%;
	}

	.normal .centrado .left .wpcf7-form p span.span_col img{
		float:none;
	}	
	
#news {
    margin: auto;
    width: 1200px;
	}	

.accommodation{
	margin-bottom: 20px;
	}

/**/

div.wpcf7-response-output{
  margin: 0px;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid #f7e700;
    width: 100%;
    float: left;
}

/**/

.jumbotron h1 {
    text-align: center;
}
a.enrolbutton {
    width: 30%;
    height: 75px;
    background: #0075bf;
    margin: 5% 10%;
    color: white;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    font-size: 3em;
    letter-spacing: .4em;
    line-height: 1.5em;
    padding-left: .5em;
    border-radius: 10px;
}

.legal-table{
  width: 100%;
  margin-bottom: 20px;
}

.legal-table th,
.legal-table td{
  padding: 10px;
  text-align: center;
}

.legal-table th{
  background-color: #0075bf;
  color: #FFFFFF;
  font-weight: bold;
}

.legal-table tr:nth-child(even){
  background-color: rgba(0,0,0,0.07);
}

.testimonials-blocks li.trieste a{
  color: #c69607;
}

.testimonials-blocks li.tropea a{
  color: #469a8f;
}

.testimonials-blocks li.online a{
  color: #b89ec4;
}


/* button_bar */

.button_bar{
  display: block;
  float: left;
  width: 100%;
  position: relative;
  z-index: 100;
}

.button_bar.fixed{
  position: fixed;
  bottom: 0px;
}

.button_bar ul{
  padding: 0px;
  margin: 0px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.1)
}

.button_bar ul li{
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  display: flex;
  flex-grow: 2;
  background-color: rgba(255,255,255,1);
}

.button_bar ul li a{
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  background-repeat: no-repeat;
  background-position: left 13px center;
  padding-left: 75px; 
  color: #FFFFFF;
  font-size: 16px;
  text-decoration: none;
  border: 2px solid #FFFFFF;
  border-top: 4px solid #FFFFFF;
  border-bottom: 4px solid #FFFFFF;
  padding-top: 5px;
  padding-bottom: 5px;
  background-size: auto 80%;
  transition: all .2s ease-in-out;
  border-radius: 15px;
}

.button_bar ul li a:hover{
  text-decoration: none;
}

.button_bar ul li:last-child a{
  border-right: 4px solid #FFFFFF;
  
}

.button_bar ul li:first-child a{
  border-left: 4px solid #FFFFFF;
}

.button_bar ul li a.enrol{
  background-image: url(/wp-content/themes/piccola/css/calendar.png);
  background-color: #e50076;
}

.button_bar ul li a.contact{
  background-image: url(/wp-content/themes/piccola/css/envelope.png);
  background-color: #143b65;
}

.button_bar ul li a.quote{
  background-image: url(/wp-content/themes/piccola/css/calculator.png);
  background-color: #0075bf;
}

.button_bar ul li a.trieste{
  background-image: url(/wp-content/themes/piccola/css/calculator.png);
  background-color: #c69607;
}

.button_bar ul li a.tropea{
  background-image: url(/wp-content/themes/piccola/css/calculator.png);
  background-color: #469a8f;
}

.button_bar ul li a.enrol:hover{
  background-color: #f5b4ca;
}

.button_bar ul li a.contact:hover{
  background-color: #95c6ec;
}

.button_bar ul li a.quote:hover{
  background-color: #63a1d4;
}

.button_bar ul li a.trieste:hover{
  background-color: #ebc241;
}

.button_bar ul li a.tropea:hover{
  background-color: #86cbc4;
}

.button_bar ul li a strong{
  display: block;
  font-weight: bold;
}

.button_bar ul li a span{}

@media (max-width:414px){

  .button_bar ul li a{
    height: 50px;
    background-position: center;
  }
  .button_bar ul li a strong,
  .button_bar ul li a span{
    display: none;
  }
}

.trieste p a{
  color: #c69607; /* 17c�����Ƶ */
}

.tropea p a{
  color: #6d9a8e /* TROPEA */
 } 

 .online p a{
  color: #b89ec4 /* ONLINE */
 } 


.postid-21526 #lenguages,
.postid-21466 #lenguages{
  display: none;  
}

.again{
  cursor: pointer;
}

#gdpr-cookie-message{
  position: fixed;
  bottom: 0px;
  z-index: 101;
  background-color: #e50076;
  border-top: 1px solid rgba(255,255,255,1);
  color: rgba(255,255,255,1);
  padding: 20px;
}
 
#gdpr-cookie-message h4{
  text-transform: uppercase;
  padding-bottom: 10px;
  font-size: 15px;
}

#gdpr-cookie-message p{
  line-height: 1.3em;
  font-size: 14px;
}

#gdpr-cookie-message a{
  color: rgba(255,255,255,1);
}

#gdpr-cookie-types{
  padding: 20px 0px;
}

#gdpr-cookie-types h5{
  text-transform: uppercase;
  padding-bottom: 10px;
}

#gdpr-cookie-types ul{
  list-style-type: none;
  display: flex;
}

#gdpr-cookie-types ul li{
  padding: 0px 10px;
}

#gdpr-cookie-message p:last-of-type{
  display: flex;
  justify-content: space-between;
  padding-top: 20px;

}

#gdpr-cookie-message button{
  padding: 10px 20px;
  border-radius: 0px;
  border: 0px;
  text-transform: uppercase;
  font-size: 14px;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  cursor: pointer;
  border: 1px solid rgba(255,255,255,1);
  color: rgba(255,255,255,1);
  background-color: rgba(0,0,0,0);
  -webkit-appearance: none;
  transition: all .2s ease-in-out;
}

#gdpr-cookie-message button:first-of-type:hover{
  background-color: rgba(0,0,0,0);
}

#gdpr-cookie-message button:last-of-type{
  margin-left: 20px;
  padding: 0px;
  border: 0px;
  text-decoration: underline;
  font-size: 12px;
}

#gdpr-cookie-message label{
  cursor: pointer;
}

#gdpr-cookie-accept{}

#gdpr-cookie-advanced{}

@media (max-width: 414px){

  #gdpr-cookie-types{
    padding-bottom: 0px;
  }
  
  #gdpr-cookie-types h5{
    margin:0px;
  }

  #gdpr-cookie-types ul{
    flex-direction: column;
    margin: 0px;
    padding: 0px;
  }

}


#post-18144,#post-18852,#post-18851,
#post-18142,#post-36230,#post-22770{
	padding-top: 100px !important;
	padding-bottom: 100px !important;
}