* { margin:0; padding:0; }

body { 
	background:#111;
	height:100%;
	margin-left:0px;

}
strong {

	font-family:Arial, sans-serif; font-size:13px;
	color: #F00}
	
}
/* Menu responsive*/
header {
	width:100%;


}
 
header nav {
	width:90%;
	max-width:1000px;
	margin:20px auto;
	font-family: 'bebas_neueregular', Arial, sans-serif; font-size:20px;
	letter-spacing:0,2pt;
	word-spacing: 5pt;
	color:#CCC;
	background-color: #000;
	display: none;
	overflow: scroll;
	z-index: 2000;
}


.menu_bar {
	display:none;

}
 
header nav ul {
	overflow:hidden;
	list-style:none;
}
 
header nav ul li {
	float:left;
	margin: 0px;



}
 
header nav ul li a {
	color:#ccc;
	padding:15px;
	display:block;
	text-decoration:none;
}
 
header nav ul li span {
	margin-right:10px;
}
 
header nav ul li a:hover {
	background:url('../img/bg-black.png');
}
 
section {
	padding:20px;
}

header nav ul li .children {
	display: none;
	background:#f00;
	position: absolute;
	width: 100%;
	height:150%;
	z-index:5000;

}

header nav ul li .children li {
	display:block;
	overflow: hidden;
	border-bottom: 1px solid rgba(255,255,255,.3);
}

header nav ul li .children li a {
	display: block;
}

header nav ul li .children li a span {
	float: right;
	position: relative;
	top:3px;
	margin-right:25;
	margin-left:25px;
}
 
@media screen and (max-width:800px ) {
	header nav {
		display: inline-block;
		width:100%;
		height:100%;
		left:-100%;
		margin:0px;
		position: fixed;
	}

    ul{
       list-style:none;
       }
	ul#demo-block { display: none; }
	
	header nav ul li {
		display:block;
		float:none;
		border-bottom:1px solid rgba(255,255,255, .3);

		
	}
 
	.menu_bar {
		display:block;
		width:100%;
		background-color: #000;
		padding-top: 25px;

		
	}
 
	.menu_bar .bt-menu { 

		font-family: 'bebas_neueregular', Arial, sans-serif;
		font-size:25px;
		letter-spacing:0,2pt;
		color: #f00;
        text-decoration:none;
        padding: 10px;
        -webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
    }
 
	.menu_bar span {
		float:right;
		font-size:25px;

	}

  
}

/*Termina Menu responsive */


/*Empieza_res_2 

.menu_bar {
	display:none;
}

header {
	width: 100%;
}

header nav {
    width:90%;
	max-width:1000px;
	margin:20px auto;
	font-family: 'bebas_neueregular', Arial, sans-serif; font-size:20px; letter-spacing:0,2pt; word-spacing: 5pt;
	color:#CCC; background:url('../img/bg-black.png');
	display: none;
}

header nav ul {
	list-style:none;
}

header nav ul li {
	display:inline-block;
	position: relative;
}

header nav ul li:hover {
	background:#E6344A;
}

header nav ul li a {
	color:#fff;
	display:block;
	text-decoration:none;
	padding: 20px;
}

header nav ul li a span {
	margin-right:10px;
}

header nav ul li:hover .children {
	display:block;
}

header nav ul li .children {
	display: none;
	background:#011826;
	position: absolute;
	width: 150%;
	z-index:1000;
}

header nav ul li .children li {
	display:block;
	overflow: hidden;
	border-bottom: 1px solid rgba(255,255,255,.5);
}

header nav ul li .children li a {
	display: block;
}

header nav ul li .children li a span {
	float: right;
	position: relative;
	top:3px;
	margin-right:0;
	margin-left:10px;
}

header nav ul li .caret {
	position: relative;
	top:3px;
	margin-left:10px;
	margin-right:0px;
}

@media screen and (max-width:800px ) {
	header nav {
		display: inline-block;
		width:80%;
		height:100%;
		left:-100%;
		margin:0;
		position: fixed;
	}

	ul#demo-block { display: none; }

	.menu_bar {
		display:block;
		width:100%;
		position: fixed;
		top:0;
		background:#E6344A;
	}

	.menu_bar .bt-menu {
		display: block;
		padding: 20px;
		color: #fff;
		overflow: hidden;
		font-size: 25px;
		font-weight: bold;
		text-decoration: none;
	}

	.menu_bar span {
		float: right;
		font-size: 40px;
	}

	header nav {
		width: 80%;
		height: calc(100% - 80px);
		position: fixed;
		right:100%;
		margin: 0;
		overflow: scroll;
	}

	header nav ul li {
		display: block;
		border-bottom:1px solid rgba(255,255,255,.5);
	}

	header nav ul li a {
		display: block;
	}

	header nav ul li:hover .children {
		display: none;
	}

	header nav ul li .children {
		width: 100%;
		position: relative;
	}

	header nav ul li .children li a {
		margin-left:20px;
	}

	header nav ul li .caret {
		float: right;
	}
}

termina res_2 */

	img { border:none; }
	
#demo-idiomas{
	font-family: 'bebas_neueregular', Arial, sans-serif;
	font-size: 18px;
	letter-spacing: 0,2pt;
	word-spacing: 5pt;
	margin: 0px 35px 0px 0;
	padding: 5px;
	display: inline;
	float: right;
	clear: both;
	color: #f00;
	background: url('../img/bg-black.png');
}

	
ul#demo-block{ margin:0 10px 10px 10px; font-family: 'bebas_neueregular', Arial, sans-serif; font-size:20px; letter-spacing:0,2pt; word-spacing: 5pt;  }
			
			ul#demo-block li{ margin:0 0 2px 0; padding:2px; display:inline; float:left; clear:both; color:#CCC; background:url('../img/bg-black.png'); }
				
		ul#demo-block li a:link{ color:#CCC; text-decoration:none }
		ul#demo-block li a:visited{ color:#CCC;text-decoration:none }
		ul#demo-block li a:active{ color:#CCC;text-decoration:none }
		ul#demo-block li a:hover{ color: #F00; text-decoration:none}
	
	#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}
	
	#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
		#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
			#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
			#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
		
		#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
		#supersized a { width:100%; height:100%; display:block; }
			#supersized li.prevslide { z-index:-20; }
			#supersized li.activeslide { z-index:-10; }
			#supersized li.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }
				#supersized li.image-loading img{ visibility:hidden; }
			#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }
		
DIVS PARA EL BODY
#principal{ width:100%; height:100%; float:left; margin-top:500px; margin-left:25px;}
	
			    /*VENTANA EMERGENTE*/

 .modalDialogo {
  position: fixed;
  font-size: 13px;
  letter-spacing:0,2pt;
  word-spacing: 2pt;
  font-family: Arial, Helvetica, sans-serif;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
  z-index:0;
  opacity:0;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  pointer-events: none;
  overflow: scroll;
  
    
 }
  .modalDialogo_2 {
  position: fixed;
  font-size: 13px;
  letter-spacing:0,2pt;
  word-spacing: 2pt;
  font-family: Arial, Helvetica, sans-serif;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
  z-index:0;
  opacity:0;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  pointer-events: none;
  overflow: scroll;
  
    
 }

 .modalDialogo:target {
  opacity:1;
  pointer-events: auto;
 }

  .modalDialogo_2:target {
  opacity:1;
  pointer-events: auto;
 }

 .modalDialogo > div {
  width: auto;
  max-width: 750px;
  overflow-y:auto;
  height : 680px;
  position: relative;
  margin: 10% auto;
  padding: 35px 20px 13px 20px;
  border-radius: 0px;
  background:url('../img/bg-black.png');
  overflow: scroll;
  z-index: 6000;
  
  }

  .modalDialogo_2 > div {
  width: auto;
  max-width: 750px;
  overflow-y:auto;
  height : 680px;
  position: relative;
  margin: 30% auto;
  padding: 35px 20px 13px 20px;
  border-radius: 0px;
  background-color: #000;
  overflow: scroll;
  z-index: 6000;
  
  }

 .cerrar{
  color: #f00;
  line-height: 40px;
  position: absolute;
  right: 30px;
  text-align: center;
  top: 10px;
  width: 90px;
  text-decoration: none;
  background:url('../img/bg-black.png');
   
 }

.cerrar2{
  color: #f00;
  line-height: 40px;
  position: relative;
  left: 30px;
  text-align: center;
  top: 10px;
  width: 90px;
  text-decoration: none;
  background:url('../img/bg-black.png');
   
 }



 .cerrar:hover {color: #F00; text-decoration:none}

.btTxt {
	border: none 0px;
	color: #ccc;
	font-size: 26px;
	font-family: bebas_neueregular, Arial, sans-serif;
	padding: 10px 5px;
  
}

.btTxt:hover {color: #F00; text-decoration:none}
			    

.btTxt2 {
	border: none 0px;
	color: #F00;
	font-size: 26px;
	font-family: bebas_neueregular, Arial, sans-serif;
	padding: 10px 5px;
	padding-left: 25px;
	
  
}

.btTxt2:hover {color: #F00; text-decoration:none}
			    
    .modalDialogo_2 a:link{ color:#CCC; text-decoration:none }
	.modalDialogo_2 a:visited{ color:#CCC;text-decoration:none }
	.modalDialogo_2 a:active{ color:#CCC;text-decoration:none }
	.modalDialogo_2 a:hover{ color: #F00; text-decoration:none}