.left-contact{float:left; width:48%;}

.right-contact{float:right; width:49%;}

*{
	padding:0px;
	margin:0px;	
}


.clear{
	clear:both;
	padding:0px;
	margin:0px;			
}


.content-contactenos{
	background:white;
	text-align:left;
	font-size:13px;
	color:#585858;
	font-family:Calibri;
	position:relative;
}

.title-contactenos{
	color:white;
	font-size:14px;
	border-bottom:1px solid #e1e0e5;
	background:#2e3133;
	font-family:"Century Gothic";
	padding:45px 0px;
}

.title-contactenos img{width:auto; float:left; padding-left:75px;}

.title-contac{float:left; text-align:left; padding-left:30px;}



.title-contac h2{text-transform:uppercase; font-size:28px;}

.title-contac p{margin:0;}

.title-contac ul{margin-left:10px;}

.title-contac ul li{
	list-style:none;
}

.formulario-contactenos{
	width:600px; 
	text-align:justify; 
	position:absolute;
	top:10%;
	left:6%;
	display:block;
	z-index:2;
	background:rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
	padding:20px;
	box-shadow:0 7px 11px 0 #4a4a4a;

}

.mapa{width:100%;}

.formulario-contactenos td{ text-align:left; padding:3px 0;}

.formulario-contactenos p{padding-bottom:10px; margin:0px;}


.form-contact .legend-map {
    color: #636363;
    font-family: "Century Gothic";
    font-size: 12px;
    margin: 15px 0;
    padding: 0;
}
.form-apenom-map p {
    margin: 0;
    padding: 0;
}
.form-apenom-map p.small-field {
    width: 50%;
}

.formulario-contactenos input, .formulario-contactenos select, .formulario-contactenos textarea {
    border:none;
    color: #636363;
    font-family: "Century Gothic";
    font-size: 12px;
    padding: 10px 0px;
    padding-left: 5px;
    width:100%;
	border-bottom:1px solid #0097cf;
}

.formulario-contactenos textarea{
	height:75px;
}


.formulario-contactenos input:focus, .formulario-contactenos select:focus, .formulario-contactenos textarea:focus{
	border:1px solid #0097cf;
	box-shadow:0px 0px 3px #0097cf;
}

.formulario-contactenos label{font-weight:bold; font-style:italic;}


#google-map{
    height:520px;
    overflow: hidden;
    width: 100%;	
}

.estamos-aqui{
	font-family:'Freestyle Script'; 
	color:white; 
	background:#272727; 
	padding:2px 10px;
	font-size:45px;	
}

.vineta-roja {
    background: none repeat scroll 0 0 #C20021;
    color: #FFFFFF;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding: 1px 7px;
}

.title-dir{
	color:red;
	font-style:italic;
	font-weight:bold;
	padding:3px 0px;	
}

.content-contactenos a{color:#39A0F0; text-decoration:none;}

.content-contactenos a:hover{text-decoration:underline;}

.color-red{color:red;}

input.btn-send-sms{
	background:white !important;
	cursor:pointer;	
	color:#666 !important;
	padding:5px !important;
	border:2px solid #67ce1d !important;
	font-size:20px;
	font-family:teko;
	transition:all 0.5s ease 0s;
}

input.btn-send-sms:hover{background:#808080 !important; color:white !important; }

.btn-send-sms:active{
	font-size:11px;
}

.vanadium-advice{color:red;}

#sms-contactenos{
    color: black;
    font-family: Calibri;
    font-size: 15px;
    text-align: center;	
	background:#FF9;
	margin:4px 0;
}

@media(max-width:811px){/*cuando la ventana tenga un ancho maximo de 800px para abajo*/

	.formulario-contactenos{width:100%; position:relative; height:385px; padding:2px 0; left:0;}
	.left-contact, .right-contact{width:100%; float:left;}
	.left-contact{padding-bottom:10px;}
		
	.mapa{width:100%;}
	
	#google-map{width:100%;}
	
	.formulario-contactenos input, .formulario-contactenos select, .formulario-contactenos textarea{width:100%; padding:10px 0;}	
}


@media(max-width:600px){/*cuando la ventana tenga un ancho maximo de 600px para abajo*/

	.formulario-contactenos{width:100%; position:relative; height:385px; padding:2px 0; left:0;}
	.left-contact, .right-contact{width:100%; float:left;}
	.left-contact{padding-bottom:10px;}
		
	.mapa{width:100%;}

	#google-map{width:100%;}

	.formulario-contactenos input, .formulario-contactenos select, .formulario-contactenos textarea{width:100%; padding:10px 0;}
	
}

@media(max-width:400px){/*cuando la ventana tenga un ancho maximo de 600px para abajo*/

	.formulario-contactenos{width:100%; position:relative; height:528px; padding:2px 0; left:0;}
	.left-contact, .right-contact{width:100%; float:left;}
	.left-contact{padding-bottom:10px;}
		
	.mapa{width:100%;}

	.formulario-contactenos input, .formulario-contactenos select, .formulario-contactenos textarea{width:100%; padding:10px 0;}
}