@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800');

@import url(menu.css);

@import url(blog.css);

@import url(banner.css);

@import url(tabla.css);

@import url(formulario.css);

@import url(footer.css);

@import url(slider.css);



* {

  margin: 0;

padding: 0;

box-sizing: border-box;

}

body{

font-family: 'Open Sans', sans-serif;

font-weight: 300;

color: midnightblue;

}



h1 {

  font-weight: 300;

  font-style: italic;

	/*color:#666;*/

	font-size: 35px;

}

h2 {

	font-size: 28px;

	padding:10px;

	font-weight: 400;

}

.encabezado_before {

    width: 100%;

	height:150px;

	display: block;

	margin: auto;}



#encabezado {

width: 100%;

height: 50px;

background-color: midnightblue;

color: white;

}





#encabezado2 {

width: 100%;

height: 50px;

background-color: forestgreen;

color: white;

}



#reservas { 

	float: left;

width: 100%;

height: auto;

line-height: 35px;

}

#idioma { 

width: 100%;

height: 50px;

background-color: white;

text-align: right;

	line-height: 50px;

}



#idioma a.iphonecinco {

color: dimgray;

	text-decoration: none;



}





#verde {

	display: inline-block;

	width: 150px;

	height: 29px;

	background-color: forestgreen;

color: white;

	margin-right: 50px;

	margin-top: 3px;

	border-radius: 3px;

	text-align: center;

	line-height: 29px;



}



#verde a{


	width: 100%;


border-radius: 3px;

color: white;

	text-decoration: none;

}



#verde a:hover{

	background-color: darkgreen;

}



.green{

	color: forestgreen;

}



.contenedor {

  width: 98%;

  margin: auto;

}



section{

  width: 100%;

}

p {color: #303030;}







#bienvenidos {

  margin-bottom:15px;

  text-align: center;



}



p.destacado {

display:inline-block;

margin:15px 15px 0 15px;

border-top: 1px solid #191970;

border-bottom: 1px solid #191970;

padding: 15px;

font-size: 18px;

font-style: italic;

}



span{

	color: #191970;

	font-weight: 400;

	

}



p.destacado2 {

display:inline-block;

margin:15px 15px 0 15px;

border-top: 1px solid #228b22;

border-bottom: 1px solid #228b22;

padding: 15px;

font-size: 18px;

font-style: italic;

}



p.destacado2 span{

	color: #228b22;

	font-weight: 400;

	

}

.titulo_bienvenido{

display: block;

width: 100%;

height:auto;

text-align: center;

	

}

.titulo_bienvenido h1{

text-align: center;

		

}

#caja{

	display: block;

	width: 100%;

	margin-top: 20px;



padding: 20px;

}



#caja a{

	font-size: 18px;

background-color: midnightblue;

color:white;

padding: 5px;

	text-decoration: none;

}



.motivo{

	font-size: 12px;

	border: solid 1px midnightblue;

	width: 100%;

	padding: 10px 20px 20px 20px;

	margin: auto;

}

@media (max-width:320px) {



#idioma a.iphonecinco {

	font-size: 12px;



}

	

	}

@media (min-width:1025px) {
	
	body {

    display: flex;
    justify-content: center;
}


#containeril {
   display: flex;
   justify-content: center;
   width: 90%;
   flex-wrap: wrap;
  
}

  .contenedor {

    width: 90%; }
	
	
	#encabezado {
		display: flex;
	justify-content: center;

width: 100%;

height: 60px;

background-color: midnightblue;

color: white;

}

		#encabezado a img {
		display: flex;


}

	

.encabezado_before {

    width: 90%;
display: flex;
	justify-content: center;
	height: 60px;
	}

	
#reservas { 

	width: 50%;
float: left;
		/*background-color: cornflowerblue;*/

}
#idioma { 

width: 50%;

float: right;
	/*background-color: aquamarine;*/

}
.motivo{
width: 80%;
	

}



}