@font-face {
  font-family: "FontAwesome";
  src: url("/assets/fonts/fontawesome-webfont.eot");
  src: url("/assets/fonts/fontawesome-webfont.eot#iefix") format("embedded-opentype"),
  url("/assets/fonts/fontawesome-webfont.woff") format("woff"),
  url("/assets/fonts/fontawesome-webfont.ttf") format("truetype"),
  url("/assets/fonts/fontawesome-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: "URWClassico";
  src: url("/assets/fonts/URWClassico-Regular-webfont.eot");
  src: url("/assets/fonts/URWClassico-Regular-webfont.eot#iefix") format("embedded-opentype"),
  url("/assets/fonts/URWClassico-Regular-webfont.woff") format("woff"),
  url("/assets/fonts/URWClassico-Regular-webfont.ttf") format("truetype"),
  url("/assets/fonts/URWClassico-Regular-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "URWClassicoBold";
  src: url("/assets/fonts/URWClassico-Bold-webfont.eot");
  src: url("/assets/fonts/URWClassico-Bold-webfont.eot#iefix") format("embedded-opentype"),
  url("/assets/fonts/URWClassico-Bold-webfont.woff") format("woff"),
  url("/assets/fonts/URWClassico-Bold-webfont.ttf") format("truetype"),
  url("/assets/fonts/URWClassico-Bold-webfont.svg") format("svg");
  font-weight: bold;
  font-style: bold;
}

@font-face {
  font-family: "URWClassicoItalic";
  src: url("/assets/fonts/URWClassico-Italic-webfont.eot");
  src: url("/assets/fonts/URWClassico-Italic-webfont.eot#iefix") format("embedded-opentype"),
  url("/assets/fonts/URWClassico-Italic-webfont.woff") format("woff"),
  url("/assets/fonts/URWClassico-Italic-webfont.ttf") format("truetype"),
  url("/assets/fonts/URWClassico-Italic-webfont.svg") format("svg");
  font-weight: normal;
  font-style: italic, oblique;
}

@font-face {
  font-family: "URWClassicoBoldItalic";
  src: url("/assets/fonts/URWClassico-BoldItalic-webfont.eot");
  src: url("/assets/fonts/URWClassico-BoldItalic-webfont.eot#iefix") format("embedded-opentype"),
  url("/assets/fonts/URWClassico-BoldItalic-webfont.woff") format("woff"),
  url("/assets/fonts/URWClassico-BoldItalic-webfont.ttf") format("truetype"),
  url("/assets/fonts/URWClassico-BoldItalic-webfont.svg") format("svg");
  font-weight: bold;
  font-style: italic, oblique;
}


h1.logo{
	text-align: center;
}

.wrapper{
  font-family: "URWClassico";
  color: #7c4c16;
}

.container {

}

#content{

	background-image: url('/assets/images/fondo_contenedor.jpg');
	background-repeat: repeat-x;
  background-color: #F7F4EB;
	min-height: 482px;

}

#avisoImagenBaja{
  display: none;
  font-family: "URWClassico";
  color: #7c4c16;
  font-size: 13px;
  padding-top: 20px;
}

.prev-button{
  padding-top: 3.5em;
}

.next-button{
  padding-top: 3.5em;
}

#prev-button,#next-button{
  cursor: pointer;
}

.muestra_caja_foto{
	padding-left: 98px;
}

.muestra_caja_foto img{
	width: 149px;

}

.muestra_caja_fondo{
	position: absolute;
}

.muestra_caja_preview{
  min-height: 330px;
}
.muestra_caja_preview_fondo img{
  width: 400px;

}

.muestra_caja_preview_foto{
  padding-left: 112px;
}

.muestra_caja_preview_foto img{
  width: 176px;

}

.muestra_caja_preview_fondo{
  position: absolute;
}



.botonera_preview{
	padding-left: 10px;
	padding-top: 20px;
	width: 85%;
}

label{
  color: #7c4c16;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: normal;
}

.label-promomercimama{
  color: #7c4c16;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: normal;
}

.labelRadio label{
  font-size: 13px;
}

.texto_obligatorio label{
  font-size: 11px;
  color: #7c4c16;
  text-transform: none;
}

.form-control{
  height: 27px;
  border-radius: 0;
  color: #7c4c16;
  border: 1px solid #C8B195;
}

select.form-control{
  height: 32px;
}

.checkbox{
  font-size: 11px;
  color: #7c4c16;
  padding-top: 3px;
}

.checkbox input[type="checkbox"] {
    margin: 2px 0px 0 -20px;
}

.checkbox a{
  color: #7c4c16;
  text-decoration: underline;
}

.texto_obligatorio{
  font-size: 11px;
  color: #7c4c16;
}

#btnTerminarCrea{
  background-image: url("/assets/images/previsualizar.png");
  background-repeat: no-repeat;
  padding: 10px 5px;
  width: 177px;
  height: 30px;
  margin-top: 20px;
}

#btnConfirmar{
  background-image: url("/assets/images/confirmar.png");
  background-repeat: no-repeat;
  padding: 12px 5px;
  width: 131px;
  height: 25px;
  margin-left: 70px;
}

#btnConfirmarNoCrop{
  background-image: url("/assets/images/enviar_mae.png");
  background-repeat: no-repeat;
  padding: 12px 5px;
  width: 92px;
  height: 25px;
}

#btnEnviar{
  background-image: url("/assets/images/enviar.png");
  background-repeat: no-repeat;
  padding: 12px 5px;
  width: 131px;
  height: 25px;
  margin-left: 0px;
}

#btnInvitar{
  background-image: url("/assets/images/invitar.png");
  background-repeat: no-repeat;
  padding: 12px 5px;
  width: 101px;
  height: 25px;
  margin-left: 0px;
}

.error{
  font-size: 11px;
  text-transform: none;
  color: red;
}

/* TEXTOS */

h2{
  color: #7c4c16;
  font-weight: normal;
  padding-bottom: 10px;
}

h3{
  color: #7c4c16;
  font-weight: bold;
  font-size: 17px;
}

p.parrafo-basico{
  color: #7c4c16;
  font-size: 15px;
    padding-bottom: 20px;
}

p.parrafo-basico-2{
  color: #7c4c16;
  font-size: 14px;
}

p.nota{
  font-size: 10px;
}


/* FOTTER */

footer{
  padding-top: 30px;
  padding-bottom: 100px;
}

.logo_footer img{
  margin: 0 auto;
}

.menu_footer{
  background-image: url('/assets/images/fondo-footer.png');
  background-repeat: no-repeat;
  background-position: 30px 5px;
  padding: 5px 0 0 25px;
}

.menu_footer li{
  color: #d6a27a;
  list-style: none;
  display: inline;
  padding-left: 150px;
}

.menu_footer li > a{
  color: #d6a27a;
}



.menu_footer_responsive{
  background-image: url('/assets/images/fondo-footer-responsive.png');
  background-repeat: no-repeat;
  background-position: center 5px;
  padding: 5px 0 0 0px;
}

.menu_footer_responsive li{
  color: #d6a27a;
  list-style: none;
  display: inline;
  padding-right: 50px;
}

.menu_footer_responsive li > a{
  color: #d6a27a;
}

.menu_footer_responsive ul{
  width: 300px;
  margin: 0 auto;
}

footer .col-sm-10, footer .col-md-10 , footer .col-lg-10, footer .col-sm-2, footer .col-md-2 , footer .col-lg-2{
    position: relative;
    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
}

/* FIN FOOTER */





 	.cropit-preview {
        background-color: #f8f8f8;
        background-size: cover;
        border: 1px solid #ccc;
        border-radius: 3px;
        margin-top: 7px;
        width: 640px;
        height: 360px;
        cursor: move;
        margin-left: 10px;
      }
	  
	  /* Large desktop */
		@media (min-width: 1200px) { 
			
			
		}
		 
		/* Portrait tablet to landscape and desktop */
		@media (min-width: 768px) and (max-width: 979px) {
		
		 }
		 
		/* Landscape phone to portrait tablet */
		@media (max-width: 767px) {
			
			 }
		 
		/* Landscape phones and down */
		@media (max-width: 480px) {
			
			.cropit-preview {
		        background-color: #f8f8f8;
		        background-size: cover;
		        border: 1px solid #ccc;
		        border-radius: 3px;
		        margin-top: 7px;
		        width: 384px;
		        height: 216px;
		        cursor: move;
		        margin-left: 10px;
		      }
		}
		




      .cropit-preview-background {
        opacity: .2;
        cursor: auto;
      }

      .image-size-label {
        margin-top: 10px;
      }

      input {
        display: block;
      }

      button[type="submit"] {
        margin-top: 10px;
      }

      #result {
        margin-top: 10px;
        width: 900px;
      }

      #result-data {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        word-wrap: break-word;
      }

      .slider-wrapper{
      	padding-top: 20px;
      	padding-left: 13px;
      	width: 95%;
      }



/* menu */


.navbar-inverse{
  background: none;
  border: none;
  padding-left: 0;
}

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

.navbar-nav li{
  text-transform: uppercase;
  float: none;
  display: inline-block;
  width:245px;
}

.navbar-nav a{
  color: #a47636;
}



.navbar-inverse .navbar-nav > li > a {
  background-color: transparent;
  color: #a47636;
  background-image: url('/assets/images/menu.png');
  background-repeat: no-repeat;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  background-color: transparent;
  color: #a47636;
  background-image: url('/assets/images/menu-activo.png');
  background-repeat: no-repeat;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: transparent;
    color: #a47636;
}

.navbar-inverse .navbar-nav > li > a {
    color: #a47636;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
  color: #a47636;
  background-color: transparent;
}



.navbar-nav > li > a {
    padding: 6px 0 5px 0px;
text-align: center;
}

.dropdown-menu{
	border-color: #CFAA6A;
	background-image: url("/assets/images/fondo-dropdown.png");
	background-repeat: repeat-y;
}

.dropdown-menu > li{
	text-transform: none;
	padding: 0 30px;
	color: #a47636;
	width: 100%;
}

.dropdown-menu > li > a{
	color: #a47636;
	padding: 0px 20px;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #a47636;
    background-color: transparent;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #a47636;
}

.dropdown-menu .divider {
    margin: 9px 50px;
    background-color: #CFAA6A;
    width: 63%;
}

.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #CFAA6A;
}

/* FIN MENU */


.voffset0  { margin-top: 0px; }
.voffset  { margin-top: 2px; }
.voffset1 { margin-top: 5px; }
.voffset2 { margin-top: 10px; }
.voffset3 { margin-top: 15px; }
.voffset4 { margin-top: 30px; }
.voffset45 { margin-top: 35px; }
.voffset5 { margin-top: 40px; }
.voffset6 { margin-top: 60px; }
.voffset7 { margin-top: 80px; }
.voffset8 { margin-top: 100px; }
.voffset9 { margin-top: 150px; }

.voffsetb  { margin-bottom: 2px; }
.voffset1b { margin-bottom: 5px; }
.voffset2b { margin-bottom: 10px; }
.voffset3b { margin-bottom: 15px; }
.voffset4b { margin-bottom: 30px; }
.voffset5b { margin-bottom: 40px; }
.voffset6b { margin-bottom: 60px; }
.voffset7b { margin-bottom: 80px; }
.voffset8b { margin-bottom: 100px; }
.voffset9b { margin-bottom: 150px; }


/* INTRO */

.intro a{
  text-decoration: none;
}

.HYPE_scene{
  background-color: transparent !important;
}



/* bases */

.bases h4,.privacidad h4{
	font-size: 14px;
	font-weight: bold;
}

.bases h5,.privacidad h5{
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0 0 0;
	padding: 0;
	
}

.bases p,.privacidad p{
	font-size: 12px;
	margin: 0px 0 10px 0;
}


.privacidad_page h4{
	font-size: 14px;
	font-weight: bold;
}

.privacidad_page h5{
	font-size: 13px;
	font-weight: bold;
	margin: 10px 0 0 0;
	padding: 0;
	
}

.privacidad_page p{
	font-size: 13px;
	margin: 0px 0 10px 0;
}




.rotation-btns{
	text-align: center;
	font-size: 15px;
}

.rotate-ccw-btn{
	padding-right: 10px;
}
@media (min-width: 1200px) {
.padding-top-rem {
    padding-top: 11rem;
}
}

.color-mae {
    color:#ad2758 !important;
}
body#dia-mae .dropdown-menu {
    border-color: #ad2758 !important;
    background-image:  none !important;
    background-color: #ecbcbc !important;
}

body#dia-mae .datepicker td.day:hover {
        background: #c76481;
}

#content-mae{

	background-image: url('/assets/images/background-wall.jpg');
	background-size: cover;
  background-color: #F7F4EB;
	min-height: 482px;

}

.imagen_familia {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.imagen_familia + label {
    color: white;
    display: inline-block;
    padding:5px;
    border-radius: 10px;
    font-family: FontAwesome, URWClassico;
    font-weight: normal;
    cursor: pointer;
    
	background: -webkit-linear-gradient(to top , #c82933,#eb9197);  
    background: -moz-linear-gradient(to top , #c82933,#eb9197);  
    background: -o-linear-gradient(to top , #c82933,#eb9197);  
    background: linear-gradient(to top, #c82933,#eb9197);     
}

.file_obligatorio {
    font-size: 1.15em;
}