#cookie_assistant_wrapper .buttons a.btn-accept {
    background: -moz-linear-gradient(center top , #ac1314 0%, #ac1314 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
background: -webkit-linear-gradient(top, #ac1314 0%, #ac1314 100%) !important;
border: 0px solid #778811 !important;
box-shadow: 0px 0px 0 rgba(255, 255, 255, 0.3) inset !important

}


#cookie_assistant_wrapper .buttons a.btn-accept:hover  {
    background: -moz-linear-gradient(center top , #e1191b 0%, #e1191b 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
background: -webkit-linear-gradient(top, #e1191b 0%, #e1191b 100%) !important;
border: 0px solid #778811 !important;
box-shadow: 0px 0px 0 rgba(255, 255, 255, 0.3) inset !important

}
#logo_aldea{
	width:126px;
	height:126px;
	position:absolute;
	bottom:15px;
right:30px;	
}
@font-face {
    font-family: 'geared';
    src: url('gearedslab.eot') format('eot'),
	url('gearedslab.eot?#iefix') format('embedded-opentype'),
	url('gearedslab.woff')  format('woff'),
    url('gearedslab.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'neue';
    src: url('neue.eot');
    src: url('neue.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.pie{
	position:inherit;     padding: 50px 20px;
	
	top:0px;
	right:30px;
	z-index:999;
	
	    font-size: 13px;

  color: #fff;
    text-align: center; background:#575756;

}
.pie a{color:#fff}

.inputs, .area{width:calc(50% - 55px); float:left;}

#cssfade_visita {
		background-image:url(../images/visita_virtual_over.jpg);
height: 66px;
	width: 171px;
	position:absolute;
	bottom:20%;
	right:50%;
}
#cssfade_visita img {
	-webkit-transition: all ease 1s;
	-moz-transition: all ease 1s;
	-o-transition: all ease 1s;
	-ms-transition: all ease 1s;
	transition: all ease 1s;
}
#cssfade_visita img:hover {
	opacity: 0;
}

html,body{ font-family: 'Didact Gothic', sans-serif;
  margin:0;
  height:100%;
}



::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: white;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: white;
}



#logotipo{
width:232px;
height: 89px;
position:absolute;
top:20px;
left:10px;
z-index:10;
}

#pie{
	width:510px;
	height:62px;
	position:absolute;
	right:20px;
	bottom:10px;}

.alddea{position:absolute; right:350px; top:0px;}
.lobe{position:absolute; /*left:146px;*/ right:190px; top:0px;}
.ibercaja{position:absolute; right:0px; top:0px;}

.fondoderecha{ height:90px; } 
 .google-maps {
position: relative;
padding-bottom: 75%; 
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.css-3d-layer{padding-top:100px}
	
  .fondoizquierda{background:#fff;
	  
	  
	  /*background: url(../images/fondo.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/} 
  .grid_5 { width: 50%;   /*height: 100%; min-height:100%;for mozilla*/ }
  .grid_mapa { width: 50%;   height: 100%; min-height:100%;/*for mozilla*/ }
  .grid_11 { width: 100%; /*height: 90px;*/ } 
.grid_12 { width: 100%; height: 100%; } 

.grid_5, .grid_11, .grid_12, .grid_mapa {

	float: left;
	display: block;
	
}

.condiciones{
	color:#fff;
	text-decoration:none;
	font-size:12px;
	float:left;
}
.condiciones a {color:#477ea4; text-decoration:none;}


#bodypat{
}
#container{  text-align:center; margin:100px auto; overflow:hidden;
}
.clearfix:after{ content:" "; clear:both; height:0; visibility:hidden; display:block;
}
.centered{ margin:0 auto;
}
h1, h2, h3, h4, h5{ font-weight:normal; padding:50px 0 0; margin:0;
}
h1{ font-size:2em;  text-align:left;
}
h2{ font-size:1.6em;
}
h3{ font-size:1.4em;
}
h4{ font-size:2.2em;
}
h5{ font-size:2.0em;
}
p{ font-size:1.3em; line-height:1.5em; padding-bottom:20px; 
}
#telefono{
	width:300px;
	height:100px;
	position:absolute;
	top:80px;
	right:52%;
	text-align:right;
	color:#477ea4;
	}
	
	#redes{
	
	height:40px;
	position:absolute;
	bottom:120px;
	right:52%;
	text-align:right;
	color:#d8d8d8;
	}
	#redes img{float:left; margin-left:10px;}
	#telefono a{color:#7c8356; text-decoration:none;}
/* Formulario de Contacto */
/** elementos del formulario **/
#canal-form { box-sizing: border-box; /*padding:30px 10%;*/
}
#canal-form .txtinput { background-color:#b3bbc3; display: block; border-style: solid; border-width: 0px; border-color: #dedede; margin:10px 0; font-size: 14px; padding:10px 69px 14px 10px; width: calc(90% - 60px); color: #fff;  /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;*/ transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
}
#canal-form .txtinput:focus {  color: #fff; border-color: rgba(41, 92, 161, 0.4); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 3px rgba(41, 92, 161, 0.6); outline: 0 none; 
}
/*#gestioncomun-form input#name { background: #fff url('user.png') 5px 4px no-repeat;
}
#gestioncomun-form input#email { background: #fff url('email.png') 5px 4px no-repeat;
}
#gestioncomun-form input#website { background: #fff url('website.png') 5px 4px no-repeat;
}
#gestioncomun-form input#telephone { background: #fff url('phone.png') 5px 4px no-repeat;
}*/
#canal-form textarea { background-color:#b3bbc3; display: block;  border-style: solid; border-width: 0px; border-color: #dedede; margin-bottom: 15px; font-size: 14px; padding: 10px; margin:10px 0;     width: calc(100% - 20px); height: 120px; color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s; float:left;
}
#canal-form textarea:focus { color: #fff; border-color: rgba(41, 92, 161, 0.4); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 3px rgba(40, 90, 160, 0.6); outline: 0 none; 
}
/*#gestioncomun-form textarea.txtblock { background: #fff url('speech.png') 5px 4px no-repeat;
}*/
#canal-form #aligned { /*margin-top:200px; box-sizing: border-box;  float: left;  /*width: 450px; width: 100%;*/ 
}


#canal-form #aside { float: left; width: 250px; text-align:left; padding: 0; box-sizing: border-box;
}
#wrapping { width: 100%; box-sizing: border-box; 
}
span.radiobadge { display: block; margin-bottom: 8px; 
}
span.radiobadge label { font-size: 1.2em; padding-bottom: 4px;
 }


select.selmenu {background-color:#8d8b8d; font-size: 14px; color: #000; padding: 9px !important; border: 0px; width: 50%;margin:10px auto; /*background-color:#FFF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;*/
transition: color 0.15s linear 0s;
}
.opcion{color: #b6b6b6;}
.opcion2{color: #777777;}
select::-ms-expand {
    display: none; /* hide default arrow in IE10 */
}
select {
    width: 50%; /* Set width. Do not set height else it will fail in IE8-10. Use padding for height. */
    color: #333;
    font-weight: normal;
    font-size: 1em;
    line-height:1.2em;
    margin: 0 0 10px;
    padding: 6px 0; /* use this to set a specific height for your dropdown (DO NOT use the attribute 'height') */
    border: 0 none;
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: "";
   /* background: url('../images/down.jpg') no-repeat 100% 4px #fff; /* add your own arrow image */
   /* *background-image:none; /* turn bg image for IE7 */
   /* background: url('../images/down.jpg') no-repeat 100% 0px #fff; /* fallback bg image*/
  /* background: url('../images/down.jpg') no-repeat 100% 0px;
    background: url('../images/down.jpg') no-repeat 100% 0px;
    background: url('../images/down.jpg') no-repeat 100% 0px;
    background: url('../images/down.jpg') no-repeat 100% 0px;
    background: url('../images/down.jpg') no-repeat 100% 0px;
    -webkit-appearance: none;  gets rid of default appearance in Webkit browsers
    -moz-appearance: none;  Get rid of default appearance for older Firefox browsers 
    -ms-appearance: none;  get rid of default appearance for IE8, 9 and 10*/
    appearance: none;
}
select option {
    background: #fff; /* style the dropdown bg color */
}

/** custom buttons **/
#buttons { /*display: block; padding-top: 10px;  padding-bottom:20px;*/ width: 55px; float: left;
    height: 120px;
}
#buttons #resetbtn { display: block; float: left; color: #515151; text-shadow: -1px 1px 0px #fff; margin-right: 20px; height: 2em; padding: 0 1em; outline: 0; font-weight: bold; font-size: 1em; white-space: nowrap; word-wrap: normal; vertical-align: middle; cursor: pointer; border-radius: 2px; background-color: #fff;
}
#buttons #resetbtn:hover { text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); color: #818181; background-color: #fff; 
}
#buttons #submitbtn {display: block;  height: 50px; width: 95px; padding: 0 1em; border: 1px solid #537270; outline: 0; font-size: 1em; color:  #fff;  white-space: nowrap; word-wrap: normal; vertical-align: middle; cursor: pointer; background:#537270;margin: 95px 0 0 10px;
}
#buttons #submitbtn:hover, #buttons #submitbtn:active {  color: #000;  background: #b3bbc3;
}

#direccion { display: block; padding-top: 50px;  padding-bottom:20px; font-size:1em; color:#FFF;}

/** @group clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }




.descripcion_caja {
    width: 600px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    background-color: #537270;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0px;
    outline: 0 none;
}
.descripcion_titular {

    padding: 15px 15px 0 20px;
}

.descripcion_contenido {
    padding: 0 20px 20px 20px;
}

#cerrar{
	width:12px;
	height:19px;
	right:10px;
	top:10px;
	position:absolute;
	cursor:pointer;
	
	background-image: url(../images/cerrar.png);
	background-color:#537270;
	border:0;
		}
		@media screen and (max-width: 1024px) {.alddea{width: 90px; left:200px; top:3px; }
.lobe{width: 110px; left:295px; top:3px; }
.ibercaja{width: 110px; left:410px; top:3px;}}
		
@media screen and (max-width: 1010px) {
	#pie{
		left:50%;
		right:0px;
		margin-left:-255px;
	}
	#telefono{top:0px; bottom:13%}	
	#buttons{
		width:100%;
		height:55px;
		
	}
	#canal-form textarea{width:80%;}
	#buttons #submitbtn{margin:0; width: 100%;}
	
	.inputs, .area{width:100%}
	
}

@media screen and (max-width: 800px) {
  #container { width: 100%;
	}
	#canal-form #aligned { width: 100%; float: none; display: block;
	}
	#canal-form #aside { width: 100%; display: block; float: none;
	}
	#canal-form .txtinput, #efren-martinez-form textarea { width: 85%;
	}
	#prioritycase { float: left; display: block;
	}
	#recipientcase { float: left; display: block; margin-right: 55px;
	}
}
/* smaller screen dropoff *******/

@media screen and  (max-width: 1150px) {
	.fondoderecha{ display:none; } 
	/*.grid_5{min-height:inherit !important;height:inherit !important;}*/
	.grid_5, .grid_12, .grid_mapa {width:100%;}
	#telefono{right:5%; bottom:15%;}
	#pie{bottom:12%;}
 	#canal-form .txtinput{ width: calc(100% - 15px);    padding: 10px 0px 10px 10px;	}

	#canal-form textarea { width: calc(100% - 10px);padding: 10px 0px 10px 10px;	}
	
	#telefono{top:50px;}
	#canal-form #aligned{/*margin-top:200px;*/}
	.grid_12{height:inherit;}
	#map{height:400px!important;}
	.grid_mapa{ min-height:400px!important; height:400px!important;}
	
		/*#logo_aldea{display:none}*/
	#redes{position:inherit; width: 80%; padding:10%;}
	
	.fondoizquierda{/*height:100%;*/}
	
}









/* iPhone Landscape ********/
@media screen and  (max-width: 480px) {
	select.selmenu { width: 190px;
	}
}

@media screen and (max-width: 370px) {
.alddea{width: 80px; left:100px; }
.lobe{width: 100px; left:195px; }
.ibercaja{width: 100px; left:310px; }
#pie{width:370px; bottom:0px;}
.logo{width:150px;}
}
/* iPhone portrait *******/
@media screen and (max-width: 320px) {
 	#canal-form .txtinput, #canal-form textarea { width: 70%;
	}
	#canal-form #aligned { overflow: hidden;
	}
	select.selmenu { width: 160px;
	}
	#recipientcase { margin-right: 30px;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	#telefono{top:60px;}
	#canal-form {
    padding: 50px 10%;
}
#redes{bottom:50px}
.grid_12{height:100%}
#cssfade_visita {
	bottom:12%;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.grid_12{height:100%}
#telefono{top:77%;}
#canal-form {
    padding: 70px 10%;
}
.condiciones{float:right; margin-top: -40px;}
#redes{bottom:10px; left:10px;}
}