@font-face {
  font-family: 'Bodoni-PosterItalic';
  src: url('Bodoni-PosterItalic.eot?#iefix') format('embedded-opentype'),  url('Bodoni-PosterItalic.otf')  format('opentype'),
	     url('Bodoni-PosterItalic.woff') format('woff'), url('Bodoni-PosterItalic.ttf')  format('truetype'), url('Bodoni-PosterItalic.svg#Bodoni-PosterItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}

div#divRecomendaciones p.w3-large.w3-center.w3-padding-16 {
    font-family: Bodoni-PosterItalic, sans-serif;
    color: #5b031d;
    font-style: normal;
    font-size: 36px!important;
}

div#Servicios p {
    width: 700px;
}

div#Inicio {
    padding-bottom: 125px;
}

div#divRecomendaciones .w3-wide {
    letter-spacing: normal;
    font-size: 23px;
}

div#pServicePersonal p {
    width: 200px!important;
    padding-top: 45px;
}

div#pServiceGastronomia p {
    width: 200px!important;
    padding-top: 36px;
    padding-left: 10px;
}

div#divServicePersonal h3 {
    margin-left: 18px;
    width: 220px;
}

div#divServiceGastronomia h3 {
    margin-left: 18px;
    width: 220px;
}

div#divServiceDecoracion h3 {
    margin-left: 18px;
    width: 220px;
}

div#divServiceAudio h3 {
    margin-left: 18px;
    width: 220px;
}

div#Servicios h3 {
    text-transform: lowercase;
    font-size: 19px;
}

div#divSalon {
    padding-bottom: 60px;
}

div#divEmpresariales {
    padding-bottom: 60px;
}

span.w3-xxlarge.w3-text-white.w3-wide {
    letter-spacing: 1px;
}

div#divRecomendaciones p {
    margin-bottom: 0;
}

div#pServiceDecoracion p {
    width: 200px!important;
    padding-top: 37px;
    padding-left: 16px;
}

div#divBarbacoa {
    padding-bottom: 60px;
}

div#Salones p {
    margin-bottom: -1px;
}

div#divMarcasConfiaronNosotros h3 {
    padding-bottom: 23px;
}

div#Salones .w3-padding-65 {
    padding-top: 10px!important;
}

.w3-col.m2.divColumnMarcasConfiaron.ultima {
    border-right: 0;
}

div#nuestrasMarcas {
    padding-top: 0px!important;
    margin-top: -7px;
}

div#Promociones {
    padding-top: 37px;
}

div#pServiceAudio p {
    width: 200px!important;
    padding-top: 18px;
    padding-left: 10px;
    margin-block-end: 0;
}

div#divRecomendaciones .w3-dark-grey {
    background-color: #5b031d!important;
}

div#myCarousel_Inicio {
    overflow: hidden;
}

.Video{ width: 100%;}
.spacing {width:50px;}
#Inicio_Gracias {background-image: url('Images/Imagen2.jpg'); color:black; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; font-family: "Lato", sans-serif; height:100%; width:100%;}
#Volver {padding: 10px; border-radius: 10px; font-weight: bold; background-color: transparent;font-size: x-large;}
#Volver:hover {background-color:white}
#video{height: 100%; position: fixed; width: 100%;}
a {text-decoration: none;}
.class {
}

.w3-bar {
    background-color: #313C4C;
    display: block;
    background-image: url(Images/Logo_White.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 85px;
}

.top-bar-items {
    display: flex;
    float: left;
    padding-left: 25px;
}

.top-bar-redes {
    display: inline;
    float: right;
    padding-right: 40px;
}


.w3-btn, .w3-button {
    background-color: #313C4C;
}

.w3-col.m2.divColumnMarcasConfiaron p {
    width: initial;
}

p.w3-wide {
    width: initial;
}

iframe#maps {
    margin-top: 23px;
}

div#Contacto .w3-large.w3-margin-bottom {
    line-height: 40px;
    vertical-align: text-bottom;
}



div#Contacto .w3-large.w3-margin-bottom img {
    padding-right: 10px;
    margin-top: -4px;
}

div#divRecomendaciones img {
    vertical-align: text-top;
    height: 19px;
    width: 19px;
    margin-right: 1px;
}

div#divForm button.w3-button.w3-black.w3-right.w3-section {
    background-color: #313c4c!important;
}

div#divForm button.w3-button:hover {
    color: #ffffff!important;
    background-color: #f0e6cb!important;
    height: initial!important;
    text-decoration: initial!important;
}

.top-bar-redes .w3-button:hover {
    background-color: #313c4c!important;
}

.top-bar-redes .w3-button img:hover {
    opacity: 1;
    transform: scale(1);
    -webkit-transition: ease;
    transition: ease;
}

.top-bar-redes .w3-bar-item {
    padding: 8px 9px!important;
    padding-top: 27px!important;
}

.top-bar-redes .w3-button img {
    opacity: 0.90;
    transform: scale(0.95);
    -webkit-transition: ease;
    transition: ease;
}

.top-bar-redes .w3-button img:hover {
    opacity: 1;
}

div#Servicios p {
    width: inherit;
}

div#Contacto p {
    width: initial;
}

footer.w3-center.w3-black.w3-padding-64.w3-opacity.w3-hover-opacity-off {
    background-color: #181e26!important;
}

footer.w3-center.w3-black.w3-padding-64.w3-opacity.w3-hover-opacity-off:hover {
    opacity: 1;
}

.w3-button:hover {
    color: #313c4c!important;
    background-color: #ccc!important;
    height: 85px!important;
    text-decoration: initial!important;
}

img#logoSalonColonianMenu {
    margin-top: 10px;
    margin-bottom: 10px;
}

.w3-bar .w3-button {
    white-space: normal;
    padding-top: 29px;
}

body, h1, h2, h3, h4, h5, h6 {
    font-family: Bodoni-PosterItalic, sans-serif;
    color: #313c4c;
    font-style: normal;
}

.w3-wide {
    letter-spacing: normal;
    font-family: 'Bodoni-PosterItalic', sans-serif;
    text-transform: lowercase;
}

h1, h2, h3, h4, h5, h6 {
    text-transform: lowercase;
}

body, html {
    height: 100%;
    color: #0c0c0;
    line-height: 1.6;
    font-size: 16px;
    font-family: 'Quicksand', sans-serif;
    font-style: normal!important;
}

div#divEmpresariales h1.w3-center {
    letter-spacing: -1px;
}

p {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
}

em {
    font-style: normal;
}

/* Create a Parallax Effect */
.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-20, .bgimg-21, .bgimg-22, .bgimg-23, .bgimg-2221, .bgimg-2222, .bgimg-2223  { background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;}
    
.bgimg-20{ background-image: url('Images/cabezal/01.jpg'); min-height: 1000px;  width:100%;  height:100%;} 
.bgimg-21{ background-image: url('Images/cabezal/02.jpg'); min-height: 1000px; opacity:0.9;  width:100%; height:100%;} 
.bgimg-22{ background-image: url('Images/cabezal/03.jpg'); min-height: 1000px; opacity:0.9; width:100%; height:100%;} 
.bgimg-23{ background-image: url('Images/cabezal/04.jpg'); min-height: 1000px; opacity:0.9;  width:100%; height:100%;} 
.bgimg-2221{ background-image: url('Images/cabezal/05.jpg'); min-height: 1000px; opacity:0.9;  width:100%; height:100%;} 
/*bgimg-2222{ background-image: url('Images/cabezal/06.jpg'); min-height: 1000px; opacity:0.9;  width:100%; height:100%;} cambiar´por otra imagen*/ 
.bgimg-2223{ background-image: url('Images/cabezal/07.jpg'); min-height: 1000px; opacity:0.9;  width:100%; height:100%;} 
.bgimg-2 { background-image: url('Images/Salones.jpg');min-height: 400px;} /* SERVICIOS */
.bgimg-3 { background-image: url('Images/Contact.jpg');min-height: 400px;}/*  CONTACTOS */
.bgimg-4 { background-image: url('Images/Europa.jpg'); min-height: 400px;}/*  PROMOCIONES */
#divLogoFondo4 {margin-top:20px}
.w3-wide {letter-spacing: 10px;}
.w3-hover-opacity {cursor: pointer}
.w3-hover-opacity:hover {opacity:0.8}

@media only screen and (max-device-width: 1024px) {.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4 { background-attachment: scroll;}}/* Turn off parallax scrolling for tablets and phones */
    
.scroll-top {width: 45px; height: 42px; display: none; text-indent: -9999px; z-index: 1000; background-image: url('Images/Arrow_White.png');opacity: 0.7; margin:auto}
.scroll-top:hover {  opacity: 1.0; }
.logoMarcas {opacity:0.8}
.logoMarcas:hover {opacity:1.0}
#nuestrasMarcas { padding-left: 100px;}
.divPizarrones {background-image: url('Images/Fondo_Pizarrones.jpg');}
#Cocina, #Parrilla { background-image: url('Images/Logo_Black.png');background-position:bottom right; background-repeat:no-repeat; background-color:beige; color: firebrick; font-family: "Inconsolata", sans-serif;}
#logoSalonColonianMenu {width: 250px; height:65px;}
#divViajeEuropa {opacity:1.0}
.divColumnMarcasConfiaron {border-right: 1px solid #e8d2d2;}

/*------ ICON DROP ----*/
.vcwiko_icon_drop_msg{
	text-align: center;
	overflow: hidden;
	position: relative;
	display: block;
	width: 100%;
	margin: 52px 0 50px;
	min-height: 320px;
    min-height: 270px;
}


#logoInicio {width: 600px;}


.vcwiko_icon_drop_msg .image{
		width: 200px;
		height: 200px;
		position: absolute;
		top: 0;
		left: 50%;
		padding-top: 50px;
		text-align: center;
		margin-left: -100px;
		opacity: 1;
	}	
.vcwiko_icon_drop_msg .image2{
		width: 200px;
		height: 200px;
		position: absolute;
		top: 0;
		left: 50%;
		padding-top: 50px;
		text-align: center;
		margin-left: -100px;
		opacity: 1;     
	}	
.vcwiko_icon_drop_msg .image3{
		width: 200px;
		height: 200px;
		position: absolute;
		top: 0;
		left: 50%;
		padding-top: 50px;
		text-align: center;
		margin-left: -100px;
		opacity: 1;    
	}	
.vcwiko_icon_drop_msg .image4{
		width: 200px;
		height: 200px;
		position: absolute;
		top: 0;
		left: 50%;
		padding-top: 50px;
		text-align: center;
		margin-left: -100px;
		opacity: 1;
	}	
.vcwiko_icon_drop_msg .image img{width: 220px; height: auto;}
.vcwiko_icon_drop_msg .image2 img{ width: 220px; height: auto;}
.vcwiko_icon_drop_msg .image3 img{width: 220px; height: auto;}
.vcwiko_icon_drop_msg .image4 img{width: 220px; height: auto;}

	.vcwiko_icon_drop_msg.hover .image{
		top: -100px;
		opacity: 0;
	}
	.vcwiko_icon_drop_msg h3{
		width: 100%;
		text-align: center;
		position: relative;
		top: 0;
		left: 0;
		text-transform: uppercase;
		font-weight: 200;
		font-size: 15px;
	}
	.vcwiko_icon_drop_msg .content{
		opacity: 1;
		width: 100%;
		position: absolute;
		top: 240px;
		left: 0;
		font-size: 13px;
		transition: 0.3s ease-in;
	}
	.vcwiko_icon_drop_msg.hover .content{
		top: 0;
	}


/*Modal*/
 
.main {
	width:90%;
	max-width:1000px;
	margin:20px auto;
}
 
.slides {
	width:100%;
}
 
.slides img {
	width:100%;
}
 
.slidesjs-pagination {background-color:transparent; list-style:none;overflow:hidden;}
.slidesjs-pagination li a:hover {background-color:transparent;}
 
.slidesjs-pagination li {
	float:left;
}
 
.slidesjs-pagination li a {
	display:block;
	padding:10px 20px;   
	color:#fff;
	text-decoration:none;
}
 

 
.slides .active {
	background:#000;
}
 
.slidesjs-navigation{ margin-top: 15px; background-color:transparent; color:#fff; text-decoration:none; display:inline-block; padding:10px 20px;float:right;}

.show-Mobil {
    visibility: hidden;
    display: none;
}
.MypaddingTop {padding-top:65px;}
#divMarcasConfiaronNosotrosMobil {display:none}/*La diferencia con visibility: hidden es que no te ocupa el lugar en la pagina*/
.certifications-grid{display:none}
/*Mobile*/
@media(max-width:768px) {
    #myCarousel_Inicio{visibility: hidden; height: 0px;}
    .hide-Mobil {display:none}
    #nuestrasMarcas { padding-left: 0px;}
.show-Mobil {
    visibility: visible;
    display: inherit;
}
    #divSalon {padding-top:64px!important; }
    #divEmpresariales{padding-top:64px!important;padding-bottom:64px!important}
    .bgimg-20{ background-image: url('Images/Salon_6.jpg');  width:auto; height:auto; } 
    .bgimg-21{ background-image: url('Images/Barbacoa_01.jpg'); width:auto; height:auto;} 
    .bgimg-23{ background-image: url('Images/Evento_1.jpg'); width:auto; height:auto;}
    #divMarcasConfiaronNosotros{display:none}
    #divMarcasConfiaronNosotrosMobil {display: block}
    #nuestrasMarcas {display:none}
    
    .certifications-grid {display: flex; flex-flow: row nowrap; justify-content: space-between;}
    .certification-item {flex: 0 0 20%;}   

p {
    width: initial;
    margin-left: auto;
    margin-right: auto;
}


    .removePaddingServiciosMobil{height:265px;}
    .marginBottomMobil {margin-bottom:110px;
    }
}