article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display: block;
}

*{ 	margin:0 0;
	padding: 0;
	box-sizing:border-box;
}

body{
	min-width:920px;
}

a{
	text-decoration:none;
}
	
header{
	position:relative;
	width: calc (100% - 40px);
	margin:20px 20px 0px 20px;
	padding-bottom:10px;
}

header ul#logos{
	margin-left:0px;
	display:flex;
	justify-content:space-between;
	width:calc (100% - 6vw);
	list-style:none;
	margin-left:1vw;
}


header ul#logos li:nth-child(1) img{
} 

header ul#logos li:nth-child(2) img{
	max-width:150px;
	margin-top:10%;
	
}


header #menu{
	display:none;
}

header ul#logos li ul{
	display:flex;
	flex-direction:column;
	
}

header ul#logos li ul li{
	list-style:none;
}


header ul#logos li ul li:nth-child(1){
	font-size:20px;
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
}

header ul#logos li ul li:nth-child(2){
	font-size:40px;
	color:#F16600;
	font-family:Arial, Helvetica, sans-serif;
}

header ul#logos li ul li:nth-child(3){
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#contacto_resposive{
	display:none}

#cerrar{
	display:none;}

nav{
	display:flex;
	justify-content:center;
	width:100%;
	background:#E9610F;
	border-top:10px #CCC solid;
	min-width:950px;}

nav ul{
	position:relative;
	float:left;
}

nav ul li{
	position:relative;
	float:left;
	display:inline-block;
	padding: 20px 40px;
	transition:all ease-in-out .2s;
}

nav ul li:hover{
	background:#943906;
}

nav ul li a {
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
}

#caja{
	position:relative;
	width:100%;
	padding:20px 40px;
}

#presentacion{
	position:relative;
	float:left;
	width:100%;
	height:47vw;
}

.imagen{
	width:100%;
	height:47vw;
	position:absolute;
}

#mapa{
	position:relative;
	float:left;
	width:65%;
	height:300px;
	border-top: 8px solid #E9610F;
	border-top:10px #CCC solid;
}

#visita{
	position:relative;
	float:left;
	width:35%;
	height:300px;
	border-top: 8px solid #E9610F;
	color:#FFF;
	background:#E9610F;
	padding:20px 10px 10px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	border-top:10px #CCC solid;
}

h1{
	margin-top:14%;
	font-family:Arial, Helvetica, sans-serif;
}

footer{
	position:relative;
	float: left;
	width:100%;
	height:250px;
	background: rgba(51,51,51,.9);
	border-top:rgba(102,102,102,.5) solid 10px;
}

.servicios{
	position:relative;
	float:left;
	width:33.3%;
	margin-top:10px;
	height:100%;
}

.servicios ul{
	position:relative;
	float:left;
	width:100%;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#CCC;
	padding:20px;
	border-right: rgba(204,204,204,.3) 1px dotted;
	border-left: rgba(204,204,204,.3) 1px dotted;
	height:220px;
	
	
}

.servicios ul li{
	padding:5px;
	padding-left:10px;
}

.servicios ul li:first-child{
	margin-top:15px;
}

.servicios ul li a{ 
	color:#CCC;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 13px;
	letter-spacing:1px;
	transition:ease-in all .2s;
}

.servicios ul li a:hover{
	opacity:.4;
}

.informacion{
	position:relative;
	float:left;
	width:33.3%;
	margin-top:10px;
}

.logogris{
	position:relative;
	float:left;
	display:flex;
	justify-content:space-around;
	align-items:center;
	width:33.3%;
	margin-top:-20px;
	height:220px;
}

.informacion ul{
	position:relative;
	float:left;
	width:100%;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	color:#CCC;
	padding:20px;
}

.informacion ul li{
	padding:5px;
	padding-left:10px;
}

.informacion ul li:first-child{
	margin-top:15px;
}

.informacion ul li a{ 
	color:#CCC;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 13px;
	letter-spacing:1px;
	transition:ease-in all .2s;
}

.informacion ul li a:hover{
	opacity:.4;
}

.gris{
	width:75%;
	padding-top:35px;
}


#lista{
	margin-left:30px;
}

#lista li{
	list-style-image: url(punto.png);
}

#texto{
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:20px 20px;
}

#decesos{
	position:relative;
	padding-left:20px;
	float:right;
	top:0px;
	width:40%;
}

.gene{
	color:#C71E00;
}

.global{
	color:#D85A00;
	font-weight:bold;
}

h2{
	color:#943906;
	font-size:20px;
}

h1{
	margin-top:10px;
	font-size:28px;
	margin-bottom:10px;
}

#Image9{
	width:30px;
	height:30px;
	top:10px;
}


@media screen and (max-width:950px){ 

body{
	width:100%;
	min-width:320px;
}

header{
	position:relative;
	float:left;
	width: calc (100% - 20px);
	margin:10px 10px 0px 10px;
	padding-bottom:10px;
}

header #menu{
	display:block;
}

header ul#logos{
	margin-left:0px;
	width:100%;
	list-style:none;
	margin-left:0px;
}

header ul#logos li{
	position:relative;
	float:left;
}

header ul#logos li:nth-child(1){
	position:relative;
	float:left;
	margin-top:10%;
	width:55vw;	
}

header ul#logos li:nth-child(1) img{
	width:55vw;
	max-width:450px;
} 

header ul#logos li:nth-child(2){
	position:relative;
	float:right;
	margin-top:10%;
	margin-left:2vw;	
	width:calc (25vw - 2vw);	
}

header ul#logos li:nth-child(2) img{
	width:25vw;
} 

header ul#logos li:nth-child(3){
	display:none;
		
} 

header ul#logos li:nth-child(4){
	width:calc (20vw - 5vw);
}


header #menu img{
	margin-left:9vw;
	margin-top:4vw;
	width:55px;
}

header ul#logos li ul{
	display:none;
	
}

nav{
	position:fixed;
	display:block;
	transition:1s all ease-out;
	height:100%;
	margin-left: 0px;
	margin-right:0px;
	overflow:auto;
	text-align: left;
	width: 100%;
	border-bottom:none;
	padding:0px;
	box-sizing:border-box;
	background-color:#E96110;
	z-index:1000;
	top:-100%;
	min-width:0px;
}

#cerrar{
	display:block;
	position:absolute;
	top:20px;
	right:10px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10vw;
	letter-spacing:1px;
	transition: .7s all ease-out;
}

nav ul{
	list-style-type:none;
	padding: 0;
	position:absolute;
	top:20vw;
	left:10px;
	width:auto;
	height:auto;
}

nav ul li{
	display:block;
	position:relative;
	float:left;
	transition: 1s;
	padding:0px 0px;
	margin: 0px 0px;
	width:100%;
	
}

nav ul li:hover{
	background-color:#E96110;
}

nav ul li a{
	margin-right:0;
	display:block;
	position:relative;
	float:none;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	color:#FFF;
	font-size:6vw;
	transition:.7s all ease-out;
	width:auto;
}

nav ul li a:hover{
	color:#943906
}



#mapa{
	position:relative;
	float:left;
	width:100%;
	height:300px;
	border-top: 8px solid #E9610F;
	border-top:10px #CCC solid;
}

#visita{
	position:relative;
	float:left;
	width:100%;
	height:auto;
	border-top: 8px solid #E9610F;
	color:#FFF;
	background:#E9610F;
	padding:20px 10px 10px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border-top:10px #CCC solid;
	letter-spacing:1px;
}

h1{
	font-size:20px;
	font-weight:100;
	letter-spacing:1px;
}

h2{
	font-size:14px;
	font-weight:100;
	letter-spacing:1px;
}

h3{
	font-size:12px;
	font-weight:100;
	letter-spacing:1px;
}


footer{
	position:relative;
	float: left;
	width:100%;
	height:auto;
	background: rgba(51,51,51,.9);
	border-top:rgba(102,102,102,.5) solid 10px;
}

.servicios{
	position:relative;
	float:left;
	width:50%;
	margin-top:5px;
	height:auto;
	border-bottom: rgba(204,204,204,.3) 1px dotted;
}

.servicios ul{
	position:relative;
	float:left;
	width:100%;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#CCC;
	padding:20px;
	border-left:none;
	height:auto;
	
	
}

.servicios ul li{
	padding:5px;
	padding-left:10px;
}

.servicios ul li:first-child{
	margin-top:15px;
}

.servicios ul li a{ 
	color:#CCC;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 13px;
	letter-spacing:1px;
	transition:ease-in all .2s;
}

.servicios ul li a:hover{
	opacity:.4;
}

.informacion{
	position:relative;
	float:left;
	width:50%;
	margin-top:5px;
}

.logogris{
	position:relative;
	float:left;
	width:50%;
	height:auto;
}

.informacion ul{
	position:relative;
	float:left;
	display:inline-block;
	width:100%;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#CCC;
	padding:20px;
	border-right: rgba(204,204,204,.3) 1px dotted;
	border-left: rgba(204,204,204,.3) 1px dotted;
	min-height:250px;
}

.informacion ul li{
	padding:5px;
	padding-left:10px;
}

.informacion ul li:first-child{
	margin-top:15px;
}

.informacion ul li a{ 
	color:#CCC;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 13px;
	letter-spacing:1px;
	transition:ease-in all .2s;
}

.informacion ul li a:hover{
	opacity:.4;
}

.gris{
	width:65%;
	padding-top:6.5vw;
}

#separar{
	width:100%;
}

#contacto_resposive{
	display:block;
	margin-left:10px;
	font-family:Arial, Helvetica, sans-serif;	
}

#contacto_resposive ul li{
	display:inline-block;
	
}

#contacto_resposive ul li:nth-child(1){
	color:#999;
	font-size:3vw;
	
}

#contacto_resposive ul li:nth-child(2){
	display:inline-block;
	font-size:7vw;
	color:#F16600;
	
}

#contacto_resposive ul li:nth-child(3){
	color:#999;
	font-size:3vw;
	
}


@media screen and (max-width:800px){

header #menu img{
	margin-left:6vw;
	
}

header ul#logos li:nth-child(3) img{
	margin-left:8vw;	

}

@media screen and (max-width:700px){

header #menu img{
	margin-left:6vw;

}
}

@media screen and (max-width:650px){

header #menu img{
	margin-left:2vw;

}

header ul#logos li:nth-child(3) img{
	margin-left:10vw;	

}

}

@media screen and (max-width:550px){
	


header #menu img{
	margin-left:4vw;
	margin-top:7vw;
	width:35px;
}

.servicios{
	position:relative;
	float:left;
	width:50%;
	margin-top:5px;
	height:auto;
	border-bottom: rgba(204,204,204,.3) 1px dotted;
}

.servicios ul{
	position:relative;
	float:left;
	width:100%;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:5vw;
	color:#CCC;
	padding:20px;
	border-left:none;
	height:auto;
	
	
}

.servicios ul li{
	padding:5px;
	padding-left:10px;
}

.servicios ul li:first-child{
	margin-top:15px;
}

.servicios ul li a{ 
	color:#CCC;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 13px;
	letter-spacing:1px;
	transition:ease-in all .2s;
}

.servicios ul li a:hover{
	opacity:.4;
}

.informacion{
	position:relative;
	float:left;
	width:50%;
	margin-top:5px;
}

.logogris{
	position:relative;
	float:left;
	display:flex;
	justify-content:center;
	align-items:center;
	width:50%;
	height:auto;
}

.informacion ul{
	position:relative;
	float:left;
	display:inline-block;
	width:100%;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:4vw;
	letter-spacing:1px;
	color:#CCC;
	padding:20px;
	border-right: rgba(204,204,204,.3) 1px dotted;
	border-left: rgba(204,204,204,.3) 1px dotted;
}

.informacion ul li{
	padding:5px;
	padding-left:10px;

}

.informacion ul li:first-child{
	margin-top:15px;

}

.informacion ul li a{ 
	color:#CCC;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 4vw;
	letter-spacing:1px;
	transition:ease-in all .2s;
}

.informacion ul li a:hover{
	opacity:.4;
}

.gris{
	width:75%;
	padding-top:10.3vw;
}

header ul#logos li:nth-child(1){
	position:relative;
	float:left;
	margin-top:4%;
	width:55vw;	
}

header ul#logos li:nth-child(1) img{
	width:55vw;
	max-width:450px;
} 

header ul#logos li:nth-child(2){
	position:relative;
	float:right;
	margin-top:4%;
	margin-left:2vw;	
	width:calc (25vw - 2vw);	
}

header ul#logos li:nth-child(2) img{
	width:25vw;
} 

}