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

/*0-1-GENERALES*/

html{
	font-family: 'Open Sans', sans-serif;
	color:#333;}
	
body{
	background-color:white;
	margin:0;
	max-width:1200px;
	margin:0 auto;}
	
*{ 
	box-sizing:border-box;}
	
/*FIN DE 0-1-GENERALES*/

/*0-2-HEADER*/
header {
	background-color:#f2cb0e;
	height:120px;
	display:flex;
	justify-content:space-between;
	align-items:center;}

header a:link, header a:visited, #desplegable a:link, #desplegable a:visited{
	color:#333;
	text-decoration:none;
	font-weight:500}

header li{
	list-style-type:none;
	display:inline-block;}

#zonalogo{
	width:20%;
	text-align:center}

#zonalogo img{
	margin: 0 auto;}
	
#zonaderecha{
	width:80%;
	}

nav ul{
	width:100%;
	padding-left:0;
	display:flex;
	justify-content:space-around;}

/*nav li{
	border-bottom:2px solid #f2cb0e;}*/

/*PARPADEANTE	*/
.parpadea {
  
  animation-name: parpadeo;
  animation-duration: 0.8s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 0.8s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
   100% { opacity: 1.0; }
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}
/*FIN DE PARPADEANTE*/

/*HOVER EN LOS BOTONES DEL NAVEGADOR*/

nav a {
	border: none;
	background: #f2cb0e;
	color: #333;
	padding: 6px;
	font-size: 16px; 
	font-weight:600;
	position: relative;
	transition: all 500ms ease;
	/*border-bottom:2px solid transparent;*/}

nav a:before {
	content:"";
	position: absolute;
	top: 0px;
	left: 0px;
	width: 0px;
	height: 26px;
	background: rgba(255,255,255,0);
	transition: all 500ms ease;
	border-bottom:2px solid #333;}

nav a:hover:before {
	width: 100%;}

nav a:hover{
	font-weight:900;}
	
/*FIN HOVER EN LOS BOTONES DEL NAVEGADOR*/

#socialdm{
	display:flex;
	flex-flow:column;
	align-items:flex-end;
	margin-right:20px;	
	padding-top:10px;
	}

#supdm{
	width:240px;
	padding-top:10px;
	display:flex;
	justify-content:space-between;}
	
#infdm{
	width:240px;
	display:flex;
	justify-content:space-between;
	padding-top:10px;
	font-size:20px;
	text-align:center;
	letter-spacing: -1px}
	
#infdm a{
	font-weight:900;}

/*HEADER RESPONSIVE*/
@media (max-width:816px) and (min-width:616px){
	
#zonaderecha{
	width:70%;
	}
#socialdm{
}
#supdm img{
	width:18px;
	height:18px;}
	
#infdm{
	padding-top:10px;
	font-size:18px;}
	
#infdm a{
	font-weight:800;}	
}
/*FIN DE HEADER RESPONSIVE*/

/*FIN DE 0-2-HEADER*/

/*0-3 MENU BURGER MOVILES*/
#container {
	display:none;}

@media (max-width:616px) and (min-width:516px) {

nav {
	display:none;}	

#container{
	display:block;
	position:relative;
	text-align:center;
	top:0px;}
	
#container img{
	padding:8px;}
	
#desplegable{
	display:none;
	width:100%;
	position:absolute;
	left:0;
	top:32px;
	padding:0;}

#desplegable ul{
	margin-left:-40px;
	text-decoration:none;}
	
#desplegable li{
	border: solid 1px #f2cb0e;
	background-color: white;
	text-align:center;
	font-size:14px;
	border-radius:4px;
	list-style:none;
	margin-bottom:0px;
	padding:5px}

#desplegable a:hover{
	font-weight:900;}
	
#desplegable li:hover{
	background-color:#f2cb0e;}
	
#logodm, #socialdm{
	margin:0 3em;}
}	

@media (max-width:516px) {
	
nav {
	display:none;}	

#container{
	display:block;
	position:relative;
	text-align:center;
	top:0px;}
	
#container img{
	padding:8px;}
	
#desplegable{
	display:none;
	width:100%;
	position:absolute;
	left:0;
	top:32px;
	padding:0;}

#desplegable ul{
	margin-left:-40px;
	text-decoration:none;}
	
#desplegable li{
	border: solid 1px #f2cb0e;
	background-color: white;
	text-align:center;
	font-size:14px;
	border-radius:4px;
	list-style:none;
	margin-bottom:0px;
	padding:5px}

#desplegable a:hover{
	font-weight:900;}
	
#desplegable li:hover{
	background-color:#f2cb0e;}
	
header{
	display:inline-block;
	width:100%;
	background-color:#f2cb0e;}
		
#zonalogo{
	display:inline-block;
	width:100%;
	text-align:center;
	margin-top:10px;}
	
#zonaderecha{
	width:100%;
	background-color:#f2cb0e;
	justify-content:space-around;
	padding-bottom:0px;
	margin-bottom:10px;}
	
#socialdm{
	max-width:100%;
	margin:0;
	width:100%;
	display:flex;
	flex-flow:row-reverse;
	margin-bottom:5px;}

#supdm{
	width:48%;
	align-items:center;
	justify-content:space-around;}
	
#llamanosdm{
	display:none}	
	
#infdm{
	width:48%;
	font-size:16px;
	align-items:center;
	padding:0;
	justify-content:space-around;}
}
/*FIN DE 0-3 MENU BURGER MOVILES*/

/*0-4-FOOTER*/

footer{
	background-color:black;
	color:white;
	height:50px;
	font-size:12px;
	letter-spacing:0px;}
	
footer a:link, footer a:visited{
	color:white;
	text-decoration:none;}
	
footer a{
	border: solid 2px transparent;}

footer a:hover{
	color:#f2cb0e;
	font-weight:bold;
	border:none;}
	
footer ul{
	width:100%;
	padding-left:0;
	display:flex;
	justify-content:space-around;}

footer li{
	padding-top:15px;
	list-style-type:none;}	
	
#pie2dm{
	display:none}

@media (max-width:616px) {
#pie1dm{
	display:none}

#pie2dm{
	display:flex;}
	
footer{
	font-size:24px;}
	
footer li{
	padding-top:8px;
	list-style-type:none;}	
}
	
/*FIN DE 0-4-FOOTER*/