html 					{ width:100%; font-family:'quattrocento', Serif; }
body 					{ width:100%; }

h1 						{ font-weight:normal; font-family:'quattrocento', Serif; font-size: 20px; color:black; }
h2 						{ font-weight:normal; font-family:'quattrocento', Serif; font-size: 16px; color:black; }
nav a 					{ font-family:'quattrocento', Serif; font-size: 15px; color:black; text-decoration:none; }
a 						{ font-family:'quattrocento', Serif; font-size: 13px; color:black; text-decoration:none; }
a:hover 				{ color:rgb(207,164,87); }
p 						{ font-family:'quattrocento', Serif; font-size: 13px; color:black; line-height: 18px; }



/*MENU*/
hr 										{ margin:10px 0 25px 0; border:0; height:1px; background-color:rgb(207,164,87); }
header 									{ z-index:3; position:fixed; top:0; width:100%; height:170px; background-color: rgb(255,255,255); text-align:center; }
header nav								{ width:90%; max-width:950px; height:170px; margin:0 auto; }
.menuLeftUl, .menuRightUl 				{ display:inline-block; width:35%; vertical-align:top; margin-top:75px; }
.menuLeftUl								{ text-align:left; float:left; }
.menuRightUl							{ text-align:right; float:right; }
#logoImg								{ width: 200px; margin-top: 25px; }
.menuLeftUl li, .menuRightUl li 		{ display:inline-block; }
.menuDivider 							{ font-size:13px; vertical-align:baseline; margin:10%; }
.menuMobile 							{ display:none; }

@media screen and (max-width:1010px) {
	.menuDivider 						{ margin:5%; }
}
@media screen and (max-width:900px) {
	.menuLeftUl, .menuRightUl			{ width:200px; margin-top:60px; }
	.menuLeftUl li, .menuRightUl li 	{ display:block; margin-bottom:20px; }
	.menuDivider 						{ display:none; }
}
@media screen and (max-width:700px) {
	.menuLeftUl, .menuRightUl 	{ display:none; }
	.menuMobile 				{ display:block; width:200px; margin:30px 0 0 200px; text-align: left; }
	.menuMobile li 				{ margin-top:15px; }
	header nav 					{ width:350px; }
	.menuMobile a 				{ font-size:13px; }
	#logoImg					{ width:150px; margin-top: 15px; float:left; }
}
@media screen and (max-width:400px) {
	.menuMobile 				{ display:block; width:200px; margin:30px 0 0 50%;}
	.menuMobile li 				{ margin-top:15px; }
	header nav 					{ width:350px; }
	.menuMobile a 				{ font-size:13px; }
	#logoImg					{ width:130px; margin-top: 20px; margin-left:15px; float:left; }
}

/*MENU AFTER SCROLL*/
header 					{ transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
.headerSmall 			{ top:-175px; }
.pushMenu				{ z-index:2; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; text-align:center; position:fixed; width:120px; height:40px; background-color:transparent; background-image:url(../_gi/menu.png); left:50%; margin-left: -60px; top:-40px; cursor:pointer; }
.pushMenuScroll			{ top:0; }



/*START*/
.fullSlider 			{ width:100%; top:170px; }

/*CONTENTS*/
#mapa, #mapa2	     	{ width:100%; height:350px;}

.contents 				{ position:relative; width:90%; max-width:950px; margin:0 auto; }

.sectionFooter			{ width:80%; max-width:300px; margin:0 auto; text-align: center; }
.leftLine 				{ width:35%; height:1px; margin-top:30px; margin-right:5%; background-color:rgb(207,164,87); float:left; }
.rightLine 				{ width:35%; height:1px; margin-top:30px; margin-left:5%; background-color:rgb(207,164,87); float:right; }
.sectionFooter img 		{ width:10%; margin:5%; }
.sectionFooter p 		{ margin-top:10px; line-height: 20px; }
.plainTxt {
        column-gap: 60px;
        -webkit-column-count: 2; /* Saf3, Chrome*/
        -webkit-column-gap: 60px; /* Saf3, Chrome*/
        -moz-column-count: 2; /* FF3.5+ */
        -moz-column-gap: 60px; /* FF3.5+ */
        column-count: 2; /* Opera 11+*/
        column-gap: 60px; /* Opera 11+*/
}
@media screen and (max-width: 700px) {
	.plainTxt { -webkit-column-count: 1; /* Saf3, Chrome*/  -moz-column-count: 1; /* FF3.5+ */  column-count: 1; /* Opera 11+*/ }
}

.section1Slider 	{ width:100%; }
.section3Slider 	{ width:100%; }
.section4Slider 	{ width:100%; }
.contactsImage  	{ width:100%; position:relative; top:-180px; z-index:-1; margin-bottom: -80px; }
@media screen and (max-width: 700px) {
	.contactsImage { top:-70px; margin-bottom: -10px; }
}





/*FOOTER*/
footer 					{ position:relative; width:200px; margin:0 auto; text-align:center; }
footer img 				{ position:relative; top:-50px; width:50px }
@media screen and (max-width: 700px) {
	footer img 				{ top:-35px; width:30px }
}
footer p 				{ position:relative; top:-25px; }





/*TRUQUES*/
.clear 					{ clear:both; }
.displayBlock			{ display:block; }
.height50 				{ height:50px; }
.height100 				{ height:100px; }
.height150 				{ height:150px; }
.height200 				{ height:200px; }
.height250 				{ height:250px; }





/*GALLERIES*/
.responsiveHeight             { height:430px; width:100%; max-width: 2000px; margin:0 auto 100px; padding-bottom:0px; position: relative; overflow: visible; }
.responsiveHeight > .inner    { position:absolute; width:100%; height:100%; }
.iosSlider1 { position: relative; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; }
.iosSlider1 .slider { width: 100%; height: 100%; }
.iosSlider1 .slider .slide { float: left; width: 100%; }
.iosSlider1 .slider .slide img { width: 100%; }

.sliderNavigationLeft, .sliderNavigationRight 	{ position:absolute; z-index:1; width:55px; height:55px; top:193px; }
.sliderNavigationLeft2, .sliderNavigationRight2 { position:absolute; z-index:1; width:55px; height:55px; top:245px; }

.sliderNavigationLeft, .sliderNavigationLeft2			{ left:0; background:url(../_gi/arrowleft.png) no-repeat; background-size:100%; }
.sliderNavigationRight, .sliderNavigationRight2			{ right:0; background:url(../_gi/arrowright.png) no-repeat; background-size:100%; }




.responsiveHeight2             { height:545px; width:100%; max-width: 2000px; margin:0 auto; padding-bottom: 0; position: relative; overflow: visible; }
.responsiveHeight2 > .inner    { position:absolute; width:100%; height:100%; }

.iosSlider2 { position: relative; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; }
.iosSlider2 .slider { width: 100%; height: 100%; }
.iosSlider2 .slider .slide { float: left; width: 100%; }
.iosSlider2 .slider .slide img { width: 100%; }

.iosSlider3 { position: relative; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; }
.iosSlider3 .slider { width: 100%; height: 100%; }
.iosSlider3 .slider .slide { float: left; width: 100%; }
.iosSlider3 .slider .slide img { width: 100%; }




@media screen and (max-width: 1100px) {
	.responsiveHeight           	  { height:420px; }
	.sliderNavigationLeft, .sliderNavigationRight 		{ top:198px; }				/* ARROWS */
}
@media screen and (max-width: 990px) {
	.responsiveHeight           	  { height:370px; }
	.sliderNavigationLeft, .sliderNavigationRight 		{ width:50px; height:50px; top:160px; }
}
@media screen and (max-width: 700px) {
	.responsiveHeight           	  { height:300px; }
	.sliderNavigationLeft, .sliderNavigationRight 		{ width:45px; height:45px; top:127px; }
}
@media screen and (max-width: 550px) {
	.responsiveHeight             	{ height:215px; }
	.sliderNavigationLeft, .sliderNavigationRight 		{ width:40px; height:40px; top:87px; }
}
@media screen and (max-width: 400px) {
	.responsiveHeight             	{ height:215px; }
	.sliderNavigationLeft, .sliderNavigationRight 		{ width:35px; height:35px; top:90px;}
}




@media screen and (max-width: 1010px) {
	.responsiveHeight2           	  { height:485px; }
	.sliderNavigationLeft2, .sliderNavigationRight2 	{ top:215px; }
}
@media screen and (max-width: 900px) {
	.responsiveHeight2          	  { height:380px; }
	.sliderNavigationLeft2, .sliderNavigationRight2 	{ width:50px; height:50px; top:165px; }
}
@media screen and (max-width: 700px) {
	.responsiveHeight2          	  { height:300px; }
	.sliderNavigationLeft2, .sliderNavigationRight2 	{ width:45px; height:45px; top:127px; }
}
@media screen and (max-width: 550px) {
	.responsiveHeight2             	{ height:220px; }
	.sliderNavigationLeft2, .sliderNavigationRight2 	{ width:40px; height:40px; top:90px; }
}
@media screen and (max-width: 400px) {
	.responsiveHeight2             	{ height:215px; }
	.sliderNavigationLeft2, .sliderNavigationRight2 	{ width:35px; height:35px; top:90px; }
}
@media screen and (max-width: 330px) {
	.responsiveHeight2             	{ height:215px; }
	.sliderNavigationLeft2, .sliderNavigationRight2 	{ width:35px; height:35px; top:65px;}
}