/* CSS Document */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
* {
	padding:0;
	margin:0;
	border:0}
body {
	color: rgba(255,255,255,1.00);/*161,188,54,1.00*(rgba verde del logo)*/
	font-size:12px;
	font-family: 'Lato', sans-serif;}
#contenedor {
	width:90%;/*870px ancho - tres bloques de 290px*/
	height:auto;
	margin:0 auto;
	position:relative;
	}
#header {
	width:100%;
	height:150px;/*alto img header*/
	position:relative;
	background:url(../img/header-tablet.png) no-repeat;
	background-position:center center;
	margin:10px auto;
	}
	
li.certificacion {
	background:rgba(82,114,36,1.00);
	background-image:url(../img/visto.png);
	background-position:left;
	background-repeat:no-repeat;
	width:100%;
	height:50px;	
	-webkit-border-top-left-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-moz-border-radius-topleft: 25px;
-moz-border-radius-bottomleft: 25px;
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
margin:0 0 10px 0;
text-align:right}	
h2.certificado {
	font-family: 'Lato', sans-serif;
	font-size:20px;
	line-height:50px;
	padding:0 20px;
	
	}
#bloque-1 {
	position:relative;
	width:100%;
	height:auto;
	float:left;}
#menu {
	width:100%;
	min-width:250px;
	margin:0 auto;
	height:auto;
	position:relative;
	float:left;
	}
#menu li {
	float:left;
	width:21.8%;
	height:auto;
	margin:0 1.6% 2px 1.6% ;
	list-style:none;
	text-align:center;
	-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
	}
#menu li a {
	text-decoration:none;
	color:rgba(255,255,255,1.00);
	line-height:50px;
	}
#menu li.activo {
	background:rgba(82,114,36,1.00)}


#wrapper {
	width:96.8%;
	height:auto;
	margin:10px 1.6%;
	position:relative;
	float:left;}
#col-reservas {
	width:56.8%;
	height:auto;
	padding:0 0 20px 0;
	position:relative;
	float:left;
	list-style:none;
	margin:0 1.6% 0 1.6%;
	text-align:center;
	-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; }


.col-central {
	width:290px;
	height:200px;
	position:relative;
	float:left;
	background:rgba(177,177,200,1.00);}
#col-mapa {
	width:36.8%;
	padding:0;
	height:auto;
	position:relative;
	margin:0 1.6%;
	float:left;
	list-style:none}

.ancho-mapa {
	width:100%;
	height:300px}
.cierre {
	clear:both;
	width:100%}


/*   Formulario de Contacto   */
#formulario {
	width:80%;
	height:auto;
	margin:0 auto; 
	position:relative;
	text-align:left;} 
#formulario p {
	text-indent:0;
	padding:0 0 5px 0;
	font-size:
	} 
.campos {  
    font-family:verdana,arial;/*tipo de letra*/  
    width:98%;/*anchura de campos de formulario*/
	margin:0 auto;
	padding:5px 1%;
    font-size:11px;/*tamaño de la letra*/   
    color: rgba(55,55,55,1.00);/*color del texto */     
    background-color:rgba(255,255,255,0.7);/*color del fondo*/
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
    border-radius:2px;}  
.boton{ 
    font-size:12px; 
    font-family:Verdana,Helvetica; 
    font-weight:bold;
    color:rgba(36,52,67,1.00);  
    background: rgba(255,255,255,0.70);
    width:100px; 
    height:50px;
	margin:0;
	padding:10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
    border-radius:5px}
.boton:hover {
	border:1px solid rgba(255,255,255,1.00);
	background: rgba(255,255,255,1.00);
	color:rgba(36,52,67,1.00);} 
#b_reset {
	position:relative;  
    margin:0;
	width:30%}  
#b_submit {
	position:relative; 
	margin:0;
	width:30%}
.bloques-footer {
	width:33.3%}	
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
* {
	padding:0;
	margin:0;
	border:0}
body {
	color: rgba(255,255,255,1.00);/*161,188,54,1.00*(rgba verde del logo)*/
	font-size:12px;
	font-family: 'Lato', sans-serif;}
#contenedor {
	width:70%;/*870px ancho - tres bloques de 290px*/
	height:auto;
	margin:0 auto;
	position:relative;
	}
#header {
	width:100%;
	height:150px;/*alto img header*/
	position:relative;
	background:url(../img/header-tablet.png) no-repeat;
	background-position:center center;
	margin:10px auto;
	}
#bloque-1 {
	position:relative;
	width:100%;
	height:auto;
	float:left;}
#menu {
	width:100%;
	min-width:250px;
	margin:0 auto;
	height:auto;
	position:relative;
	float:left;
	}
	
li.certificacion {
	background:rgba(82,114,36,1.00);
	background-image:url(../img/visto.png);
	background-position:left;
	background-repeat:no-repeat;
	width:100%;
	height:50px;	
	-webkit-border-top-left-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-moz-border-radius-topleft: 25px;
-moz-border-radius-bottomleft: 25px;
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
margin:0 0 10px 0;
text-align:right}	
h2.certificado {
	font-family: 'Lato', sans-serif;
	font-size:20px;
	line-height:50px;
	padding:0 20px;}
#menu li {
	float:left;
	width:21.8%;
	height:auto;
	margin:0 1.6% 2px 1.6% ;
	list-style:none;
	text-align:center;
	-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
	}
#menu li a {
	text-decoration:none;
	color:rgba(255,255,255,1.00);
	line-height:50px;
	}
#menu li.activo {
	background:rgba(82,114,36,1.00)}


#wrapper {
	width:96.8%;
	height:auto;
	margin:10px 1.6%;
	position:relative;
	float:left;}
#col-reservas {
	width:56.8%;
	height:auto;
	padding:0 0 20px 0;
	position:relative;
	float:left;
	list-style:none;
	margin:0 1.6% 0 1.6%;
	text-align:center;
		-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; }


.col-central {
	width:290px;
	height:200px;
	position:relative;
	float:left;
	background:rgba(177,177,200,1.00);}
#col-mapa {
	width:35.8%;
	padding:0;
	height:auto;
	position:relative;
	margin:0 1.6%;
	float:left;
	list-style:none}

.ancho-mapa {
	width:100%;
	height:300px}
.cierre {
	clear:both;
	width:100%}


/*   Formulario de Contacto   */
#formulario {
	width:80%;
	height:auto;
	margin:0 auto; 
	position:relative;
	text-align:left;} 
#formulario p {
	text-indent:0;
	padding:0 0 5px 0;
	font-size:
	} 
.campos {  
    font-family:verdana,arial;/*tipo de letra*/  
    width:98%;/*anchura de campos de formulario*/
	margin:0 auto;
	padding:5px 1%;
    font-size:11px;/*tamaño de la letra*/   
    color: rgba(55,55,55,1.00);/*color del texto */     
    background-color:rgba(255,255,255,0.7);/*color del fondo*/
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
    border-radius:2px;}  
.boton{ 
    font-size:12px; 
    font-family:Verdana,Helvetica; 
    font-weight:bold;
    color:rgba(36,52,67,1.00);  
    background: rgba(255,255,255,0.70);
    width:100px; 
    height:50px;
	margin:0;
	padding:10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
    border-radius:5px}
.boton:hover {
	border:1px solid rgba(255,255,255,1.00);
	background: rgba(255,255,255,1.00);
	color:rgba(36,52,67,1.00);} 
#b_reset {
	position:relative;  
    margin:0;
	width:30%}  
#b_submit {
	position:relative; 
	margin:0;
	width:30%}
 .bloques-footer {
	width:33.3%}
}