/* CSS3 */
/* Developed by: MrCh0n <mrchon@gmail.com> */  
/* fecha de creacion: 11/02/2013 */  
/* fecha de modificacion: 11/02/2013 */
/* =================================================================== 
 *                           Secciones
 * Ventajas
 * ===================================================================*/

section{
	border:0px solid #0f0;
	background-image: url('../imagenes/7contacto/fondo.jpg');
	background-repeat:no-repeat;
	background-position: left top;
	background-color: #000;
	background-size: 100% 100%;
	background-position: center top;
    
	/*
	background-size:contain;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
	
	position:absolute;
	top:80px;
	bottom:0;
    width:100%;
    
    height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
}
article{
	border:0px solid #f00;
	position:absolute;
	bottom:0;
	top:0;
    width:100%;
    
    height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
}
#body_div{
	border:0px solid #fff;
	position:relative;
	display:block;
	width:100%;
	color:#fff;
	padding-top:10%;
}
.col3_mitad{
	border:0px solid #f00;
	display:inline-block;
	float:left;
	width:50%;
	
}
.col3_espacio{
	border:0px solid #0f0;
	display:inline-block;
	float:left;
	width:15%;
}
.col3_fin{
	border:0px solid #00f;
	display:inline-block;
	float:left;
	width:35%;
	text-align:center;
	line-height:30px;
}

#formaPrincipal{
	width:90%;
	padding-left:5%;
}

.row_formacontacto{
	border:0px solid #00f;
	width:100%;
	padding-left:5%;
	padding-top:10px;
	padding-bottom:10px;
}

.row_formacontacto>input{
	width:90%;
	padding:10px;
	color:#000;
	font-weight:bolder;
}

.row_formacontacto>textarea{
	width:90%;
	min-height:150px;
	padding:10px;
	color:#000;
	font-weight:bolder;
}
.pabotones2{
	text-align:center;
}
.btn{
	border:0px solid #0f0;
	background-image: url('../imagenes/7contacto/fondo.jpg');
	background-repeat:no-repeat;
	background-position: left top;
	background-color: #000;
	background-size: 100% 100%;
	background-position: center top;
}
#bntsubmit:hover{
	cursor:pointer;
}
.row_texto{
	font-size:15px;
}
.oficina{
	background-image: url('../imagenes/7contacto/recuadrorojotel.png');
	background-repeat:no-repeat;
	background-position: left top;
	background-color: !transparent;
	background-size: 100% 100%;
	background-position: center top;
	
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bolder;
	font-size:1.2em;
}

.textofc{
	font-weight:bolder;
	display:block;
	font-size:17px;
}
/*####################### RESPONSIVE ######################*/

/* hasta celulares iphones  6 plus*/
@media only screen and (max-width : 570px) {
	.col3_mitad,.col3_espacio{
		width:100%;
	}
}
/* tabletas verticales*/
@media only screen and (min-width: 600px) and (max-width : 960px) {
	.divlogo>img{
		width:100%;
		margin-top:33%;
	}
}
/* tabletas horizontales, viejas laptop */
@media only screen and (min-width: 960px) and (max-width : 1024px) {
	
}
/* demas */
@media only screen and (min-width : 1025px) and (max-width : 1280px) {
	
}

/* demas */
@media only screen and (min-width : 1280px) {
	
}