@IMPORT URL("general.css");
@IMPORT URL("desktop_laptop.css");

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

@font-face {
    font-family: 'BebasRegular';
    src: url('font/BEBAS___-webfont.eot');
    src: url('font/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/BEBAS___-webfont.woff') format('woff'),
         url('font/BEBAS___-webfont.ttf') format('truetype'),
         url('font/BEBAS___-webfont.svg#BebasRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'capriolaregular';
  src: url("fonts/capriola/capriola-regular-webfont.eot");
  src: url("fonts/capriola/capriola-regular-webfontd41d.eot?#iefix") format("embedded-opentype"), url("fonts/capriola/capriola-regular-webfont.woff") format("woff"), url("fonts/capriola/capriola-regular-webfont.ttf") format("truetype"), url("fonts/capriola/capriola-regular-webfont.svg#capriolaregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

html,body{
 	font-family: 'capriolaregular';
	width:100%;
	height:100%;
}

/*********************************/
/*********** banner **************/
/*********************************/
.banner{
	width:100%;
	height:100%;
	background:url(../images/banner/fondo.jpg) center no-repeat;
	background-size:cover;
	text-align:center;
	margin:0 auto;
}

.banner #botoncerrar, .banner #botoncerrar a{
	float:right;
	margin:1em;
	display:block;
}

.banner h4{
	margin:0 auto;
	padding:1em;
	font-size: 11px;
	font-size: 1.1rem;	
	font-family: 'Righteous', sans-serif;
	color:#334588;
	width:60%;
}

.banner p{
	margin:0 auto;
	width:52%;
	height:auto;
}

.banner p img{
	margin:0 auto;
	width:100%;
	cursor:pointer;
}




.loading #container {
	opacity: 0;
	}

.loading .slide {
	opacity: 0;
	}
	
.loading:before  { 
	content: 'Cargando'; 
	display: block; 
	margin: 0; 
	text-align: center; 
	color: #fff; 
	font-weight: bold; 
	font-size: 60px; 
	opacity: 0.3; 
	}
	
body {
	opacity: 1; 
	-webkit-transition: opacity 1s ease;
	}

.precarga{
	background:url(../images/preload.jpg) top center no-repeat;
	width:100%;
	height:100%;
	position: relative;
	}
	
.noprecarga{
	display:none;
	}
	
/* --Clearfix */
.cf:before,
.cf:after {content:""; display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}

nav a {
	text-decoration:none;
}

nav a: hover {
	text-decoration:none;
	color: white;
}