@charset "UTF-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
	}
	
body {
	background-color:#FFF;
	font-family:sans-serif;
	}

#frame
{
	margin:auto;
	width:100%;
	height:auto;
	}
	
#mainheader
{
	width:100%;
	height:auto;
	margin:0 auto;
	}
	
#header
{
	width:100%;
	height:150px;
	background-color:#F60;
	margin:0 auto;
	}

#fondo
{
	width:100%;
	max-width:1024px;
	height:225px;
	margin:0 auto;
	background-image:url(../images/fondomenu.jpg);
	background-repeat:no-repeat;
	background-position:top;
	text-align:right;
	}

#idioma
{
	width:100%;
	max-width:1024px;
	height:37px;
	display:block;
	margin:0 auto;
	padding-right:50px;
	box-sizing:border-box;
	line-height:50px;
	text-align:right;
	}

#idioma a
{
	text-decoration:none;
	color:#FFF;
	padding-left:10px;
	font-size:14px;
	}

#menu1
{
	width:100%;
	max-width:1024px;
	height:37px;
	display:block;
	margin:0 auto;
	padding-right:50px;
	box-sizing:border-box;
	line-height:40px;
	text-align:right;
	}

#menu1 a
{
	text-decoration:none;
	color:#FFF;
	padding-left:10px;
	}

#menu2
{
	height:auto;
	text-align:right;
	padding-right:30px;
	}

header
{
	width:100%;
	}
	
#btn-menu
{
	display:none;
	}
	
header label
{
	display:none;
	width:30px;
	height:30px;
	padding:10px;
	border-right:1px solid #FFF;
	}

header label:hover
{
	cursor:pointer;
	background:rgba(0,0,0,0.3);
	}

.menu ul
{
	height:30px;
	margin:0;
	list-style:none;
	padding:0;
	display:flex;
	justify-content:flex-end;
	flex-direction:row;
	}

.menu li
{
	text-align:center;
	border-left:1px solid #FFF;
	/*flex-grow:1;*/
	}

.menu li:hover
{
	cursor:pointer;
	background:rgba(0,0,0,0.3);
	}

.menu li a
{
	display:block;
	padding:5px 20px;
	color:#FFF;
	text-decoration:none;
	}
	
	
	
	
	
#mainbanner
{
	width:100%;
	max-width:1024px;
	height:auto;
	margin:0 auto;
	display:inline block;
	background-color:#9F0;
	margin-top:30px;
	box-sizing:border-box;
	}

#mainbanner img
{
	width:100%;
	max-width:1024px;
	height:auto;
	}


#mainvalores
{
	width:100%;
	height:auto;
	background-color:#057180;
	margin:0 auto;
	margin-bottom:20px;
	}

#valores
{
	width:100%;
	max-width:1024px;
	margin:0 auto;
	}
	
#valores p
{
	text-align:left;
	line-height:50px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:33px;
	color:#FFF;
	padding-left:10px;
	}

#content
{
	width:100%;
	max-width:1024px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
	}

#mainbox
{
	width:100%;
	max-width:1024px;
	height:auto;
	margin:0 auto;
	text-align:center;
	}
	
.box 
{
	width:40%;
	height:auto;
	padding:20px;
	box-sizing:border-box;
	border-style:solid;
	border-color:#91e3ec;
	overflow:hidden;
	display:inline-block;
	margin:20px;
	text-align:left;
	}	

.box img
{
	float:right;
	margin:10px;
	}

.box a
{
	color:#FF9900;
	text-decoration:none;
	}

.box a:hover
{
	font-weight:bold;
	}



#footer
{
	width:100%;
	height:150px;
	background-color:#F8BB62;
	margin:0 auto;
	text-align:right;
	}

#tels
{
	width:100%;
	max-width:1024px;
	height:40px;
	display:block;
	margin:0 auto;
	text-align:center;
	line-height:40px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:18px;
	}

#face
{
	width:100%;
	max-width:1024px;
	height:40px;
	display:block;
	margin:0 auto;
	text-align:center;
	line-height:30px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:15px;
	}

#face img
{
	margin:0px 0px -20px 0px;

	}

#footermenu
{
	width:100%;
	max-width:1024px;
	height:40px;
	display:block;	
	margin:0 auto;
	text-align:center;
	line-height:40px;
	}
	
#footermenu ul
{
	text-align:center;
	margin:0 auto;
	padding:0;
	}

#footermenu ul li
{
	display:inline-block;
	padding: 0 25px;
	}

#footermenu ul li a
{
	list-style-type:none;
	text-decoration:none;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#333;
	}
	
#footermenu p
{
	width:100%;
	max-width:1024px;
	height:30px;
	display:block;	
	margin:0 auto;
	text-align:center;
	line-height:20px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	}
	
#footermenu p a
{
	text-decoration:none;
	list-style-type:none;
	color:#333;
	}

#footermenu p a:hover
{
	color:#666;
	}

@media (max-width:768px)
{
	
header
{
	width:71px;
	}
	
header label
{
	display:block;
	padding:0 0 40px 30px;
	box-sizing:border-box;
	border:none;
	}
	
header label:hover
{
	background:rgba(0,0,0,0);
	}
	
.menu 
{
	position:absolute;
	background-color:#F60;
	width:70%;
	margin-left:-70%;
	transition:all 0.5s;
	}
		
.menu ul
{
	height:auto;
	flex-direction:column;
	}
	
.menu li
{
	text-align:left;
	padding-left:10px;
	border-top:1px solid #FFF;
	}
		
.menu li a
{
padding:15px 20px;
	}
	
#btn-menu:checked ~ .menu 
{
	margin:0;
	}
		
		
		
		
#mainbanner
{
	width:100%;
	height:auto;
	overflow:hidden;
	}


#footermenu
{
	height:auto;
	}

}

@media (max-width:600px)
{


#valores ul li
{
	font-size:20px;
	padding: 0 20px;
	}
	

#footer
{
	width:100%;
	height:auto;
	}

#tels
{
	width:70%;
	height:auto;
	}

#face
{
	margin:20px 0;
	}

#footermenu
{
	height:auto;
	}
	

#footermenu ul li
{
	padding: 0 15px;
	}

#footermenu p
{
	height:auto;
	padding:15px 0 30px 0;
	}

}


@media (max-width:480px)
{

.box 
{
	width:80%;
	height:auto;
	}	
	
.box img
{
	float:none;
	margin:10px;
	}	
	
span
{
	display:block;
	}

}

@media (max-width:320px)
{
	
.box 
{
	width:80%;
	height:auto;
	}	
	
.box img
{
	float:none;
	margin:10px;
	}	
	
}