@charset "utf-8";
body {
	background: #333;
	}
	
img {
	max-width: 100%;
	height: auto;
	margin: auto;
}



doctoralia {
	position: absolute;
	float: right;
	relation: nofollow;
}



.container-fluid .container {
	background: #f5f;
}
.container-fluid .container {
	background: #FfF;
	-webkit-box-shadow: 7px 14px 30px -1px rgba(115,106,115,1);
}

.navbar navbar-default {
	background: #FfF;
}

zl-url {
	text-align: center;
	float: right;
	margin: 200px;
}

.google-maps {
    position: relative;
    padding-bottom: 75%; // This is the aspect ratio
    height: 0;
    overflow: hidden;
    }
    .google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    }
 
.video-responsive {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
	margin:20px;
    }
.video-responsive iframe, .video-responsive object, .video-responsive embed {
    height: 70%;
    left: 0;
    position: absolute;
    top: 0;
    width: 70%;
	margin: auto;
    }


#botonenviar {
	border: none;
	font-size: 24px;
	color: #FFF;
	background: -webkit-linear-gradient(top, #7ebdc7, #4393a8);
	background: -moz-linear-gradient(top, #CCC, #999);
	padding: 5px;
	cursor: pointer;
	text-shadow: 3px 3px 3px #666;
	box-shadow: 3px 5px 7px #333;
	border-radius: 15px;
	font-family: Verdana, Geneva, sans-serif;
	
}


div.bloque1 {
	background: #FFF;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-shadow: none;
	border: #ff8;
	border-top-color: #03C;
	width: 284px;
	text-align: left;
	float: left;
	margin: 25px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	background-color: #7ebdc7;
	padding-left: 15px;
	font-style: normal;
	line-height: normal;
	padding-right: 20px;
	height: 150px;
}
.bloque2 {
	background: #FFF;
	font-family: arial;
	font-size: 12px;
	color: #FFF;
	text-shadow: none;
	border: #ff8;
	border-top-color: #03C;
	width: 284px;
	text-align: left;
	float: left;
	margin: 25;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: #f00;
	padding-left: 15px;
	font-style: normal;
	line-height: normal;
	padding-right: 20px;
	height: 150px;
}

div.bloque3 {
	background: #FFF;
	font-family: arial;
	font-size: 14px;
	color: #CCC;
	border: #ff8;
	border-top-color: #03C;
	width: 250px;
	text-align: justify;
	float: left;
	margin: 10px;
	background-color: #999;
	font-style: normal;
	line-height: normal;
	padding: 10px;
	height: auto;
	border-radius: 5px;
	box-shadow: #999 5px 5px 10px;
}
.caja1 {
	background: #F00;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	color: #fff;
	text-shadow: none;
	border: #ff8;
	border-top-color: #03C;
	width: auto;
	text-align: center;
	float: left;
	margin: 5px;
	background-color: #92d019;
	font-style: normal;
	line-height: normal;
	height: auto;
	padding: 15px;
	border-radius: 5px;
	box-shadow: #999 5px 5px 10px;
}
.container-fluid .container .caja1 c {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #00f;
}

c {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #00F;
}
	
.container-fluid .container .caja1 d {
	color: #00c;
}

.caja2 {
	background: #F00;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	color: #fff;
	text-shadow: none;
	border: #ff8;
	border-top-color: #03C;
	width: auto;
	text-align: center;
	float: left;
	margin: 5px;
	background-color: #7ebdc7;
	font-style: normal;
	line-height: normal;
	height: auto;
	padding: 15px;
	border-radius:5px;
	box-shadow: #999 5px 5px 10px;
}

.caja3 {
	background: #F00;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	color: #fff;
	text-shadow: none;
	border: #ff8;
	border-top-color: #03C;
	width: auto;
	text-align: center;
	float: center;
	margin: 5px;
	background-color: #fff;
	font-style: normal;
	line-height: normal;
	height: auto;
	padding: 15px;
	border-radius:5px;
	box-shadow: #999 5px 5px 10px;
	
}

.caja4 {
	background: #F00;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 24px;
	color: #fff;
	text-shadow: none;
	border: #ff8;
	border-top-color: #03C;
	width: auto;
	text-align: center;
	float: left;
	margin: 10px;
	background-color: #4393a8;
	font-style: normal;
	line-height: normal;
	height: auto;
	padding: 15px;
	border-radius:5px;
	box-shadow: #999 5px 5px 10px;
}

.caja5 {
	background: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
	text-shadow: none;
	border: #ff8;
	border-top-color: #03C;
	width: auto;
	text-align: justify;
	float: left;
	margin: 5px;
	background-color: #EBEBEB;
	font-style: normal;
	line-height: normal;
	height: auto;
	padding: 15px;
	border-radius: 5px;
	box-shadow: #999 5px 5px 10px;
}

.caja6 {
	background: #F00;
	font-family: verdana;
	font-size: 24px;
	color: #999;
	text-shadow: none;
	border: #ff8;
	border-top-color: #03C;
	width: auto;
	text-align: center;
	float: center;
	margin: 10px;
	background-color: #E1E1E1;
	font-style: normal;
	line-height: normal;
	height: auto;
	padding: 15px;
	border-radius: 5px;
	box-shadow: #999 5px 5px 10px;
}

.caja7 {
	background: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #666;
	text-shadow: none;
	border: #ff8;
	border-top-color: #03C;
	width: auto;
	text-align: center;
	float: center;
	margin: 5px;
	background-color: #fff;
	font-style: normal;
	line-height: normal;
	height: auto;
	padding: 15px;
	border-radius: 5px;
	box-shadow: #999 5px 5px 10px;
}


div.bloque4 {
	background: #Fff;
	border: #ff8;
	border-top-color: #03C;
	width: 100%;
	text-align: center;
	margin: 0px;
	font-style: normal;
	line-height: normal;
	height: auto;
	padding: 5px;	

}

#bloque1 {
	background-color: #C60;
}
    #bloque2 {
}
    .bloque2 {
	color: #F3C;
	font-size: 36px;
}
    #apDiv1 {
	position: absolute;
	width: 452px;
	height: 115px;
	z-index: 1;
}
    #apDiv2 {
	position: absolute;
	width: 200px;
	height: 213px;
	z-index: 2;
	left: 16px;
	top: 687px;
}
    #apDiv3 {
	position: absolute;
	width: 451px;
	height: 115px;
	z-index: 1;
	top: 470px;
}

/*empieza cookies*/

/*Termina cookies*/

#overbox3 {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	z-index: 999999;
	display: block;
}

#infobox3 {
	margin: auto;
	position: relative;
	top: 0px;
	height: 58px;
	width: 100%;
	text-align: center;
	background-color: #eeeeee;
}

#infobox3 p {
	line-height: 58px;
	font-size:12px;
	text-align:center;
}
#infobox3 p a {
	margin-right:5px;
	text-decoration: underline;
}


/* CSS para la animación y localización de los DIV de cookies */
@keyframes desaparecer
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%		{bottom: -50px;}
}
@-webkit-keyframes desaparecer /* Safari and Chrome */
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%		{bottom: -50px;}
}
 @keyframes aparecer
{
0%		{bottom: -38px;}
10%		{bottom: 0px;}
90%		{bottom: 0px;}
100%		{bottom: -38px;}
}
 @-webkit-keyframes aparecer /* Safari and Chrome */
{
0%		{bottom: -38px;}
10%		{bottom: 0px;}
90%		{bottom: 0px;}
100%		{bottom: -38px;}
}
#cookiesms1:target {
    display: none;
}
.cookiesms{	

	width:100%;
	height:auto;
	margin:0 auto;
	margin-bottom: 10px;
	padding-left:1%;
        padding-top:5px;
        font-size: 1.2em;
	clear:both;
        font-weight: strong;
		font-size: 11px;
color: #000;
bottom:0px;
position:fixed;
left: 0px;
background-color: #ccc;
opacity:0.95;
filter:alpha(opacity=70); /* For IE8 and earlier */
transition: bottom 1s;
-webkit-transition:bottom 1s; /* Safari */
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
z-index:999999999;
}
 
.cookiesms:hover{
bottom:0px;
color: #333;
}
.cookies2{
background-color: #CCC;
display:inline;
opacity:0.95;
filter:alpha(opacity=95);
position:absolute; 
left:1%; 
top:-30px;
font-size:15px;
height:30px;
margin-bottom: 10px;
padding-left:25px;
padding-right:25px;
-webkit-border-top-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
}
/* Fin del CSS para cookies */




@media only screen and (mix-width:701px) and (max-width: 980px) {
	form {
		width: 60%;
		margin:  0 auto;
	}
}

.telefono {
	float: left;
	font-size: 24px;
	color: #9c0;
	margin: 2px;
	font-family: "Arial Black", Gadget, sans-serif;
	text-align: left;
	font-size: 2.7vw;
}

.email {
    float: left;
	color: #999;
	margin: 2px;
	font-family: "Arial Black", Gadget, sans-serif;
	text-align: left;
	font-size: 2.5vw;	
}

.contactosaraescudero {
	font-size: 36px;
	color: #009;
}

.checkbox {
	margin-left: 40px;
}

/*RRSS*/
.social {
	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	left: -40px; /* Establecemos la barra en la izquierda */
	top: 30px; /* Bajamos la barra 200px de arriba a abajo */
	z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}
 
	.social ul {
		list-style: none;
	}
 
	.social ul li a {
		display: inline-block;
		color:#fff;
		background: #fff;
		padding: 10px 15px;
		text-decoration: none;
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
	}
 
	.social ul li .icon-facebook {background:#fff;} /* Establecemos los colores de cada red social, aprovechando su class */
	.social ul li .icon-youtube {background: #fff;}
	.social ul li .icon-googleplus {background: #d95232;}
	.social ul li .icon-pinterest {background: #ae181f;}
	.social ul li .icon-mail {background: #fff;}
 
	.social ul li a:hover {
		background: #fff; /* Cambiamos el fondo cuando el usuario pase el mouse */
		padding: 10px 30px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
	}
	
/*Fin RRSS*/