/*
Theme Name: dlheraabogados
Author: Chiti de la Hera
Author URI: http://localhost/herabang_plantillas/
Description: Plantilla de wordpress
Version: 1.0
*/

/* CSS GLOBAL */
.cuerpo{
    height: 100%;
    margin: 0%;
    padding: 0%;
}

.cabecera{
	
}
.navMenu{
	display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto;
	background-color:#10c2e6;
	background-image:url(http://hera-abogados.es/wp-content/uploads/2021/07/logo.png);
	background-size:100% 100%;
	width:100%;
	height:200px;
	align-items:center;
}
.navMenu ul{
	display:flex;
	list-style-type:none;
	justify-content:center;
	padding:0% 2%;
}
.navMenu ul li{
	padding:2%;
}
.navMenu ul li a{
	text-decoration:none;
	color:white;
	font-weight:bold;
}
.navMenu ul li a:hover{
	text-decoration:none;
	color:white;
	font-weight:bold;
}
.menu{
}
.ulMenu2{
}
footer{
	background-color:#10c2e6;
	width:100%;
}

/* INICIO */
.presentacion{
	padding:4%;
}

/* NOTICIAS */
.sNoticias{
	margin:0% 2%;
}
/* CONTACTO */
.sContacto{
	display:grid;
	grid-template-columns:50% 50%;
	grid-template-rows:auto;
	width:100%;
	text-align:center;
}
.sCIzq{
	display:flex;
	flex-direction:column;
	width:100%;
	padding:4%;
}
.sCDrch{
	display:flex;
	flex-direction:column;
	width:100%;
	padding:4%;
}
.formI{
	width:100%;
}
.wpcf7-form-control{
	width:100%;
}

/* FOOTER */
.ulFooter{
	display:flex;
	margin:0%;
	padding:4%;
	width:100%;
	align-items:center;
	text-align:center;
	list-style-type:none;
}
.ulFooter li{
	width:100%;
}
.ulFooter li a{
	color:white;
	text-decoration:none;
	font-weight:bold;
	
}

/* movil */
@media (min-width:176px) and (max-width:318px){ 
	.cabecera{
		background-image:none !important;
		background-size:100% 100%;
	}
	.navegacion{
		display:flex;
		background-color:#10c2e6;
		background-image:url(http://hera-abogados.es/wp-content/uploads/2021/07/logo.png);
		background-size:100% 100%;
		width:100%;
		color:black;
		padding:2% 4%;
		align-items:center;
	}
	.bMenu{
		display:flex;
		flex-direction:column;
		list-style-type:none;
		margin:0%;
		padding:0%;
		justify-content:center;
		align-items:center;
		width:100%;
	}
	.bMenu li{
		width:100%;
		padding:2%;
		z-index:2;
		list-style-type:none;
		position:relative;
		background-color:white;
	}
	.bMenu li a{
		text-decoration:none;
		color:black;
		padding:2% 4%;
	}
	.bMenu li a:hover{
		text-decoration:none;
		color:black;
	}
	.imgMenu{
		border-radius:50px;
		width:40%;
	}
	.navMenu{
		display:none !important;
	}
	.ulMenu2{
		display:none !important;
	}
	.sContacto{
		display:flex;
		flex-direction:column;
		width:100%;
		text-align:center;
	}
}

/* movil */
@media (min-width:319px) and (max-width:480px){ 
	.cabecera{
		background-image:none !important;
		background-size:100% 100%;
	}
	.navegacion{
		display:flex;
		background-color:#10c2e6;
		background-image:url(http://hera-abogados.es/wp-content/uploads/2021/07/logo.png);
		background-size:100% 100%;
		width:100%;
		color:black;
		padding:2% 4%;
		align-items:center;
	}
	.bMenu{
		display:flex;
		flex-direction:column;
		list-style-type:none;
		margin:0%;
		padding:0%;
		justify-content:center;
		align-items:center;
		width:100%;
	}
	.bMenu li{
		width:100%;
		padding:2%;
		z-index:2;
		list-style-type:none;
		position:relative;
		background-color:white;
	}
	.bMenu li a{
		text-decoration:none;
		color:black;
		padding:2% 4%;
	}
	.bMenu li a:hover{
		text-decoration:none;
		color:black;
	}
	.imgMenu{
		border-radius:50px;
		width:40%;
	}
	.navMenu{
		display:none !important;
	}
	.ulMenu2{
		display:none !important;
	}
	.sContacto{
		display:flex;
		flex-direction:column;
		width:100%;
		text-align:center;
	}
}

/* movil y tv */
@media (min-width:481px) and (max-width:767px){ 
	.cabecera{
		background-image:none !important;
		background-size:100% 100%;
	}
	.navegacion{
		display:flex;
		background-color:#10c2e6;
		background-image:url(http://hera-abogados.es/wp-content/uploads/2021/07/logo.png);
		background-size:100% 100%;
		width:100%;
		color:black;
		padding:2% 4%;
		align-items:center;
	}
	.bMenu{
		display:flex;
		flex-direction:column;
		list-style-type:none;
		margin:0%;
		padding:0%;
		justify-content:center;
		align-items:center;
		width:100%;
	}
	.bMenu li{
		width:100%;
		padding:2%;
		z-index:2;
		list-style-type:none;
		position:relative;
		background-color:white;
	}
	.bMenu li a{
		text-decoration:none;
		color:black;
		padding:2% 4%;
	}
	.bMenu li a:hover{
		text-decoration:none;
		color:black;
	}
	.imgMenu{
		border-radius:50px;
		width:40%;
	}
	.navMenu{
		display:none !important;
	}
	.ulMenu2{
		display:none !important;
	}
	.sContacto{
		display:flex;
		flex-direction:column;
		width:100%;
		text-align:center;
	}
}

/* para pc y tablet con estas dimensiones en vertical */
@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){ 
	.navegacion{
		display:none !important;
	}
	.bMenu{
		display:none !important;
	}
}

/* pc y tablet en horizontal*/
@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){ 
	.navegacion{
		display:none !important;
	}
	.bMenu{
		display:none !important;
	}
}

/* pc, tablet y tv */
@media (min-width:1025px) and (max-width:1280px){  
	.navegacion{
		display:none !important;
	}
	.bMenu{
		display:none !important;
	}
}

/* pc, tablet */
@media (min-width:1281px) and (max-width:1440px){   
	.navegacion{
		display:none !important;
	}
	.bMenu{
		display:none !important;
	}
}

/* pc, tv */
@media (min-width:1441px) and (max-width:1999px){   
	.navegacion{
		display:none !important;
	}
	.bMenu{
		display:none !important;
	}
}

/* tv */
@media (min-width:2000px) and (max-width:2736px){    
	.navegacion{
		display:none !important;
	}
	.bMenu{
		display:none !important;
	}
}

/* tv */
@media (min-width:2737px) and (max-width:3840px){    
	.navegacion{
		display:none !important;
	}
	.bMenu{
		display:none !important;
	}
}

/* tv */
@media (min-width:3841px) and (max-width:4095px){    
	.navegacion{
		display:none !important;
	}
	.bMenu{
		display:none !important;
	}
}

/* tv */
@media (min-width:4096px) and (max-width:7679px){  
	.navegacion{
		display:none !important;
	}
	.bMenu{
		display:none !important;
	}
}

/* tv */
@media (min-width:7680px){ 
	.navegacion{
		display:none !important;
	}
	.bMenu{
		display:none !important;
	}
}