@import url('demo.css');

/* Entypo Icon Font */
@font-face {
  font-family: 'entypo-selected';
  src: url("../fonts/entypo-selected.eot");
  src:
	  url("../fonts/entypo-selected.eot?#iefix") format('embedded-opentype'),
	  url("../fonts/entypo-selected.woff") format('woff'),
	  url("../fonts/entypo-selected.ttf") format('truetype'),
	  url("../fonts/entypo-selected.svg#entypo-selected") format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
	font-family: "Brandon BK";
	src: url(/fonts/BrandonGrotesqueBlack.otf);
}

@font-face {
	font-family: "Brandon";
	src: url(/fonts/BrandonGrotesqueRegular.otf);
}

@font-face {
	font-family: "Brandon RI";
	src: url(/fonts/BrandonGrotesqueRegularItalic.otf);
}

@font-face {
	font-family: "Brandon MI";
	src: url(/fonts/BrandonGrotesqueMediumItalic.otf);
}

@font-face {
	font-family: "Brandon L";
	src: url(/fonts/BrandonGrotesqueLight.otf);
}

@font-face {
	font-family: "Brandon T";
	src: url(/fonts/BrandonGrotesqueThin.otf);
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

.no-padding{
  padding-left: 0px !important;
  padding-right: 0px !important;
}

body{
	font-family:"Brandon";
	font-size:18px;
}

#divBanner35pc{
	position:relative;
	width:100%;
	padding-bottom:35%;
	margin:0px !important;
	color:#FFFFFF;
}

#divBanner35pc .tit{
	font-family: "Brandon BK";
	color: #fff;
	font-size: 40px;
}

#divBanner35pc a{
	font-family: "Brandon";
	color: #fff;
	font-size: 20px;
}

#divSlogan b{
	font-family: "Brandon BK";
	font-size: 36px;
}

#divSlogan span{
	font-family: "Brandon RI";
	font-size: 20px;
}

#divPrincipalInicio{
	position:absolute;
	width:100%;
	height:100%;
	background-color:#0d0f11;
}

#bgvideoinicio{
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	transform: translate(-50%,-50%);
}

#encabezadoBienvenidos{
	position:absolute;
	top:100px;
	left:0px;
	font-family: "Brandon BK";
	color:#FFFFFF;
	font-size:40px;
	width:100%;
	text-align:center;
}

#footerInicio{
	position:absolute;
	bottom:20px;
	left:0px;
	font-family: "Brandon";
	color:#FFFFFF;
	font-size:18px;
	text-align:center;
	width:100%;
}

#footerInicio b{
	font-family: "Brandon BK";
	color:#FFFFFF;
	font-size:18px;
}

#divInicioAgencia{
	position:relative;
	width:100%;
	padding-top:100px;
	padding-bottom:100px;
	font-family: "Brandon BK";
	color: #FFFFFF;
	font-size:40px;
}

#divInicioAgencia p{
	margin-top: 15px;
	font-family: "Brandon";
	color: #FFFFFF;
	font-size:20px;
}

#divInicioAgencia p:before{
	content: "";
	position: absolute;
	width: 40px;
	height: 3px;
	border-bottom: 3px solid #f00;
	padding-bottom:20px;
	margin-top:-30px;
}

#divDescInicioAgencia{
	position:relative;
	width:100%;
	padding-top:100px;
	padding-bottom:100px;
	background-color:#FFFFFF;
	font-family: "Brandon BK";
	color: #0d0f11;
	font-size:26px;
}

#divDescInicioAgencia p{
	font-family: "Brandon";
	color: #727272;
	font-size:18px;
}

#divDescInicioAgencia b{
	font-family: "Brandon BK";
	color: #0d0f11;
	font-size:30px;
}

#divContactoInicioAgencia{
	position:relative;
	width:100%;
	padding-top:100px;
	padding-bottom:100px;
	background-color:#df002b;
	font-family: "Brandon L";
	color: #ffffff;
	font-size:18px;
}

#divContactoInicioAgencia b{
	font-family: "Brandon BK";
	color: #ffffff;
	font-size:36px;
}

#divFooterInicioAgencia{
	position:relative;
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
	background-color:#0d0f11;
	font-family: "Brandon L";
	color:#FFFFFF;
	font-size:14px;
}

#divInicioServicios{
	position:relative;
	width:100%;
	padding-top:10px;
	background-color: #0d0f11;
	font-family: "Brandon BK";
	color: #FFFFFF;
	font-size:30px;
}

#divBrandingAgencia{
	position:relative;
	width:100%;
	background-color: #dbdbdb;
	font-family: "Brandon";
	color: #727272;
	font-size:18px;
}

#divBrandingAgencia b{
	font-family: "Brandon BK";
	color: #0d0f11;
	font-size:30px;
}

#divMotionAgencia{
	position:relative;
	width:100%;
	background-color: #b4b4b4;
	font-family: "Brandon";
	color: #0d0f11;
	font-size:18px;
}

#divMotionAgencia b{
	font-family: "Brandon BK";
	color: #0d0f11;
	font-size:30px;
}

#divDigitalAgencia{
	position:relative;
	width:100%;
	background-color: #707070;
	font-family: "Brandon";
	color: #ffffff;
	font-size:18px;
}

#divDigitalAgencia b{
	font-family: "Brandon BK";
	color: #ffffff;
	font-size:30px;
}

#divInicioContacto{
	position:relative;
	width:100%;
	padding-top:20px;
	background-color: #0d0f11;
	font-family: "Brandon BK";
	color: #FFFFFF;
	font-size:18px;
}

#divInicioContacto b{
	font-family: "Brandon BK";
	color: #df002b;
	font-size:32px;
}

#divInicioContacto p{
	font-family: "Brandon BK";
	color: #ffffff;
	font-size:40px;
}

/*#divAgenciaContacto1{
	position:relative;
	width:100%;
	padding-top:500px;
	padding-bottom:25px;
	background-color: #8a8a8a;
	font-family: "Brandon BK";
	color: #0d0f11;
	font-size:18px;
}

#divAgenciaContacto1 b{
	font-family: "Brandon BK";
	color: #0d0f11;
	font-size:30px;
}

#divAgenciaContacto2{
	position:relative;
	width:100%;
	padding-top:500px;
	padding-bottom:25px;
	background-color: #404040;
	font-family: "Brandon BK";
	color: #0d0f11;
	font-size:18px;
}

#divAgenciaContacto3{
	position:relative;
	width:100%;
	padding-top:500px;
	padding-bottom:25px;
	background-color: #c4c4c4;
	font-family: "Brandon BK";
	color: #0d0f11;
	font-size:18px;
}*/

#divAgenciaContacto4{
	position:relative;
	width:100%;
	padding-top:50px;
	padding-bottom:25px;
	background-color: #ffffff;
	font-family: "Brandon BK";
	color: #0d0f11;
	font-size:18px;
}

#divAgenciaContacto4 b{
	font-size:30px;
}

/*#divAgenciaContacto5{
	position:relative;
	width:100%;
	padding-top:500px;
	padding-bottom:25px;
	background-color: #9b9b9b;
	font-family: "Brandon BK";
	color: #0d0f11;
	font-size:18px;
}*/

#divCambioProyecto{
	position:relative;
	width:100%;
	padding-top:262px;
	padding-bottom:262px;
	font-family: "Brandon BK";
	color: #fff;
}

#divCambioProyecto #divCentral{
	font-size:70px;
}
#inicioWeddings {
	color:#FFFFFF;
	font-family: "Brandon";
}

#inicioWeddings button{
	background-color:#ee9692;
	padding:5px 15px;
	color:#FFFFFF;
	border:none;
	margin-top:15px;
	font-family: "Brandon";
	outline: none;
	font-size: 12px;
}

#iniciasesion {
	background-color:transparent;
	/*padding:5px 15px;*/
	color:#FFFFFF;
	border:none;
	/*margin-top:15px;*/
	font-family: "Brandon";
}

#inicioWeddings input[type=text]{
	background-color:transparent;;
	color: #FFFFFF;
	border: 1px solid #FFF;
	padding-left: 5px;
	font-family: "Brandon BK";
	outline: none;
}

#inicioWeddings ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff;
		font-family: "Brandon BK";
}

#inicioWeddings input[type=checkbox]{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 11px;
	width: 11px;
	border: 1px solid #fff;
	font-family: "Brandon BK";
	outline:  none;
}

#inicioWeddings input[type="checkbox"]:checked:before {
	color: #fff;
 	content: '\2714';
  font-size: 16px;
  position: absolute;
  top: -5px;
  left: 16px;
}

#inicioWeddings a {
color: inherit;
text-decoration: inherit;
}

#divDescInicioWeddings{
	position:relative;
	width:100%;
	padding-top:100px;
	padding-bottom:100px;
	background-color:#FFFFFF;
	font-family: "Brandon L";
	color: #727272;
	font-size:18px;
}

#divDescInicioWeddings b{
	font-family: "Brandon BK";
	color:#4d4d4d;
	font-size:30px;
}

#divDescInicioWeddings span{
	font-family: "Brandon L";
	color:#4d4d4d;
	font-size:14px;
}

#divCommentsInicioWeddings{
	position:relative;
	width:100%;
	padding-top:150px;
	padding-bottom:150px;
	background-image:url(../img/bgComentariosWeddings.jpg);
	background-size:cover;
	background-position:center;
	font-family: "Brandon RI";
	color: #FFFFFF;
	font-size:18px;
}

#divCommentsInicioWeddings b{
	font-family: "Brandon";
	color:#FFFFFF;
	font-size:36px;
}

#divCommentsInicioWeddings span{
	font-family: "Brandon" !important;
	color:#cb9692;
	font-size:100px;
}

#divAccionInicioWeddings{
	position:relative;
	width:100%;
	padding-top:100px;
	padding-bottom:100px;
	background-color:#cb9692;
	font-family: "Brandon L";
	color:#FFFFFF;
	font-size:18px;
	cursor:pointer;
}

#divAccionInicioWeddings b{
	font-family: "Brandon BK";
	color:#FFFFFF;
	font-size:36px;
}

#divFooterInicioWeddings{
	position:relative;
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
	background-color:#4c4e4f;
	font-family: "Brandon L";
	color:#FFFFFF;
	font-size:14px;
}

#divMenu{
	position:fixed;
	top:0px;
	right: 0px;
	width:35vw;
	height:100vh;
	padding-top:150px;
	padding-left:50px;
	display:none;
}

#divMenu a{
	display:block;
	margin-bottom:15px;
	color:#FFFFFF;
	font-family:"Brandon BK";
	font-size:30px;
	text-decoration:none;
}

.divPreguntasFrec{
	background-color:#FFF;
}

.divMenuWeddings{
	background-color:rgba(203,150,146,0.6);
}

.divMenuAgencia{
	background-color:rgba(0,0,0,1);
}

#divPaquetesPhotoboothWeddings{
	position:relative;
	width:100%;
	padding-top:100px;
	padding-bottom:100px;
	background-color:#FFFFFF;
	font-family: "Brandon";
	font-size: 14px;
}

#divPaquetesPhotoboothWeddings b{
	font-family: "Brandon BK";
	font-size: 28px;
}


#divDescServicioAgencia{
	position:relative;
	width:100%;
	padding-top:100px;
	padding-bottom:100px;
	background-color:#FFFFFF;
	font-family: "Brandon L";
	color: #0d0f11;
	font-size:18px;
}

#divDescServicioAgencia b{
	font-family: "Brandon BK";
	color:#4d4d4d;
	font-size:30px;
}

/*#divDescServicioAgencia img{
	position: absolute;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    margin:auto;
    display: inline-block;
    width:auto;
    height:auto;
    max-width: 140px;
    max-height: 100px;
}*/

/*#divDescServicioAgencia div.placeholder{
	position: relative;
    top:auto;
    left: auto;
    float: right;
    width: 140px;
    height: 100px;
    border: solid 1px #CCCCCC; //border is not necessary
}*/

#divClientesAgencia{
	position:relative;
	width:100%;
	padding-top:100px;
	padding-bottom:100px;
	background-color:#FFFFFF;
	font-family: "Brandon L";
	color: #0d0f11;
	font-size:14px;
}

#divClientesAgencia b{
	font-family: "Brandon BK";
	color:#4d4d4d;
	font-size:30px;
}

.vertical-align {
  display: flex;
   align-items: center;
   /*position: relative;
     top:auto;
     left: auto;
     float: right;
     width: 140px;*/
     height: 80px;
}

.vertical-center {
  min-width: 100%;  /* Fallback for vh unit */
  min-height: 100vh; /* You might also want to use
                        'height' property instead.

                        Note that for percentage values of
                        'height' or 'min-height' properties,
                        the 'height' of the parent element
                        should be specified explicitly.

                        In this case the parent of '.vertical-center'
                        is the <body> element */

  /* Make it a flex container */
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  /* Align the bootstrap's container vertically */
    -webkit-box-align : center;
  -webkit-align-items : center;
       -moz-box-align : center;
       -ms-flex-align : center;
          align-items : center;

  /* In legacy web browsers such as Firefox 9
     we need to specify the width of the flex container */
  width: 100%;

  /* Also 'margin: 0 auto' doesn't have any effect on flex items in such web browsers
     hence the bootstrap's container won't be aligned to the center anymore.

     Therefore, we should use the following declarations to get it centered again */
         -webkit-box-pack : center;
            -moz-box-pack : center;
            -ms-flex-pack : center;
  -webkit-justify-content : center;
          justify-content : center;
}

.form-control-contacto {
    border: none !important;
    border-color: transparent !important;
		width: 100%;
		outline: none;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

li {
    float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 16px 20px;
    text-decoration: none;
		font-family:"BRANDON";
		font-size:14px;
}

li a:hover {
    background-color: #111;
}

#imgCentered{
  display: block;
  margin: 0 auto;
}

/*funciones css jaime*/
#divPaquetesWeddings{
	font-family: "Brandon BK";
	color: #fff;
	font-size: 30px;
}

#divPaquetesWeddings .tit{
	font-family: "Brandon BK";
	color: #fff;
	font-size: 70px;
}

#divPaquetesWeddings a{
	font-family: "Brandon";
	color: #fff;
	font-size: 16px;
}

.imgMenuBlanco {
	cursor: pointer !important;
}

.imgMenuGris {
	cursor: pointer !important;
	/*vertical-align: text-bottom;*/
}

.imgFlechaPreg{
	cursor: pointer !important;

}

#divDescFotografiaHWeddings{
	position:relative;
	width:100%;
	padding-top:50px;
	padding-bottom:50px;
	background-color:#FFFFFF;
	font-family: "Brandon";
	color: #727272;
	font-size:18px;
}

#divDescFotografiaPWeddings{
	position:relative;
	width:100%;
	padding-top:100px;
	padding-bottom:100px;
	background-color:#FFFFFF;
	font-family: "Brandon";
	color: #919699;
	font-size:18px;
}

#divDescFotografiaPWeddings strong{
	color: #000;
}

#divDescFotografiaHWeddings .imagen{
	width: 100%;
	padding-bottom:100%;
	border: 2px solid #fff;
	background-position:center;
	background-size:cover;
	margin-bottom:30px;
}

/*#divDescFotografiaPWeddings b{
	font-family: "Brandon BK";
	color:#4d4d4d;
	font-size:25px;
}

#divDescFotografiaPWeddings span{
	font-family: "Brandon L";
	color: #727272;
	font-size:14px;
}*/

#divDescVideoHWeddings{
	position:relative;
	width:100%;
	padding-top:50px;
	padding-bottom:70px;
	background-color:#FFFFFF;
	font-family: "Brandon";
	color: #727272;
	font-size:18px;
}

#divDescVideoHWeddings b{
	font-family: "Brandon BK";
	color:#4d4d4d;
	font-size:25px;
}

#divDescVideoHWeddings span{
	font-family: "Brandon L";
	color: #727272;
	font-size:18px;
}

#divDescVideoPWeddings{
	position:relative;
	width:100%;
	padding-top:100px;
	padding-bottom:100px;
	background-color:#FFFFFF;
	font-family: "Brandon";
	color: #919699;
	font-size:18px;
}

/*#divDescVideoPWeddings b{
	font-family: "Brandon BK";
	color:#4d4d4d;
	font-size:25px;
}

#divDescVideoPWeddings span{
	font-family: "Brandon L";
	color: #727272;
	font-size:14px;
}*/

#divDescPhotoboothHWeddings{
	position:relative;
	width:100%;
	padding-top:50px;
	padding-bottom:70px;
	background-color:#FFFFFF;
	font-family: "Brandon";
	color: #727272;
	font-size:14px;
}

#divDescPhotoboothHWeddings b{
	font-family: "Brandon BK";
	color:#4d4d4d;
	font-size:25px;
}

#divDescPhotoboothHWeddings span{
	font-family: "Brandon L";
	color: #727272;
	font-size:14px;
}

#divDescPhotoboothPWeddings{
	position:relative;
	width:100%;
	padding-top:100px;
	padding-bottom:100px;
	background-color:#FFFFFF;
	font-family: "Brandon";
	color: #919699;
	font-size:17px;
}

/*#divDescPhotoboothPWeddings b{
	font-family: "Brandon BK";
	color:#4d4d4d;
	font-size:30px;
}

#divDescPhotoboothPWeddings span{
	font-family: "Brandon L";
	color:#4d4d4d;
	font-size:10px;
}*/

.divBoxedText1 {
	width:50%;
	color: #919699 ;
	border: 2px solid #919699 ;
	text-align: center;
	padding: 5px 15px ;
	font-family: "Brandon";
	font-size: 24px;
}

.divBoxedText2 {
	width:50%;
	color: #000000 ;
	border: 2px solid #000000 ;
	text-align: center;
	padding: 5px 15px ;
	font-family: "Brandon";
	font-size: 24px;
}

.divBoxedText3 {
	width:50%;
	color: #c28789 ;
	border: 2px solid #c28789 ;
	text-align: center;
	padding: 5px 15px ;
	font-family: "Brandon";
	font-size: 24px;
}

.divBoxedText4 {
	min-width:70%;
	max-width: 90%;
	color: #919699 ;
	text-align: center;
	padding: 5px 15px;
	font-family: "Brandon";
	font-size: 30px;
}

.divRightBorder{
	border-right: 2px solid #4b4e50;
	color: #919699;
}


#divContactoWeddings{
	position:relative;
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
	background-color: #fdf9f8;
	font-family: "Brandon";
	color: #4C4E4F;
	font-size: 18px;
}

#divContactoWeddings h1{
	font-family: "Brandon BK";
	font-size: 40px;
	text-align: center;
}

#divContactoWeddings input,textarea{
	display:block;
	width:100%;
	margin-bottom:15px !important;
	border:1px solid #555555;
	border-radius:0px;
	outline:none;
	padding:5px 10px;
	background-color:#FFFFFF;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	color:#9C9C9C !important;
	font-size:18px;
}

#divContactoWeddings select{
	display:block;
	width:100%;
	margin-bottom:15px;
	border: 1px solid #555555;
	border-right: 0px ;
	border-radius:0px;
	outline:none;
	padding:5px 10px;
	background: url(../img/iconSelect.jpg) no-repeat right center;
	background-color:#FFFFFF;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	color:#9C9C9C !important;
	font-size:18px;

}

#divContactoWeddings button{
	background-color:#cb9692;
	padding:5px 15px;
	color:#FFFFFF;
	border:none;
	margin-top:15px;
	font-size:18px;
}

#divPreguntas{
	position:fixed;
	top:0px;
	right: 0px;
	width:50vw;
	height:100vh;
	padding-top:150px;
	padding-left:50px;
	display:none;
}

.contactoPregunta .pregunta {
	font-family: "Brandon BK";
	font-size: 22px;
	color: #9ca6a9;
	text-align: center;
}

.contactoPregunta .respuesta {
    display: none;
    padding : 5px;
	font-size:16px;
}

.preguntasFrecuentes {
	color: #9ca6a9;
	font-family: "Brandon";
	font-size: 14px;
	text-align: center;
}

.contactoPregunta {
	text-align: center;
}

.contactoPregunta div {
	color: #9ca6a9;
	font-family: "Brandon";
	font-size: 14px;
	margin-bottom: 40px;
	text-align: center;
}

/*.contactoRespuesta {
	color: #9ca6a9;
	font-family: "Brandon";
	font-size: 14px;
	margin-bottom: 40px;
	text-align: center;
}*/

.infoDeContacto {
	margin-left: 30px;
	color: #4c4e4f;
	font-family: "Brandon BK";
	font-size: 30px;
}

.infoDeContacto p{
	font-family: "Brandon";
	font-size: 18px;
	margin-top:20px;
	margin-bottom: 40px;
}

.divHistoria{
	position:relative;
	width:100%;
	margin-bottom:10px;
	cursor:pointer;
}

.divHistoria .btnPlay{
	cursor:pointer;
}

.divHistoria:hover .btnPlay{
	transform:scale(1.1);
}

.divHistoria img{
	width:100%;
}

.divHistoria div{
	position:absolute;
	width:100%;
	padding:8px 10px;
	text-align:center;
	font-family: "Brandon T";
	font-size:18px;
	color:#FFFFFF;
	left:0px;
	bottom:30px;
	background-color:rgba(0,0,0,0.5);
	display:none;
}

.divHistoria:hover div{
	display:inline;
}

.divHistoriaVideo{
	position:relative;
	width:100%;
	margin-bottom:10px;
	cursor:pointer;
}

.divHistoriaVideo .btnPlay{
	cursor:pointer;
}

.divHistoriaVideo:hover .btnPlay{
	transform:scale(1.1);
}

.divHistoriaVideo img{
	width:100%;
}

.tituloHistoria{
	font-family: "Brandon";
	color:#4c4e4f;
	font-size:18px;
	display:block;
	margin-bottom:20px;
}

#spanTitDescHistorias{
	font-family:'Brandon MI';
	font-size:36px;
	color:#4c4e4f;
}

#spanDescHistorias{
	font-family:'Brandon T';
	font-size:18px;
	color:#4c4e4f;
}

#divKronosproWeddings{
	font-family: "Brandon BK";
	color: #fff;
	font-size: 30px;
}

#divKronosproWeddings .tit{
	font-family: "Brandon BK";
	color: #fff;
	font-size: 70px;
}

#divKronosproWeddings a{
	font-family: "Brandon";
	color: #fff;
	font-size: 16px;
}

#divTextKronospro b{
	font-family: "Brandon BK";
	font-size: 30px;
}

#divTextKronospro span{
	font-family: "Brandon RI";
	font-size: 16px;
}

#divDescKronosproWeddings{
	position:relative;
	width:100%;
	padding-top:80px;
	padding-bottom:20px;
	background-color:#FFFFFF;
	font-family: "Brandon L";
	color: #727272;
	font-size:18px;
}

#divDescKronosproWeddings b{
	font-family: "Brandon BK";
	color:#4d4d4d;
	font-size:25px;
}

#divDescKronosproWeddings span{
	font-family: "Brandon L";
	color: #727272;
	font-size:14px;
}

#divKronosproLoQuehacemosWeddings{
	position:relative;
	width:100%;
	padding-top:50px;
	padding-bottom:50px;
	background-color:#FFFFFF;
	font-family: "Brandon RI";
	color: #4c4e4f;
	font-size:18px;
}

#divKronosproLoQuehacemosWeddings #bold{
	margin-top: 20px;
	margin-bottom: 50px;
	text-align: center;
	font-size:20px;
}


/*submenuAgencia*/
#submenuAgencia div:before {
	content: "";
	position: absolute;
	width: 3px;
	height: 3px;
	left: 50%;
	transform:translateX(-1px);
	border-top: 3px dotted gray;
	border-radius:3px;
}

#submenuAgencia div:hover:before {
	content: "";
	position: absolute;
	width: 16px;
	height: 3px;
	left: 50%;
	transform:translateX(-8px);
	border-top: 3px solid white;
	color: white;
	border-radius:0px;
}

#submenuAgencia a{
	color: gray;
	display:block;
	margin-top:20px;
	text-decoration:none;
	font-size:20px;
}

#submenuAgencia .activo a{
	display:block;
	color: white;
	margin-top:20px;
}

#submenuAgencia a:hover{
	color: white;
	display:block;
	margin-top:20px;
}



#submenuAgencia .activo:before {
	content: "";
	position: absolute;
	width: 16px;
	height: 3px;
	left: 50%;
	transform:translateX(-8px);
	border-top: 3px solid white;
	color: white;
	border-radius:0px;
}

/*submenuWeddings*/
#submenuWeddings .activo:before {
	content: "";
	position: absolute;
	width: 50px;
	height: 3px;
	bottom: 0;
	left: 50%;
	transform:translateX(-25px);
	border-bottom: 2px solid #f3dfda;
}
#submenuWeddings .activo a{
	color: white;
}
#submenuWeddings a{
	color: white;
	text-decoration: none;
}
#submenuWeddings a:hover:before {
	content: "";
	position: absolute;
	width: 50px;
	height: 3px;
	bottom: 0;
	left: 50%;
	transform:translateX(-25px);
	border-bottom: 2px solid #f3dfda;
}

.cuadrado{
	position: relative;
}

.cuadrado:after{
	content: "";
  	display: block;
  	padding-bottom: 100%;
}

.cuadrado div {
  position: absolute;
  width: 100%;
  height: 100%;
}

.rectangulo{
	position: relative;
}

.rectangulo:after{
	content: "";
  	display: block;
  	padding-bottom: 50%;
}

.rectangulo div {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* instrucciones magicas para posicionar las flechas de navegacion */
.owl-prev {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 40%;
    margin-left: -20px;
    display: block!IMPORTANT;
    border:0px solid black;
}

.owl-next {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 40%;
    right: -25px;
    display: block!IMPORTANT;
    border:0px solid black;
}
.owl-prev i, .owl-next i {transform : scale(1,6); color: #ccc;}
/* fin instrucciones magicas para posicionar las flechas de navegacion */

/* DATEPICKER */
/* DatePicker Container */
.ui-datepicker {
	width: 216px;
	height: auto;
	margin: 5px auto 0;
	font: 9pt Arial, sans-serif;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
}
.ui-datepicker a {
	text-decoration: none;
}
/* DatePicker Table */
.ui-datepicker table {
	width: 100%;
}
.ui-datepicker-header {
	background: url('../img/dark_leather.png') repeat 0 0 #000;
	color: #e0e0e0;
	font-weight: bold;
	-webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2);
	-moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
	box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
	text-shadow: 1px -1px 0px #000;
	filter: dropshadow(color=#000, offx=1, offy=-1);
	line-height: 30px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #111;
}
.ui-datepicker-title {
	text-align: center;
}
.ui-datepicker-prev, .ui-datepicker-next {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	cursor: pointer;
	background-image: url('../img/arrow.png');
	background-repeat: no-repeat;
	line-height: 600%;
	overflow: hidden;
}
.ui-datepicker-prev {
	float: left;
	background-position: center -30px;
}
.ui-datepicker-next {
	float: right;
	background-position: center 0px;
}
.ui-datepicker thead {
	background-color: #f7f7f7;
	background-image: -moz-linear-gradient(top,  #f7f7f7 0%, #f1f1f1 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1));
	background-image: -webkit-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: -o-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: -ms-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	background-image: linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 );
	border-bottom: 1px solid #bbb;
}
.ui-datepicker th {
	text-transform: uppercase;
	font-size: 6pt;
	padding: 5px 0;
	color: #666666;
	text-shadow: 1px 0px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=0);
}
.ui-datepicker tbody td {
	padding: 0;
	border-right: 1px solid #bbb;
}
.ui-datepicker tbody td:last-child {
	border-right: 0px;
}
.ui-datepicker tbody tr {
	border-bottom: 1px solid #bbb;
}
.ui-datepicker tbody tr:last-child {
	border-bottom: 0px;
}
.ui-datepicker td span, .ui-datepicker td a {
	display: inline-block;
	font-weight: bold;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #666666;
	text-shadow: 1px 1px 0px #fff;
	filter: dropshadow(color=#fff, offx=1, offy=1);
}
.ui-datepicker-calendar .ui-state-default {
	background: #ededed;
	background: -moz-linear-gradient(top,  #ededed 0%, #dedede 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dedede));
	background: -webkit-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: -o-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: -ms-linear-gradient(top,  #ededed 0%,#dedede 100%);
	background: linear-gradient(top,  #ededed 0%,#dedede 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );
	-webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
	-moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
	box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
}
.ui-datepicker-calendar .ui-state-hover {
	background: #f7f7f7;
}
.ui-datepicker-calendar .ui-state-active {
	background: #6eafbf;
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
	color: #e0e0e0;
	text-shadow: 0px 1px 0px #4d7a85;
	filter: dropshadow(color=#4d7a85, offx=0, offy=1);
	border: 1px solid #55838f;
	position: relative;
	margin: -1px;
}
.ui-datepicker-unselectable .ui-state-default {
	background: #f4f4f4;
	color: #b4b3b3;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
	width: 29px;
	margin-left: 0;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
	width: 29px;
	margin-right: 0;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
	height: 29px;
	margin-bottom: 0;
}

/* fin DATEPICKER */

.logoWeddings{
	position:fixed;
	top:0px;
	left:0px;
	z-index:9999;
	width:239px;
	height:120px;
}

.logoWeddings img{
	width:100%;
	height:auto;
}

.btnMenuWeddings{
	position:fixed;
	top:0px;
	right:0px;
	z-index:9999;
}


@media only screen and (max-width: 768px) {
    #divMenu{
		width:90vw;
	}
	#divInicioContacto b{

		font-size:30px;
	}

	#divInicioContacto p{

		font-size:30px;
	}

	.logoWeddings{
		width:35vw;
		height:auto;
	}

	#divBanner35pc{
		width:100%;
		padding-bottom:70%;
	}

	#divBanner35pc .tit{
		font-size: 40px;
	}

	#divBanner35pc a{
		font-size: 16px;
	}
}


/* Gamma Gallery Style */

.gamma-container {
	min-height: 200px;
}

.gamma-gallery {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 100%;
	position: relative;
}

/* http://nicolasgallagher.com/micro-clearfix-hack/ */
.gamma-gallery:before,
.gamma-gallery:after {
    content: " ";
    display: table;
}

.gamma-gallery:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
.gamma-gallery {
    *zoom: 1;
}
 */

.gamma-gallery li {
	display: block;
	position: relative;
	cursor: pointer;
	float: left;
	padding: 4px;
}

.gamma-gallery li img {
	max-width: 100%;
	width: auto;
	height: auto;
	display: block;
}

.gamma-description {
	background: #fff;
	background: rgba(255, 255, 255, 0);
	position: absolute;
	top: 20px;
	left: 20px;
	bottom: 20px;
	right: 20px;
	text-align: center;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-ms-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
}

.no-touch .gamma-gallery li:hover .gamma-description {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 1;
}

.gamma-description:before {
	content: '';
	height: 100%;
}

.gamma-description:before,
.gamma-description h3 {
	display: inline-block;
	vertical-align: middle;
}

.gamma-description h3 {
	width: 100%;
	padding: 0 20px;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 2px;
}

.gamma-buttons {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 10001;
}

.gamma-buttons button {
	float: left;
	background: #333;
	color: #fff;
	display: block;
	width: 30px;
	height: 30px;
	font-size: 14px;
	margin-left: 5px;
	cursor: pointer;
	border: none;
	outline: none;
}

.gamma-buttons button:before,
.gamma-nav span:before {
	font-family: 'entypo-selected';
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: block;
	text-align: center;
	opacity: 0.7;
	outline: none;
}

.no-touch .gamma-buttons button:hover {
	background: #666;
}

button.gamma-btn-close:before {
	content: '\2715';
}

button.gamma-btn-ssplay:before {
	content: '\25b6';
}

button.gamma-btn-sspause:before {
	content: '\2389';
}

.gamma-single-view {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	text-align: center;
	display:none;
}

.gamma-overlay {
	background: #000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	display: none;
	z-index: 9999;
}

.gamma-single-view img {
	position: absolute;
	cursor: pointer;
}

.gamma-description-wrapper {
	background: rgba(0,0,0,0.7);
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 10;
	padding: 5px 0;
}

.gamma-single-view .gamma-description {
	background: transparent;
	position: relative;
	bottom: auto;
	left: auto;
	right: auto;
	top: auto;
}

.gamma-single-view .gamma-description h3 {
	font-size: 15px;
	padding: 5px 0;
	color: #fff;
}

.gamma-nav span {
	position: absolute;
	display: block;
	width: 20px;
	height: 38px;
	top: 50%;
	margin-top: -19px;
	left: 20px;
	cursor: pointer;
	text-align: center;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.gamma-nav span.gamma-next {
	left: auto;
	right: 20px;
}

.gamma-nav span:before {
	color: #fff;
	opacity: 0.7;
	font-size: 40px;
}

.gamma-nav span:hover:before {
	opacity: 1;
}

.gamma-nav span:before {
	display: block;
	margin: 0;
	width: auto;
}

.gamma-nav span.gamma-prev:before {
	content: '\e75d';
}

.gamma-nav span.gamma-next:before {
	content: '\e75e';
}

.gamma-img-fly {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

/* Loaders */

.gamma-loading {
	background: transparent url(../images/loader_light.gif) no-repeat center center;
}

.gamma-single-view.gamma-loading {
	background: transparent url(../images/loader_dark.gif) no-repeat center center;
}


/* Make some things unselectable. Remove where selection is needed: */

.gamma-container img,
.gamma-nav span,
.gamma-buttons button,
.gamma-description-wrapper,
.gamma-description,
.gamma-description h3 {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

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

	.gamma-description {
		top: 10px;
		left: 10px;
		bottom: 10px;
		right: 10px;
	}

	.gamma-description h3 {
		font-size: 14px;
		padding: 0 5px;
	}

}

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

	.gamma-buttons {
		float: left;
		clear: both;
	}

}

/* */