/* .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;
}*/


 #map {
                width: 100%;
                height: 386px;
				max-height:386px;
				max-width: 600px;
				position:absolute!important;
				/*bottom:0;*/
				z-index:1;
				border:10px solid #fff;
            }
			
			.gm-style-iw {
width: 400px; 
min-height: 100px;
color: #000000;
}




::-webkit-input-placeholder {
   color: black; opacity:1!important;
}

::-moz-placeholder { /* Firefox 18- */
   color: black;  opacity:1!important;
}


::-moz-placeholder {  /* Firefox 19+ */
   color: black; opacity:1 !important;
}

::-ms-input-placeholder {  
   color: black;  opacity:1!important;
}



:-webkit-input-placeholder {
   color: black; opacity:1!important;
}

:-moz-placeholder { /* Firefox 18- */
   color: black;  opacity:1!important;
}


:-moz-placeholder {  /* Firefox 19+ */
   color: black; opacity:1!important;
}

:-ms-input-placeholder {  
   color: black;  opacity:1!important;
}




textarea:-moz-placeholder { /* Firefox 18- */
   color: black;  opacity:1!important;
}
textarea::-moz-placeholder { /* Firefox 18- */
   color: black;  opacity:1!important;
}
textarea:-ms-placeholder { /* Firefox 18- */
   color: black;  opacity:1!important;
}
textarea::-ms-placeholder { /* Firefox 18- */
   color: black;  opacity:1!important;
}
textarea:-webkit-placeholder { /* Firefox 18- */
   color: black;  opacity:1!important;
}
textarea::-webkit-placeholder { /* Firefox 18- */
   color: black;  opacity:1!important;
}




#bodypat{
}

.clearfix:after{ content:" "; clear:both; height:0; visibility:hidden; display:block;
}
.centered{ margin:0 auto;
}



/* Formulario de Contacto */
/** elementos del formulario **/
#formulario-form { box-sizing: border-box;
}
#formulario-form .texto{width:250px;}

#formulario-form .txtinput {  font-family: 'Josefin Sans', sans-serif;  border: 1px solid #000; background:transparent; display: block; margin: 3px 0;/*margin:2px 0px 10px;*/ font-size: 16px; padding:15px 0px 15px 15px; color: #000;  /*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; width:100%;  float:left;
}
#formulario-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;
}*/
#formulario-form textarea {  font-family: 'Josefin Sans', sans-serif;  display: block;  border: solid 0px #000; font-size: 16px; padding: 15px 0 5px 15px; margin-bottom: 10px; background:transparent; height: 120px; color: #000; 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;  width:100%; border: 1px solid #000;
}
#canal-form textarea:focus { color: #4E6051; /*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:20px; 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;*/  float: right;
  
}


/*#submitbtn {display: block;  height: 40px; width: 75px; padding: 0 10px ; border:0; outline: 0; font-size: 14px; color:  #000;  white-space: nowrap; word-wrap: normal; vertical-align: middle; cursor: pointer; background:#fff;
 text-transform:uppercase; font-weight:bolder;
}*/
#submitbtn {/*width:60px; height:60px;*/font-family: 'Josefin Sans', sans-serif;  font-size:14px; padding:10px 30px; border:0; outline: 0; background-color:#000; color:#fff;  bottom:180px; cursor:pointer; margin-top:20px; float:right; font-weight:bolder;}
#submitbtn:hover, #buttons #submitbtn:active {  background-color:transparent; border:1px solid #000; color:#000;
}
input[type=checkbox] { /*visibility: hidden;*/ margin-top:20px; }
.checkbox-1 { background: #585858; width: 12px; height: 12px; position: relative; float:left; }
.checkbox-1 label { background: #000; display: block; width: 10px; height: 10px; cursor: pointer; position: absolute; top: 1px; left: 1px; z-index: 1;transition: all .5s ease; }
.checkbox-1 input[type=checkbox]:checked + label { background: #585858; width: 12px; height: 12px; top: 0px; left: 0px; }

/** @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: #fff;
    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:75px;
	height:30px;
	right:20px;
	bottom:20px;
	position:absolute;
	cursor:pointer;
	background-color:#fff;
	color:#000 ;
	font-size:10px;
	text-align:center;
	
	/*background-image: url(../images/cerrar.png);*/
	
	border:0;
		}
		
		
@media screen and (max-width: 1010px) {
	
}

@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: 600px) {
	
}
/* iPhone Landscape ********/
@media screen and  (max-width: 480px) {
	
}

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

}
/* 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) {
	
	#canal-form {
    padding: 50px 10%;
}
#logotipo img {
    width: 150px;}

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

.condiciones{float:right; margin-top: -40px;}
}