@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Roboto:400,900,700,300,100,500);
@import url('https://fonts.googleapis.com/css?family=EB+Garamond');


/* This is the Main Stylesheet holding all customizations */
/* If you are not sure on how to change something, have a look in the docs, before contacting us */

/* CONTENT MENU */
/* 1. General Settings */
/* 2. Timer Grid */
/* 3. Navbar */
/* 4. Page Sections */
/* 5. Subscription Section */
/* 6. Social Icons */


/* ---- 1. GERNERAL SETTINGS ---- */
body {
	width:auto;
	overflow-x: hidden;
	webkit-overflow-x: hidden;
	font-family: 'Roboto', sans-serif; /* Google Font */
	padding-top:50px;
	background: #292929;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-bottom:0px;
	padding-bottom:0px;
  color: #6e6e6e;
}

html, body {
 
  overflow-x: hidden !important;
}

@media screen and (min-width: 480px) {
	body {font-size:100%;}
  .nombre-servicio {line-height:50px;}
  .btn-resumen-compra {float:right !important;
  }
  .container {
	margin-right: 15%;
	margin-left: 15%;
	/*margin-right: auto;
	margin-left: auto;   */
}
  .boton div {
  width:auto;
  }
  
  .horario {
  font-size:1.5em;
  }
  .radio-btn {
  width: 30px;
  }
  .radio-btn-genero{
  width: 30px;
  }
  .genero {
  font-size:0.9em;
  margin-top:15px;
  margin-right:5px;
  }
}

@media screen and (min-width: 768px) {	
	body {font-size:110%;}
  .nombre-servicio {line-height:50px;}
  .container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}
  .boton div {
  width:auto;
  }
  .horario {
  font-size:1.7em;
  }
  .radio-btn {
  width: 50px;
  }
  .radio-btn-genero{
  width: 25px;
  }
  .genero {
  font-size:1.2em;
  margin-top:20px;
  }
}

@media screen and (min-width: 1170px) { /* Specific to this particular image */
   body {font-size:140%;}
   /*.nombre-servicio {line-height:25px;}*/
   .container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}
  .boton div {
  width:410px;
  }
  .horario {
  font-size:2em;
  }
  .radio-btn {
  width: 50px;
  }
  .radio-btn-genero{
  width: 25px;
  }
  .genero {
  font-size:1.3em;
  margin-top:30px;
  }
}

img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
	
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

/* ---- 2. TIMER GRID ---- */
ul.cd {
	text-align:center;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
	position:relative;
	list-style:none;
	z-index:100;
	top: 15%;
}

ul.cd li {
	margin-left:20px;
	margin-right:20px;
}

ul.cd li,
ul.cd li span {
	margin-top:8%;
	margin-bottom:10px;
	font-size:80px;
	font-weight:bold;
	display:inline-block;
	z-index:100;
	color:#fff;
}

ul.cd li span.timecaption {
	margin-top:1px;
	display:block;
	font-size:28px;
	font-weight:300;
}

@media screen and (max-width: 662px) {	
	ul.cd li,
	ul.cd li span {
		margin-top:8%;
		font-size:50px;
	}
	
}

@media screen and (max-width: 480px) {
	ul.cd li,
	ul.cd li span {
		margin-top:8%;
		font-size:30px;
	}
	
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
  img.bg {
    left: 50%;
    margin-left: -512px;   /* 50% */
  }
}

/* ---- 3. NAVBAR ---- */
.navbar {
	min-height:30px;
  background: #c3a572;
}

.navbar-fixed-top, .navbar-fixed-bottom {
	border-width: 0 0 0px;
}

.navbar-nav {
	font-family:'Roboto', sans-serif;
	font-weight:400;
	font-size:1.2em;
}

.navbar-nav>li>a {
	/* NavBar Section height fix */
	padding-top: 30px;
	padding-bottom: 30px;
  color:#fff;
  font-s
}


.navbar-toggle {
	/* Mobile NavBar Button Position fix */
	margin-top: 25px; 
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
	/* Color of active NavBar section */
	color: #fff;
	background-color: #3276b1;
}

/* ---- 4. PAGE SECTIONS ---- */
h1 {
	padding-top:0px;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:3.5em;
}

h2 {
	/*font-family: 'Roboto', sans-serif;*/
	font-size:1.5em;
  color: #6e6e6e;
  /*font-weight:400;*/
  margin-bottom:15px;
	font-family: 'EB Garamond', serif;
	font-weight: normal;

}

h3 {
	margin-top:0px;
	padding-top:0px;
	font-family: 'EB Garamond', serif;
	font-weight:300;
	color:#cccccc;
}

.part1 {
	height:auto;
	padding-bottom:40px;
	padding-top:100px;
	width:100%;
}

.part1-corta {
	height:auto;
	padding-bottom:200px;
	padding-top:100px;
	width:100%;
}

p.dorado-fino {
	color:#c3a572;
  font-weight:300;
  margin:2px;
}

.part2 {
	color:#fff;
	height:auto;
	width:100%;
	margin-bottom:10px;
	background: rgba(38,38,38,0.7)
}

.part3 {
	color:#fff;
	height:auto;
	width:100%;
	margin-bottom:40px;
	background: rgba(255, 255, 255, 0)
}

.part4 {
	color:#fff;
	height:auto;
	width:100%;
	padding-bottom:40px;
	background: #000000;
	margin-bottom:0px;
  margin-top:50px;
  min-height:200px;
}

/* ---- 5. SUBSCRIPTION SECTIONS ---- */
.input-lg {
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:1em;
	background:rgba(38,38,38,1);
	color:#fff;
}

.input-lg:focus {
	border-color:#fff;
}

.thumbnail {
	background-color:transparent;
}

.thumbnail .caption {
	color:#fff;
	padding:0px;
}

.thumbnail .caption h3 {
	font-family: 'Roboto', sans-serif;
	font-weight:300;
}

.form-control {
	background-color:transparent;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:1em;
	color:#fff;
}

.form-control:focus {
	border-color:#fff;
}

/* ---- 6. SOCIAL ICONS ---- */
.social a.icons {
	width: 64px;
	height: 64px;
	display: inline-block;
	margin-right: 25px;
	background: url(../img/social.png) no-repeat;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.social a.icons.fb {
	background-position: 0px 0px;
}
.social a.icons.fb:hover {
	background-position: 0px -64px;
}
.social a.icons.twitter {
	background-position: -64px 0px;
}
.social a.icons.twitter:hover {
	background-position: -64px -64px;
}
.social a.icons.mail {
	background-position: -128px 0px;
}
.social a.icons.mail:hover {
	background-position: -128px -64px;
}
.social a.icons.linkedin {
	background-position: -192px 0px;
}
.social a.icons.linkedin:hover {
	background-position: -192px -64px;
}
.social a.icons.google {
	background-position: -256px 0px;
}
.social a.icons.google:hover {
	background-position: -256px -64px;
}
.social a.icons.skype {
	background-position: -320px 0px;
}
.social a.icons.skype:hover {
	background-position: -320px -64px;
}

/* ---- 7. FIXES ---- */
#home {
	padding-top:80px;
}

#service {
	padding-top:80px;
}

.row.animated {
    margin-right: 0px;
}

/* Estilos propios */

#header-shadow {
/*background: url('http://baobabpublicidad.es/sandbox/motor-reservas/images/header-shadow.png') no-repeat scroll center 100% transparent;*/
height: 42px;
position: absolute;
width: 100%;
margin-top:20px;
}

h1.title  {
color: #c3a572;
text-shadow: none;
font-size: 20px;
line-height: 15px;
font-weight: normal;
letter-spacing: 0.2em;
margin-top:20px;
text-align:center;
position:relative;
font-family: 'EB Garamond', serif;
}


a.phone-top {
color:#ffffff;
font-size:1.3em;
	font-family: 'EB Garamond', serif;
}

a.phone-top:hover {
cursor:pointer;
color:#ffffff !important;
text-decoration:underline;
}

/* Formularios */

.etiqueta {
font-size:1.2em;
color: #cccccc;
font-weight:400;
min-width:150px;
	font-family: 'EB Garamond', serif;
/*margin:12px 15px 3px 30px;*/
}

.etiqueta-chk {
font-size:1.1em;
color: #6e6e6e;
font-weight:400;
/*min-width:150px;*/
}


input[type="text"], input[type="password"] {
height: 40px;
padding: 0 10px;
font-size: 16px;
border-radius: 4px;
	background-color: rgba(125,171,164,0.20);
	color:#fff;
	border: 0px solid #7daba4;
	margin-bottom: 5px;
/*font-family: 'Questrial', 'Helvetica', arial, serif !important;*/
}

input[type="text"]:disabled {
    background-color: #514737;
}

.caja-form-normal {
width:320px;
max-width:100%;
/*float:right;*/
/*margin:5px 20px 5px 0px !important;*/
}

input.btn[type="submit"] {
font-family: 'Questrial', 'Helvetica', arial, serif !important;
display: inline-block;
padding: 5px 10px 5px;
line-height: 1.7em;
font-size: 1em;
border-radius: 2px;
border: none;
color: #ffffff;
margin-top: 20px;
}

.btn-remove {
padding: 2px;
margin-left: 5px;
border-radius: 2px;
background-color: #000;
color: #c3a572;
border: none;
}

.botones {
margin:20px 0px;;}

select {
font-family: 'Questrial', 'Helvetica', arial, serif !important;
display: inline-block;
padding: 5px 14px 5px;
line-height: 1.7em;
font-size: 1em;
border-radius: 2px;
border: none;
color: #262626;
margin-top: 20px;
background-color: #c3a572;
}

.tipo-envio {
width:460px;
max-width:100%;
}

.btn {
margin-top: 4px;
-webkit-transition: background 0.2s ease-out 0s;
-moz-transition: background 0.2s ease-out 0s;
-o-transition: background 0.2s ease-out 0s;
-ms-transition: background 0.2s ease-out 0s;
transition: background 0.2s ease-out 0s;
cursor: pointer;
background: #7daba4;
	border-radius:2px;
}

.btn:hover {
background: #b79355 !important;
color:#ffffff;
text-decoration: none;
}

.btn-volver {
margin-top:60px !important;
margin-right:15px;
}

.btn-continuar {
margin-top:60px !important;
}

.btn-info {
margin-top:8% !important;
margin-right:15px;
padding: 2px 14px 2px !important;
line-height: 1.3em !important;
position:relative;
}

.btn-add {
margin-top:8% !important;
padding: 2px 14px 2px !important;
line-height: 1.3em !important;
position:relative;
}

.btn-modificacion{
width:150px; 
height:100px;

}

.btn-modificar{
margin-top: 60px !important;
float:right;
margin-right: 10px;
margin-left: 10px;
}

.btn-tratamiento-add {
float:right;
margin-right:10px;
margin-top:9px !important;
}

.btn-tratamiento-info {
float:left;
margin-left:10px;
margin-top:9px !important;
color:#ffffff;
padding:6px 18px;
}

.btn-tratamiento-info:hover, .btn-resumen-compra:hover  {
color:#ffffff !important;
}

.tratamiento-precio {
/*margin-right:73%;
margin-left:4%;
margin-top:9px !important;
border:2px solid #fff;*/
color:#c3a572;
/*padding:5% 5%;
position:absolute;*/
z-index:999;
/*background: #c3a572 ;
border-radius: 50%;
white-space: nowrap;
vertical-align: middle;*/
text-align: right;
	font-style:italic;
	font-family: 'EB Garamond', serif;
	font-size:1.6em;
}

.btn-resumen-compra {
float:left;
margin-left:10px;
margin-top:15px !important;
color:#ffffff;
padding:6px 22px;
}

.btn-envio {
display:block; 
margin:auto; 
background-color:#000; 
width:200px; 
padding: 20px 0px; 
border:1px solid #c3a572;
}

.btn-envio:hover {
background-color:#c3a572;
border:1px solid #000;

}

input[type="checkbox"] {
margin:0px 0px 0px 10px;
vertical-align:middle; 
}

.radiobtn {
padding:0px 0px 0px 5px;
display:inline;
cursor:pointer;
position:relative;
}

input[type='radio'], label{   
    vertical-align: text-top;
    
 }

/* estilos del footer */ 
.copyright {
font-size: 70%;
color: #9b9b9b;
}

.copyright > a {
color: #999999 !important;

}

/* dorado de los links del footer */
a:hover {
color: #c3a572 !important;
text-decoration:none;
}  

ul.lista-principal {
color:#6e6e6e;
font-size:1.2em;
margin-top:15px;
font-weight:300;
}

ul.lista-secundaria {
color:#6e6e6e;
font-size:0.9em;
}

ul.lista-secundaria li {
padding-left:25px;
}


ul.lista-compra {
color:#6e6e6e;
font-size:1em;
margin-top:20px;
font-weight:300;
list-style-type:none;
float:right;
padding:0px;
}

/* Color dorado de las listas */
ul > li > span, h2.total >span {
color:#c3a572;
font-weight:400;
}

/* Posicion del precio */
.precio {
position:relative;
margin-left:30px;
float:right;
}



h2.total {
float:right;
font-weight:100;
}

h2.total >span {
color:#c3a572;
font-weight:400;
margin-left:30px;
}

.part3 h2 {
margin:0px 0px 0px 0px;
} 


.imagen-servicio {
width:360px;
text-align:center;
max-width:100%;
overflow:hidden;
text-align:center;
position:relative;
}

/*.imagen-servicio:hover {
opacity:0.7;
} */

.imagen-servicio img {
display:block;
position:relative;
}

/*esto es para el efecto de las imagenes, de momento no se usa */
.efecto .mask {
opacity: 0;
overflow: visible;
border: 100px solid rgba(0,0,0,0.7);
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

.imagen-servicio .mask, .imagen-servicio .link-foto {
width: 360px;
/*height: 200px;*/
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}

.efecto div.info {
position: relative;
top: -10px;
opacity: 0;
-webkit-transition: opacity 0.5s 0s ease-in-out;
-moz-transition: opacity 0.5s 0s ease-in-out;
-o-transition: opacity 0.5s 0s ease-in-out;
-ms-transition: opacity 0.5s 0s ease-in-out;
transition: opacity 0.5s 0s ease-in-out;
}

.imagen-servicio div.info {
background: url(../img/link.png) center no-repeat;
display: inline-block;
text-decoration: none;
padding: 0;
text-indent: -9999px;
width: 20px;
height: 20px;
}

.efecto:hover .mask {
opacity: 1;
border: 100px solid rgba(0,0,0,0.7);
}

.efecto:hover div.info {
opacity: 1;
-moz-transition-delay: 0.3s;
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
-ms-transition-delay: 0.3s;
transition-delay: 0.3s;
}
/* fin estilos efecto imagen */

.marco-servicio {
text-align:center;
border: 0px solid #c3a572;
max-width:360px;
margin:10px 0px;
}

.nombre-servicio {
/*height:25px;*/
/*width:360px;*/
max-width:100%;
background-color:#292929;
color:#ffffff;
text-align:left;
padding:20px 0px 0px 0px;
}

.nombre-servicio > span {
display:inline-block; 
vertical-align:middle; 
line-height:normal;
	font-family: 'EB Garamond', serif;
	font-style: italic;
	font-size: 1.2em;
}

.banda-acciones-servicio {
color:#ffffff;
background-color:rgba(125,171,164,0.20);
border-radius:2px; 
}         

/*.nombre-servicio:hover {
color:#999999;
background-color:#333333;
cursor:pointer;
} */

a.informacion {
color:#fff;
}         

a.informacion:hover {
color:#999999;
}         

.aviso {
font-size:1.2em;
color: #9b9b9b
}

/* Tablas */

table.resumen-envio {
margin-top:10%;
float:right;
}

table.resumen-compra td.importe-tabla {
min-width:50px;
max-width:100%;
text-align:right;
}

table.resumen-compra {
/*margin-top:20px;*/
border: 3px solid #000000;
/*float:right;*/
}

table.resumen-compra td {
padding:0.1em 0.3em;
}

table.resumen-compra td {
border: 2px solid #000000;
color:#c3a572;
background-color:#6e6e6e;

}

table.horario {
max-width:100%; 
font-size:3em; 
margin-top:30px;
}

table.horario td {
border: 1px solid #c3a572;
/*color:#c3a572;*/
padding:27px;
}

.caja-horario {
border: 1px solid #c3a572;
padding: 20px;
max-width: 24%;
margin: .5%;
} 



/* Estilos modal window bootstrap */

.modal-content-style {
background-color:rgba(41,41,41,0.90);
}

.modal-header-style {
border-bottom: 1px solid #c3a572;
}

.modal-footer-style {
border-top: 1px solid #c3a572;
}

/*#botons h5 {
background: #cedce7;
background: -moz-linear-gradient(top,  #cedce7 0%, #596a72 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cedce7), color-stop(100%,#596a72));
background: -webkit-linear-gradient(top,  #cedce7 0%,#596a72 100%);
background: -o-linear-gradient(top,  #cedce7 0%,#596a72 100%);
background: -ms-linear-gradient(top,  #cedce7 0%,#596a72 100%);
background: linear-gradient(to bottom,  #cedce7 0%,#596a72 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 );

    border-bottom: 1px solid #555555;
    border-radius: 3px 3px 3px 3px;
    border-top: 1px solid #AAAAAA;
    box-shadow: 0px 2px 1px #222;
	   margin: 0;
    font-size: 1.1em;
    font-weight: normal;
    position: relative;
	text-align: center;
    text-shadow: 0 1px 0 #ccc;
    z-index: 2;
} */

.boton {
    float: left;
    height: 1px;
    margin: 0 15px;
    width: 225px;
}

.boton li {
margin: 5px 0px;
}

.boton div {
    -moz-transform: scaleY(1);
    -moz-transform-origin: 50% 0;
    -moz-transition: all 0.5s ease 0s;
	  -webkit-transform: scaleY(1);
    -webkit-transform-origin: 50% 0;
    -webkit-transition: all 0.5s ease 0s;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    color: #EEEEEE;
    font-size: 0.9em;
    margin-top: 44px;
    margin-left: 7px;
    opacity: 1;
    padding: 15px;
    position: relative;
    z-index: 1;
    border-radius:5px;
}

.carrito_desactivo {
    -moz-transform: scaleY(0);
    -moz-transform-origin: 50% 0;
    -moz-transition: all 0.5s ease 0s;
	  -webkit-transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    -webkit-transition: all 0.5s ease 0s;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    color: #EEEEEE;
    font-size: 0.9em;
    margin-top: 44px;
    margin-left: 7px;
    opacity: 0;
    padding: 15px;
    position: relative;
    z-index: 1;
    border-radius:5px;
}

.boton:hover div {
    -moz-transform: scaleY(1);
	-webkit-transform: scaleY(1);
    opacity: 1;
}

.boton div p {
    padding: 0px;
}
.boton div p a {
    border-bottom: 1px solid #CCCCCC;
    color: #EEEEEE;
    text-decoration: none;
}
.boton div p a:hover {
    border-width: 2px;
    color: white;
}

.radio-btn {
height: 50px;
cursor: pointer;
}

.radio-btn-genero {
height: 50px;
cursor: pointer;
}

/*ALJAMIR*/

.btnAlj {
    background: none repeat scroll 0 0 #c3a572;
    cursor: pointer;
    margin-top: 4px;
    transition: background 0.2s ease-out 0s;
}

.transparencia {   
    background: none repeat scroll 0 0 #262626;
    height: 100%;
    min-height: 500px;
    opacity: 0.95;
    position: absolute;
    width: 100%;
    z-index: 100;
 
}


.table thead>tr>th {background-color:rgba(125,171,164,1.00);color:#fff;}

h4 {font-family:'EB Garamond', serif;}