﻿
body {background:#ffffff;}
html {overflow-x:hidden;}

@font-face {font-family:'IconWeb'; font-weight:400; font-style:normal; src:url('modulos/IconWeb.woff') format('woff');}
@font-face {font-family:'GothNw';  font-weight:600; font-style:normal; src:url('fuentes/GothNw-B.woff') format('woff');}

@font-face {font-family:'Gotham'; font-weight:200; font-style:normal; src:url('fuentes/Gotham-L.woff') format('woff');}
@font-face {font-family:'Gotham'; font-weight:200; font-style:italic; src:url('fuentes/Gotham-LI.woff') format('woff');}
@font-face {font-family:'Gotham'; font-weight:400; font-style:normal; src:url('fuentes/Gotham-N.woff') format('woff');}
@font-face {font-family:'Gotham'; font-weight:400; font-style:italic; src:url('fuentes/Gotham-NI.woff') format('woff');}
@font-face {font-family:'Gotham'; font-weight:600; font-style:normal; src:url('fuentes/Gotham-B.woff') format('woff');}
@font-face {font-family:'Gotham'; font-weight:600; font-style:italic; src:url('fuentes/Gotham-BI.woff') format('woff');}
@font-face {font-family:'Gotham'; font-weight:800; font-style:normal; src:url('fuentes/Gotham-EB.woff') format('woff');}
@font-face {font-family:'Gotham'; font-weight:800; font-style:italic; src:url('fuentes/Gotham-EBI.woff') format('woff');}

@font-face {font-family:'Lato'; font-weight:200; font-style:normal; src:url('fuentes/Lato-L.woff') format('woff');}
@font-face {font-family:'Lato'; font-weight:200; font-style:italic; src:url('fuentes/Lato-LI.woff') format('woff');}
@font-face {font-family:'Lato'; font-weight:400; font-style:normal; src:url('fuentes/Lato-N.woff') format('woff');}
@font-face {font-family:'Lato'; font-weight:400; font-style:italic; src:url('fuentes/Lato-NI.woff') format('woff');}
@font-face {font-family:'Lato'; font-weight:600; font-style:normal; src:url('fuentes/Lato-B.woff') format('woff');}
@font-face {font-family:'Lato'; font-weight:600; font-style:italic; src:url('fuentes/Lato-BI.woff') format('woff');}
@font-face {font-family:'Lato'; font-weight:800; font-style:normal; src:url('fuentes/Lato-EB.woff') format('woff');}
@font-face {font-family:'Lato'; font-weight:800; font-style:italic; src:url('fuentes/Lato-EBI.woff') format('woff');}


/* ---------------------------- ESTILOS MUY IMPORTANTES --------------------------------------- */

* {margin:0; padding:0; text-decoration:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; position:relative;}
#arriba, #arriba img, #relacionados-misma-cat, #login-user-clasica, #login-user-clasica input, #login-user-clasica div, .owl-prev, .owl-next, .relacionados-ficha {
	-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
#arriba, #arriba img {transition:none; -webkit-transition:none; -moz-transition:none; -o-transition:none; -ms-transition:none;}

button {outline:none;}
table {border-collapse:collapse; border:none;}
td, th {text-align:left; vertical-align:top;}
input, textarea {padding:5px; border:1px solid rgba(0,0,0,0.2); background:rgba(0,0,0,0.02);}
fieldset {padding:10px; border-radius:10px;}
fieldset input {background:#ffffff;}
select {padding:3px;}
.MsoNormal, th {color:#000;}
.highslide-caption {margin-top:15px}
img {border:0px; display:inherit;}
.site-content ul, .site-content ol {margin-left:20px;}

BODY, A {font-family:'Lato', Arial, Helvetica, sans-serif; font-weight:200;}
A       {color:#636363;}
A:hover {color:#000000;}


/* -------------------------------- CABECERAS --------------------------------------------- */

.noWeb, .escondido {display:none;}
#cabeceraClasica {display:block;}
#cabeceraMovil   {display:none;}
.inactivo {opacity:0.5; pointer-events:none;}

#cabeceraClasica {width:100%; height:120px; margin:auto; top:0; background:#ffffff; box-shadow:0px 0px 10px rgba(0,0,0,0.5); position:fixed; z-index:99;}

.capaLogo {margin-top:30px; left:3%; position:absolute;}
	.logoImagen img {height:60px;}

.cabeceraMenu {width:800px; height:60px; margin-top:40px; right:3%; position:absolute;}
   	ul.navClas {float:right;}
   	.navClas ul {margin-top:3px; margin-left:50px;}
	.navClas > li {float:left; z-index:999;}
	.navClas li {margin:0px 15px; list-style:none; position:relative;}
	.navClas li a {padding:0px 0px; margin:20px 0px 0px; color:#777777; font:200 20px 'Lato', Arial; line-height:40px; text-transform:uppercase; display:block;}
	.navClas li a:hover {color:#000000;}
	/*-------------------------------------------------------------------------------------*/
	.navClas li li {margin:0px; left:0; text-align:center;}
	.navClas li ul {padding-top:0px; margin:0px; width:220px; box-shadow:0px 0px 10px rgba(0,0,0,0.5); display:none; position:absolute;}
	.navClas li li a {margin:0px; padding:8px 10px; color:#636363; border-bottom:solid 3px #ffffff; background:#ffffff;}
	.navClas li li a:hover {color:#000000; border-bottom:solid 3px #000000; background:#dddddd;}
	.navClas li:hover > ul {display:block;}
	.navClas li ul li ul {right:-222px; top:0;}	
	
	.lineaMenu {width:0%; height:3px; margin:55px 0px 0px 0px; position:absolute; background:#000000;
		transition:0.3s ease; -moz-transition:0.3s ease; -webkit-transition:0.3s ease; -o-transition:0.3s ease;}
	.cabeceraMenu li:hover .lineaMenu {width:70%;}

.cabzRedes {width:140px; margin:10px 0px 0px 0px; right:3%; text-align:center; position:absolute;}
	.links {margin:0px 2px; text-align:left; float:none; display:inline;}
	.links img {height:25px; vertical-align:middle;}	


/* -------------------------------- CUERPO --------------------------------------------- */

#cuerpo {margin:120px auto auto auto; text-align:left; font-size:18px; line-height:22px;}
#cuerpo ul, #cuerpo ol {margin-left:20px;}

.capaGaleria  {}
.capaCuerpo   {width:1000px; margin:auto;}
.capaCuerpo p {margin-bottom:10px;}
.capa1000     {width:1000px; margin:auto;}
.capa1000 img {max-width:100%;}

.videoYoutube {position:relative; height:0; overflow:hidden; box-shadow:0px 0px 10px rgba(0,0,0,0.5);}
.videoYoutube iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.video_11-5 {padding-bottom:46%;}
.video_16-9 {padding-bottom:56.25%;}
.video_4-3  {padding-bottom:75%;}

.capaFlexTop  {display:flex; flex-wrap:wrap; justify-content:center;}
.capaFlexCen  {display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.capaFlexLeft {display:flex; flex-wrap:wrap; align-items:center;}

.carritoVacio {width:1000px; margin:40px auto; text-align:center;}
#contenedor-general {width:1000px; margin:40px auto;}


/* ---------------------------------  PIE  -------------------------------------------- */	

#separata {height:40px; margin:auto; clear:both; background:#ffffff;}

#pie {width:100%; margin:auto;}

.fondoPie {background:#ffffff;}

.pie-contenedor {width:1000px; margin:auto;}
	.pie-contenedor, .pie-contenedor a {font:normal 15px 'Lato', Arial, Helvetica, sans-serif; line-height:22px; color:#000000;}	
	.pie-contenedor a:hover {color:#636363;}
	
	.pieLogo img {width:200px; margin-top:10px;}
	.pieBodaMas img {width:150px; margin:-5px 0 0 40px;}
	
	.pie-titular {padding-bottom:15px; font:bold 19px 'Lato', Arial, Helvetica, sans-serif; line-height:19px; text-transform:uppercase; color:#636363;}

	.pie-bloque {width:280px; margin:0px 20px; padding:20px 0px 20px 25px; text-align:left; border-left:solid 1px #999999; float:left; display:block;}
		.pie-bloque p {margin:0px 0px 5px 0px;}

	.pie-menu a {text-transform:uppercase; color:#000000;}
	.pie-menu a:hover {color:#636363;}
	.pieTopo {color:#636363; font-weight:bold; font-size:18px;}
	
	.pieDatos {margin-top:5px;}
	.pieInfo {padding-left:30px; min-height:24px; padding-bottom:10px;}
	.pieDire {background:url(images/iconos/pieDireccion.svg) no-repeat top left;}
	.pieTele {background:url(images/iconos/pieTelefono.svg) no-repeat top left;}
	.pieFax  {background:url(images/iconos/pieFax.svg) no-repeat top left;}
	.pieMail {background:url(images/iconos/pieMail.svg) no-repeat top left;}

	.pieRedes {width:100%; margin-top:25px; text-align:center;}
		.links-pie {margin:0px 8px 0px 0px; text-align:left; float:none; display:inline;}
		.links-pie img {height:40px; vertical-align:middle;}	

	#post-blog {width:265px; margin:0px 0px 0px 15px;}
		.ultimos-post-titulo {margin:10px 0px 0px 0px;}
		.ultimos-post-titulo a {color:#636363; font:400 18px 'Lato', Arial, Helvetica, sans-serif; line-height:18px;}
		.ultimos-post-titulo a:hover {color:#000000;}
		.ultimos-post-contenido {margin:2px 0px 0px 0px; font:200 16px 'Lato', Arial, Helvetica, sans-serif; line-height:16px; color:#000000;}	

.pie-texto {width:1000px; margin:auto;}
	.pie-copys {width:100%; margin:10px 0px; text-align:center; float:left; display:block;}
		.pie-copys, .pie-copys a {color:#ffffff; line-height:20px;}
		.pie-copys a:hover {color:#cccccc;}	


/* ----------- Estilos de Párrafo ------------ */

h1 {font:600 60px 'Gotham', Arial; line-height:60px; padding-top:10px;}
h2 {font-size:30px; line-height:30px;}
h3 {font-size:24px; line-height:24px;}
h4 {font-size:20px; line-height:20px;}

.fontTitu {font-family:'Gotham', Arial;}
.fontPrim {font-family:'Lato', Arial;}
.fontSecu {font-family:'Gotham', Arial;}
.fontNarw {font-family:'GothNw', Arial;}

.txtOk {color:#0c9b60;}
.txtKo {color:#ba1717;}

.textoTitulo {width:100%; margin:20px auto 10px; font-weight:400; font-size:28px; line-height:50px; font-style:italic; border-bottom:solid 1px #916565;}
.textoTitul2, .textoTitul2 a {width:100%; margin:0px auto 20px; font-weight:400; font-size:22px; color:#000000; text-transform:uppercase;}
.textoTitul2 a:hover {color:#808080;}

.textoResaltado {font-weight:400; font-size:20px; line-height:24px;}
.textoResaltado p {margin-bottom:15px;}

.textoFuerte  {font-weight:400; font-size:25px; line-height:30px; font-style:italic;}
.textoFuerte2 {font-weight:200; font-size:30px; line-height:35px;}
.textoFuerte3 {font-weight:200; font-size:46px; text-shadow:0 0 5px #ffffff;}

.parra-10 p {margin-bottom:15px;}

.fina {font-weight:200;}
.norm {font-weight:400;}
.semi {font-weight:600;}
.bold {font-weight:800;}

.listaTitular {margin:40px 0px 20px 50px; font-weight:400;}
.listaTopos {list-style:disc;}
.listaTopos li, .listaOrdenada li {margin:10px auto 10px 30px;}

.cent {text-align:center;}
.izda {text-align:left;}
.dcha {text-align:right;}
.just {text-align:justify;}
.ital {font-style:italic;}
.normal {font-style:normal;}

.imags {text-align:center;}
.imags img {display:inline;}

.ancho-5   {width:5%;}
.ancho-10  {width:10%;}
.ancho-20  {width:20%;}
.ancho-25  {width:25%;}
.ancho-30  {width:30%;}
.ancho-33  {width:33.33%;}
.ancho-35  {width:35%;}
.ancho-40  {width:40%;}
.ancho-50  {width:50%;}
.ancho-60  {width:60%;}
.ancho-70  {width:70%;}
.ancho-80  {width:80%;}
.ancho-100 {width:100%;}

.flotarDere {float:right;}
.flotarIzda, .flotar {float:left;}
.flotar img {max-width:95%;}

.pad-left  {padding-left:20px;}
.pad-right {padding-right:20px;}
.pad-total {padding:20px;}


/* ------------ Colores Base --------------- */

.fonBco     {background:#ffffff;}
.fonNegro   {background:#000000;}
.fonGris    {background:#333333;}
.fonGrisCla {background:#999999;}
.fonGrisTte {background:rgba(0,0,0,0.5);}
.fonVerde   {background:#828706;}
.fonVerdeTte{background:rgba(130,135,6,0.75);}
.fonRosa    {background:#636363;}
.fonRosaTte {background:rgba(137,59,108,0.75);}

.bordeDere {border-right:solid 5px #636363;}
.bordeIzdo {border-left:solid 5px #636363;}

.txtGris {color:#333333;}
.txtRosa {color:#636363;}
.txtVerd {color:#828706;}
.txtBco  {color:#ffffff;}

.sombraBlanca {text-shadow:0px 0px 8px #ffffff;}
.sombraNegra  {text-shadow:0px 0px 8px #000000;}
.sombraImagen img {margin:10px 0px; box-shadow:0px 0px 15px rgba(0,0,0,0.3);}
.filoBlanco {text-shadow:1px 1px 0px #ffffff;}


/* ------------ Capas de Fondos ------------ */

.capaFondo {width:100%; left:0; padding:0; margin:0; z-index:-100;}
.capaFondo h1 {right:10%; font-size:50px; font-weight:200; text-align:right;}

.fondoNosotros {background:url(images/fondos/fondoNosotros.jpg) repeat-y top center; background-size:cover;}
.fondoTrabaj {background:url(images/fondos/fondoTrabajamos.jpg) repeat-y top center; background-size:cover;}
.fondoOfrece {background:url(images/fondos/fondoOfrecemos.jpg) repeat-y top center; background-size:cover;}
.fondoEstilo {background:url(images/fondos/fondoEstilos.jpg) repeat-y top center; background-size:cover;}
.fondoBodas  {background:url(images/fondos/fondoBodas.jpg) repeat-y top center; background-size:cover;}
.fondoBodas2 {background:url(images/fondos/fondoBodas.jpg) no-repeat center center; background-size:cover;}
.fondoContac {background:url(images/fondos/fondoContacto.jpg) repeat-y top center; background-size:cover;}
.fondoConta2 {background:url(images/fondos/fondoContacto.jpg) no-repeat center center #ccd0dc; background-size:contain;}
.fondoBlog   {background:url(images/fondos/fondoBlog.jpg) repeat-y top center; background-size:cover;}
.fondoBlog2  {background:url(images/fondos/fondoBlog2.jpg) no-repeat top center #1C1C1C; background-size:contain;}
.fondoLegal  {background:url(images/fondos/fondoLegal.jpg) repeat-y top center; background-size:cover;}

.fondoGaleri {background:url(images/fondos/fondoGaleria.jpg) repeat-y top center; background-size:cover;}
.fondoGaleMaison {background:url(images/fondos/fondoGaleMaison.jpg) repeat-y top center; background-size:cover;}
.fondoGaleBoho {background:url(images/fondos/fondoGaleBoho.jpg) repeat-y top center; background-size:cover;}

.fondoPuntoNegro {background:url(images/secInicio/puntoNegro.png) repeat top center;}
.fondoPuntoBlanco {background:url(images/secInicio/puntoBlanco.png) repeat top center;}
.fondoFlores {height:200px; line-height:200px; background:url(images/fondos/fondoFlores.jpg) no-repeat top center; background-size:contain;}
	

/* ---------- Separadores ------------------ */

.limpiar {clear:both;}

[class^="separa-"], [class*=" separa-"] {width:100%; clear:both;}
.separa-01 {height:1px;}
.separa-02 {height:2px;}
.separa-05 {height:5px;}
.separa-10 {height:10px;}
.separa-15 {height:15px;}
.separa-20 {height:20px;}
.separa-30 {height:30px;}
.separa-40 {height:40px;}
.separa-50 {height:50px;}
.separa-60 {height:60px;}
.separa-80 {height:80px;}
.separa-90 {height:90px;}
.separa-100 {height:100px;}
.separa-120 {height:120px;}
.separa-150 {height:150px;}
.separa-200 {height:200px;}
.separa-220 {height:220px;}
.separa-280 {height:280px;}
.separa-300 {height:300px;}

.separGris, .separRosa {width:100%; height:2px; margin:auto; text-align:center;}
.separRosa {border-top:solid 2px #636363;}
.separGris {border-top:solid 2px #333333;}
.separGris img {height:50px; margin-top:-32px; left:50%; margin-left:-27px;}

.franjaLineasBnco {width:100%; height:20px; background:url(images/fondoLineasBnco.png) repeat top center;}
.franjaLineasNgro {width:100%; height:20px; background:url(images/fondoLineasNgro.png) repeat top center;}
.franjaLineasRosa {width:100%; height:20px; background:url(images/fondoLineasRosa.png) repeat top center;}
.franjaLineasVerd {width:100%; height:20px; background:url(images/fondoLineasVerd.png) repeat top center;}

.trans15 {opacity:0.15;}
.trans25 {opacity:0.25;}
.trans50 {opacity:0.50;}
.trans75 {opacity:0.75;}


/* -------- Sección Inicio ------------ */	

#slider-contenedor {margin:0; padding:0; overflow:hidden;}
.headerimg {width:100%; height:100%; top:0px; left:0px; position:absolute; background-size:cover; background-position:50% 50%; background-repeat:none; z-index:0;}

#slider-contenedor:hover .headernav {opacity:1;}
.headernav {width:100%; height:40px; top:50%; margin:-20px auto auto auto; position:relative; z-index:50; opacity:0;}
.back, .next {height:40px; width:40px; cursor:pointer;}
.back {margin-left:20px; float:left; display:inline;}
.next {margin-right:20px; float:right; display:inline;}

#headertxt {top:70%; right:10%; text-align:center; position:absolute;}
#sliderTitulo {margin:auto auto 20px auto; border-radius:5px;}
#sliderTexto1, #sliderTexto2 {font-size:50px; float:none; display:inline;}
#sliderTexto2 {}

.iconoHome {margin-bottom:20px;}
.iconoHome img {height:40px;}

.fondoEstiloIni {background:url(images/secInicio/fondoEstilos.jpg) repeat-y top center; background-size:cover;}
#secInicio .estiloFoto, #secInicio .estiloImagen img, #secInicio .estiloImg img {width:250px;}


/* -------- Sección Nosotros ------------ */	

.fonNosotros {width:100%; height:550px; background:url(images/secLaMesa/marinaFondo.jpg) no-repeat top center;}

.mesaNombre {height:50px; top:75%; right:0; padding:0 15px; line-height:50px; background:#ffffff; box-shadow:0 0 15px rgba(0,0,0,0.7); position:absolute; z-index:1;}
.mesaNombre a {font:600 26px 'GothNw', Arial; line-height:50px; color:#000000;}	
.estiloFoto:hover .mesaNombre a {color:#636363;}


/* -------- Sección Estilos Boda ------ */

.estiloCont {width:33%; margin:15px auto; text-align:center; float:left; display:block;}
.estiloFoto, .estiloImagen img, .estiloImg img {width:300px;}
.estiloFoto {height:300px; text-align:center; margin:auto; line-height:296px; overflow:hidden;}
.estiloFoto img {vertical-align:middle; display:inline;}
.estiloNombre {width:100%; margin:0; top:45%; text-align:center; line-height:26px; position:absolute; opacity:0; z-index:1;}
.estiloNombre a {font:600 26px 'Gotham', Arial;  color:#000000;}	
.estiloImg {opacity:1;}
.estiloFoto:hover .estiloNombre {opacity:1;}
.estiloFoto:hover .estiloImg {opacity:0.35;}

.modal {position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.7); opacity:0; text-align:left; pointer-events:none; z-index:9999;
	transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s;}
.modal:target {opacity:1; pointer-events:auto;}
.modalSalir {width:1000px; height:45px; margin:30px auto auto auto; padding:10px; background:#D9D9D9; box-shadow:0px 0px 25px rgba(0,0,0,0.8);}
	.modalSalir a {font-weight:bold; color:#000000;}
	.modalSalir a:hover {color:#555555;}
.modalVentana {width:1000px; height:500px; margin:auto; box-shadow:0px 0px 15px rgba(0,0,0,0.5); background:#ffffff;}
.modalContenedor {margin:0; height:100%; padding-bottom:20px; overflow-y:auto; position:absolute;}
	.modalFotoItem {width:480px; height:480px; margin:10px; overflow:hidden; box-shadow:0px 0px 6px rgba(0,0,0,0.5); position:fixed;}
	.modalFotoItem img {width:480px;}
	.modalInfor {margin:50px 50px 20px 530px; color:#000000; text-align:center;}
	.modalInfor p {margin-top:15px;}
		
.margen2 {margin-left:16.67%;}


/* -------- Sección Bodas LMSNC ------ */

.bodaCont {width:33%; margin:0px auto 60px; text-align:center; float:left; display:block;}
.bodaFoto, .bodaImagen img {width:300px;}
.bodaFoto {height:250px; text-align:center; margin:auto; line-height:246px;}
.bodaFoto img {vertical-align:middle; display:inline;}
.bodaNombre {height:50px; bottom:0; margin-left:15px; margin-bottom:-20px; padding:0px 15px; line-height:50px;
	background:#ffffff; box-shadow:0px 0px 6px rgba(0,0,0,0.5); position:absolute; z-index:1;}
.bodaNombre a {font:600 24px 'Gotham', Arial; line-height:50px; color:#000000;}	
.bodaFoto:hover .bodaNombre a {color:#636363;}


/* -------- Sección Contacto ---------- */

#secContacto .franjaImagen {background:url(images/secContacto/secContacto.jpg) no-repeat center center; background-size:cover;}
.mapas {width:90%; height:550px; margin:35px auto; box-shadow:0px 0px 15px rgba(0,0,0,0.3);}

#contactos {padding:20px; text-align:left; border:solid 3px #636363; border-radius:20px; background:#ffffff;}
#contactos input, #contactos select, #contactos textarea {border-radius:5px;
	padding:10px; font:normal 18px 'Lato', Arial, Helvetica, sans-serif; line-height:22px; border:solid 1px rgba(0,0,0,0.2); background:rgba(0,0,0,0.02);}
#contactos div {margin:0px 10px 10px 10px;}
.contactoTexto {padding:10px; text-align:center; color:#00213C; font:bold 23px 'Lato', Arial, Helvetica, sans-serif; line-height:25px;}
.flotarForm {float:left;}
.contactoEtiqueta {font-weight:bold;}
.contacto100   {width:910px; max-width:910px;}
.contactoDatos {width:100%; text-align:left;}
	.contactoNombre {width:400px;}
	.contactoTelef {width:200px;}
	.contactoEmail {width:270px;}
.alto140 {height:140px;}
#contactoEnviar {padding-left:220px;}
	.contactoCondiciones {padding-top:10px;}
	.contactoCheck {margin:15px 0px 0px 5px; -moz-transform:scale(1.4); -webkit-transform:scale(1.4);}
	#contactoEnviar input {margin-left:10px; color:#ffffff; background:#636363; /* text-indent: -9999px; */}
	#contactoEnviar input:hover {color:#ffffff; background:#333333;}

#formularioEnviado {width:450px; margin:40px auto auto auto; padding:25px; font-size:22px; font-weight:400; line-height:50px; text-align:center;
	background:#f8f8f8; border:solid 3px #333333; border-radius:15px; box-shadow:0px 0px 15px rgba(0,0,0,0.25);}

	

/* ---------------------------- RESPONSIVE ---------------------------------------*/

@media only screen and (min-width: 1300px) {
	
.separa-60 {height:40px;}
.separa-200 {height:150px;}
.separa-220 {height:180px;}
.separa-280 {height:180px;}
.separa-300 {height:250px;}
.fondoServicios {background-size:cover;}

}


@media only screen and (min-width: 1500px) {

.capaLogo {left:10%;}
.cabeceraMenu, .cabzRedes {right:10%;}

.capaCuerpo {width:1350px;}
.cabeceraMenu {width:950px;}
#secOfrecemos .separa-20 {height:60px;}

.separa-200 {height:200px;}
.separa-220 {height:220px;}
.separa-280 {height:280px;}
.separa-300 {height:350px;}

h1 {font-size:80px; line-height:80px; padding-top:10px;}
h2 {font-size:40px; line-height:40px;}
h3 {font-size:30px; line-height:30px;}
h4 {font-size:24px; line-height:24px;}

.textoFuerte3 {font-weight:200; font-size:58px;}
#sliderTexto1, #sliderTexto2 {font-size:65px; float:none; display:inline;}
.capaFondo h1 {font-size:65px;}

#secInicio .estiloFoto, #secInicio .estiloImagen img, #secInicio .estiloImg img {width:300px; margin:10px auto 30px auto;}

}


@media only screen and (max-width: 1000px) {

#cabeceraClasica, #menuRedesPie, .noMovil {display:none;}
#cabeceraMovil, .noWeb {display:block;}

#cabecera {width:100%; height:120px; margin:0 auto; background:#ffffff; box-shadow:0px 0px 15px rgba(0,0,0,0.5);}
	.cabecera-imagen {margin:auto; text-align:center; line-height:116px;}
	.cabecera-imagen img {width:60%; max-height:70px; height:auto; vertical-align:middle;}
	
.cabecera-logo {width:100%; margin:0; text-align:center; position:absolute;}
	.logoImagen {width:40%; margin:auto; left:50%; margin-left:-28%; line-height:56px;}
	.logoImagen img {width:100%; height:40px; margin-top:0px; vertical-align:middle;}

.menuMovil {width:100%; height:60px; text-align:right; z-index:1000; top:0; position:fixed; background:#ffffff; box-shadow:0px 0px 15px rgba(0,0,0,0.5);}
.menuMovil li a:hover {color:#ffffff;}
	.botonera {margin:0px 0px 0px 0px; float:right; display:inline;}
	.botonera img {margin:15px 15px 0px 0px; height:30px;}

.menu-cat {width:25%; height:60px; left:0; top:0px; position:fixed; z-index:1900;}
.menu-cat img {margin:10px 0px 0px 10px; width:40px;}
.menu-cat a, .menu-cat a:hover {color:#000000; font:200 20px 'Lato', Arial, Helvetica, sans-serif; line-height:24px; text-decoration:none;}

#dl-menu ul {width:400%;}
.dl-menu img {margin-right:10px; padding-top:0px; float:left; display:inline; height:32px;}
.dl-menuwrapper {width:100%; float:left; position:relative; -webkit-perspective:1000px; perspective:1000px; -webkit-perspective-origin:50% 200%; perspective-origin:50% 200%;}
.dl-menuwrapper:first-child {margin-right:100px;}
.dl-menuwrapper ul {padding:0; background:#ffffff; list-style:none; -webkit-transform-style:preserve-3d; transform-style:preserve-3d;}
.dl-menuwrapper li {position:relative; border-bottom:solid 1px #636363;}
.dl-menuwrapper li a {display:block; position:relative; padding:15px; outline:none;}
.no-touch .dl-menuwrapper li a:hover {background:rgba(255,255,255,0.2);}
.dl-menuwrapper li.dl-back > a {padding-left:38px; background:rgba(0,0,0,0.2);}
.dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after {
	position:absolute; top:0; font-family:'IconWeb'; padding-top:3px; font-size:22px; line-height:50px; speak:none; -webkit-font-smoothing:antialiased; content:'\e902';}
.dl-menuwrapper li.dl-back:after {left:8px; color:rgba(255,255,255,0.7); -webkit-transform:rotate(180deg); transform:rotate(180deg);}
.dl-menuwrapper li > a:after {right:15px; color:#000000;}
.dl-menuwrapper .dl-menu {margin:0; position:absolute; width:100%; opacity:0; pointer-events:none;
	-webkit-transform:translateY(10px); transform:translateY(10px); -webkit-backface-visibility:hidden; backface-visibility:hidden;}
.dl-menuwrapper .dl-menu.dl-menu-toggle {transition:all 0.3s ease;}
.dl-menuwrapper .dl-menu.dl-menuopen {opacity:1; pointer-events:auto; -webkit-transform:translateY(0px); transform:translateY(0px);}

.dl-menuwrapper li .dl-submenu {display:none;}
.dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a {display:none;}
.dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {display:block;}
.dl-menuwrapper > .dl-submenu {position:absolute; width:100%; top:63px; left:0; margin:0;}

/* -------- ANIMACIONES MENU CATEGORÍAS ----------- */

.dl-menu.dl-animate-in-1 {-webkit-animation:MenuAnimIn1 0.3s; animation:MenuAnimIn1 0.3s;}
@-webkit-keyframes MenuAnimIn1 {
	0% {-webkit-transform:translateZ(-500px) rotateY(0deg); opacity:0;}
	20% {-webkit-transform:translateZ(-250px) rotateY(30deg); opacity:0.5;}
	100% {-webkit-transform:translateZ(0px) rotateY(0deg); opacity:1;}
}
@keyframes MenuAnimIn1 {
	0% {-webkit-transform:translateZ(-500px) rotateY(0deg); transform:translateZ(-500px) rotateY(0deg); opacity:0;}
	20% {-webkit-transform:translateZ(-250px) rotateY(30deg); transform:translateZ(-250px) rotateY(30deg); opacity:0.5;}
	100% {-webkit-transform:translateZ(0px) rotateY(0deg); transform:translateZ(0px) rotateY(0deg); opacity:1;}
}

.dl-menu.dl-animate-out-1 {-webkit-animation:MenuAnimOut1 0.4s; animation:MenuAnimOut1 0.4s;}
@-webkit-keyframes MenuAnimOut1 {
	0% { }
	50% {-webkit-transform:translateZ(-250px) rotateY(30deg);}
	75% {-webkit-transform:translateZ(-372.5px) rotateY(15deg); opacity:.5;}
	100% {-webkit-transform:translateZ(-500px) rotateY(0deg); opacity:0;}
}
@keyframes MenuAnimOut1 {
	0% { }
	50% {-webkit-transform:translateZ(-250px) rotateY(30deg); transform:translateZ(-250px) rotateY(30deg);}
	75% {-webkit-transform:translateZ(-372.5px) rotateY(15deg); transform:translateZ(-372.5px) rotateY(15deg); opacity:.5;}
	100% {-webkit-transform:translateZ(-500px) rotateY(0deg); transform:translateZ(-500px) rotateY(0deg); opacity:0;}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {-webkit-animation:SubMenuAnimIn1 0.4s ease; animation:SubMenuAnimIn1 0.4s ease;}
@-webkit-keyframes SubMenuAnimIn1 {
	0% {-webkit-transform:translateX(50%); opacity:0;}
	100% {-webkit-transform:translateX(0px); opacity:1;}
}
@keyframes SubMenuAnimIn1 {
	0% {-webkit-transform:translateX(50%); transform:translateX(50%); opacity:0;}
	100% {-webkit-transform:translateX(0px); transform:translateX(0px); opacity:1;}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {-webkit-animation:SubMenuAnimOut1 0.4s ease; animation:SubMenuAnimOut1 0.4s ease;}
@-webkit-keyframes SubMenuAnimOut1 {
	0% {-webkit-transform:translateX(0%); opacity:1;}
	100% {-webkit-transform:translateX(50%); opacity:0;}
}
@keyframes SubMenuAnimOut1 {
	0% {-webkit-transform:translateX(0%); transform:translateX(0%); opacity:1;}
	100% {-webkit-transform:translateX(50%); transform:translateX(50%); opacity:0;}
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {position:relative; opacity:1; -webkit-transform:none; transform:none;}
.no-js .dl-menuwrapper li .dl-submenu {display:block;}
.no-js .dl-menuwrapper li.dl-back {display:none;}
.no-js .dl-menuwrapper li > a:not(:only-child) {background:rgba(0,0,0,0.1);}
.no-js .dl-menuwrapper li > a:not(:only-child):after {content:'';}


/* ------------------------------------ CUERPO ----------------------------------------- */

#cuerpo {width:100%; margin:auto; text-align:left; overflow:hidden;}


/* ------------------------------------- PIE ------------------------------------------- */

.pie-contenedor {width:100%;}
.pie-contenedor .ancho-20, .pie-contenedor .ancho-30, .pie-contenedor .ancho-40 {width:90%; margin:auto;}

	.pieLogo img {width:200px; margin:20px auto 30px auto;}
	.pieBodaMas img {margin:10px auto 20px auto;}
	.pieDatos {width:270px; text-align:left; margin:auto;}
	
	.pie-bloque {width:280px; margin:10px auto 30px auto; float:none;}
	
	.pieRedes {width:100%; padding:0px 0px 20px 0px;}
		.links-pie {margin:5px; text-align:left; float:none; display:inline;}
		.links-pie img {height:54px; vertical-align:middle;}	

.pie-texto {width:100%; margin:auto;}
	.pie-copys {width:100%; margin:15px 0px; float:none;}


/* ------ Estilos de Párrafo ---------- */

h1 {font-size:40px; line-height:40px;}
h2 {font-size:28px; line-height:28px;}
h3 {font-size:22px; line-height:22px;}

.textoFuerte  {font-size:20px; line-height:24px;}
.textoFuerte2 {font-size:22px; line-height:26px;}
.textoFuerte3 {font-size:35px;}

.lista-titular {margin:40px 0px 20px 0px;}
.listaTopos li, .listaOrdenada li {padding:10px auto 50px 20px;}
#secCookies .listaTopos li {word-break:break-all; margin:10px auto 10px 10px;}

.separa-10 {height:5px;}
.separa-20 {height:10px;}
.separa-30 {height:15px;}
.separa-40 {height:20px;}
.separa-50 {height:25px;}
.separa-60 {height:30px;}
.separa-80 {height:40px;}
.separa-90 {height:45px;}
.separa-100 {height:50px;}
.separa-120 {height:60px;}
.separa-150 {height:75px;}
.separa-200 {height:100px;}
.separa-220 {height:110px;}
.separa-280 {height:120px;}
.separa-300 {height:150px;}

.parra-10 p {margin-bottom:10px; padding:0px 10px;}
.capaCuerpo, .capa1000 {width:100%; margin:auto; padding:10px;}
.capaCuerpo p {margin-bottom:10px; padding:0px 10px 0px 10px;}

.ancho-50 {width:100%;}
.flotar {margin:20px auto; float:none; text-align:center;}
.flotar img {max-width:95%;}
#Galerias .flotar {margin:1px auto;}

.fondoConta2 {background:url(images/fondos/fondoContacto.jpg) no-repeat top center #ccd0dc; background-size:cover;}
.fondoBlog2  {background:url(images/fondos/fondoBlog.jpg) no-repeat top center #1C1C1C; background-size:cover;}
.fondoFlores {height:100px; line-height:100px;}

	
/* -------- Sección Inicio ------------ */	

#headertxt {}
.headernav {display:none;}
#sliderTexto1, #sliderTexto2 {font-size:30px; float:none; display:inline;}
.capaFondo h1 {font-size:30px;}

#secInicio .ancho-33 {width:100%; float:none;}


/* -------- Sección Nosotros ------------ */	

.fonNosotros {width:100%; height:auto; background:none;}
.mesaNombre {height:40px; padding:0px 15px; line-height:40px;}
.mesaNombre a {font-size:22px; line-height:40px;}


/* -------- Sección Trabajamos -------- */



/* -------- Sección Estilos Boda ------ */

.estiloCont {width:100%; height:270px; float:left;}
.estiloFoto {width:270px; height:270px; line-height:265px;}
.estiloImagen {width:276px; height:276px; margin-left:-2px}
.estiloNombre {width:92%; height:70px; margin:0 4%; top:auto; bottom:8%; padding:0px 10px; background:rgba(255,255,255,0.8); opacity:1;}
.estiloNombre a {font-size:22px; line-height:70px;}

.modalSalir   {width:92%; height:45px; margin:0; top:20px; right:20px; left:20px;}
.modalVentana {width:92%; height:auto; margin:0; top:65px; right:20px; left:20px; bottom:20px; position:fixed;}
.modalFotoItem {width:290px; height:290px; margin:20px auto; border-radius:0px; border:solid 5px #ffffff; text-align:center; background:#ffffff; position:relative;}
.modalFotoItem img {width:290px; margin:auto;}
.modalInfor {padding:20px; margin:auto;}

.margen2 {margin-left:0%;}


/* -------- Sección Bodas LMSNC ------- */

.bodaCont {width:100%; height:270px; margin:0px auto 20px;}
.bodaFoto {width:270px; height:225px; line-height:220px;}
.bodaImagen {width:276px; height:230px; margin-left:-2px}
.bodaNombre {height:40px; bottom:0; margin-left:15px; margin-bottom:-25px; padding:0px 12px; line-height:40px;}
.bodaNombre a {font-size:18px; line-height:40px;}


/* -------- Sección Contacto ---------- */

.mapas {height:300px;}
.flotarForm {float:none;}
#contactos {width:95%; margin:auto; padding:5px;}
#contactos div {margin:0px 5px 10px 5px;}
.contactoNombre, .contactoTelef, .contactoEmail, .contacto100 {width:100%;}
#contactoEnviar {padding-left:0px; text-align:center;}
	.contactoCondiciones {padding-top:0px; float:left;}
	.contactoCheck {margin:0px 0px 0px 5px; float:left;}
	.contactoBoton {clear:both; padding-top:10px;}
#formularioEnviado {width:90%; max-width:400px; margin:30px auto auto auto; padding:20px; font-size:20px; line-height:40px; border-radius:10px;}	

}



/* ----------------------------- ESTILOS EFECTOS GENERALES ------------------------------------*/

.redondea {border-radius:8px;}

a, .opacidad img, .realce img, .ampliar img, .ampliar2 img, .desplaza img, .circulo img, .cuadrado img, .grises img, .cabecera-menu, .nav li a, .menuLogo, .menuFixed, .logoImagen, #contactoEnviar input, .efectos, .estiloNombre, .estiloImg, .headernav {
	transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s;}

.opacidad img, .realce img:hover {opacity:1;}
.opacidad img:hover {opacity:0.5;}
.realce img {opacity:0.4;}

.ampliar img {-webkit-transform: scale(1); transform: scale(1)}
.ampliar img:hover {-webkit-transform: scale(1.18); transform: scale(1.18)}

.ampliar2 img {-webkit-transform: scale(1); transform: scale(1)}
.ampliar2 img:hover {-webkit-transform: scale(1.05); transform: scale(1.05)}

.desplaza img {margin-top:0px; padding-bottom:0px;}
.desplaza img:hover {margin-top:-2px; padding-bottom:2px;}

.circulo img, .cuadrado img:hover {border:solid 2px #ffffff; border-radius:0px;}
.circulo img:hover, .cuadrado img {border:solid 2px #ffffff; border-radius:50%;}

.fotoGrises {filter:url('#grayscale'); -webkit-filter:grayscale(100%); filter:grayscale(100%); filter:Gray();}

.grises img {filter:url('#grayscale'); -webkit-filter:grayscale(100%); filter:grayscale(100%); filter:Gray();}
.grises img:hover {-webkit-filter:grayscale(0%); filter:none;}


/* -------------------- FUENTE ICONOS ------------------ */

[class^="icon"], [class*=" icon"] {font-family:'IconWeb'; speak:none; -webkit-font-smoothing:antialiased;}
.iconHome:before         {content:"\e900";}
.iconCerrar:before       {content:"\e90c";}
.iconFlechaTop:before    {content:"\e901";}
.iconFlechaRight:before  {content:"\e902";}
.iconFlechaBottom:before {content:"\e903";}
.iconFlechaLeft:before   {content:"\e904";}
.iconIconoMenu:before    {content:"\e905";}
.iconIconoEmail:before   {content:"\e906";}
.iconIconoTelef:before   {content:"\e907";}
.iconPieDirec:before     {content:"\e908";}
.iconPieEmail:before     {content:"\e909";}
.iconPieTelef:before     {content:"\e90a";}
.iconPieFax:before       {content:"\e90b";}
.iconFacebook:before     {content:"\e90d";}
.iconTwitter:before      {content:"\e90e";}
.iconWordpress:before    {content:"\e90f";}
.iconBlog:before         {content:"\e910";}
.iconInstagram:before    {content:"\e911";}
.iconYoutube:before      {content:"\e912";}
.iconGoogle:before       {content:"\e913";}
.iconLinkedin:before     {content:"\e914";}
.iconPinterest:before    {content:"\e915";}
.iconMenuRedes:before    {content:"\e916";}


/* ------------ EFECTOS SCROLLER --------------- */

.scroller {overflow:hidden;}
.section {}

.section:before, .section:after, .side:before, .side:after {content:" "; display:table;}
.section:after, .side:after {clear:both;}

.side {float:left; margin:0; overflow:hidden; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
.side img {max-width:96%;}

/* Estados Inicial Animaciones */
.cbpInit .side {-webkit-transform:scale(0.5); -moz-transform:scale(0.5); transform:scale(0.5); opacity:0;}		/* Estado Inicial */
.section.cbpAnimate .side {-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); opacity:1;}	/* Estado Final */


@media only screen and (max-width: 639px) {
.scroller {font-size:100%;}
.section h2 {margin:0px 10px;}	
.side {width:100%; margin:auto; padding:0px 10px; float:none; display:block;}
.side img {max-width:98%; float:none; margin:20px auto;}
}

