@charset "utf-8";


html {
	height: 100%;
}
body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;	
	color: #fff;
	height: 100%;
	margin:0;
	padding:0;
	
	background-repeat:no-repeat;
	background-attachment:fixed;
	
	overflow-x:hidden;
	overflow-y:auto;
	
/*	background: rgba(22,42,46,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(22,42,46,1) 0%, rgba(3,15,18,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(22,42,46,1)), color-stop(100%, rgba(3,15,18,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(22,42,46,1) 0%, rgba(3,15,18,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(22,42,46,1) 0%, rgba(3,15,18,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(22,42,46,1) 0%, rgba(3,15,18,1) 100%);
background: radial-gradient(ellipse at center, rgba(22,42,46,1) 0%, rgba(3,15,18,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#162a2e', endColorstr='#030f12', GradientType=1 );*/


background: rgba(107,102,104,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(107,102,104,1) 0%, rgba(3,0,5,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(107,102,104,1)), color-stop(100%, rgba(3,0,5,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(107,102,104,1) 0%, rgba(3,0,5,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(107,102,104,1) 0%, rgba(3,0,5,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(107,102,104,1) 0%, rgba(3,0,5,1) 100%);
background: radial-gradient(ellipse at center, rgba(107,102,104,1) 0%, rgba(3,0,5,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6668', endColorstr='#030005', GradientType=1 );

/*
background: rgba(107,102,104,1);
background: -moz-linear-gradient(left, rgba(107,102,104,1) 0%, rgba(138,138,138,1) 33%, rgba(107,102,104,1) 34%, rgba(51,50,50,1) 65%, rgba(102,102,102,1) 66%, rgba(3,0,5,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(107,102,104,1)), color-stop(33%, rgba(138,138,138,1)), color-stop(34%, rgba(107,102,104,1)), color-stop(65%, rgba(51,50,50,1)), color-stop(66%, rgba(102,102,102,1)), color-stop(100%, rgba(3,0,5,1)));
background: -webkit-linear-gradient(left, rgba(107,102,104,1) 0%, rgba(138,138,138,1) 33%, rgba(107,102,104,1) 34%, rgba(51,50,50,1) 65%, rgba(102,102,102,1) 66%, rgba(3,0,5,1) 100%);
background: -o-linear-gradient(left, rgba(107,102,104,1) 0%, rgba(138,138,138,1) 33%, rgba(107,102,104,1) 34%, rgba(51,50,50,1) 65%, rgba(102,102,102,1) 66%, rgba(3,0,5,1) 100%);
background: -ms-linear-gradient(left, rgba(107,102,104,1) 0%, rgba(138,138,138,1) 33%, rgba(107,102,104,1) 34%, rgba(51,50,50,1) 65%, rgba(102,102,102,1) 66%, rgba(3,0,5,1) 100%);
background: linear-gradient(to right, rgba(107,102,104,1) 0%, rgba(138,138,138,1) 33%, rgba(107,102,104,1) 34%, rgba(51,50,50,1) 65%, rgba(102,102,102,1) 66%, rgba(3,0,5,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6668', endColorstr='#030005', GradientType=1 );*/

}

.bg_body {
	top:0;
	right:0;
	left:0;
	bottom:0;
	position:absolute;
	
}

.base_100x100 {
	height: 100%;
	width: 100%;
	background-color:#C90;
	position:absolute;
}

.contebody {
	height: 100%;
	width: 100%;
	/*overflow: hidden;*/
	
}

h1, h2, h3, h4, h5, h6 {
	margin:0;	
}


h1 {
	font-size:1.1em;
	margin-top:.15em;
}
h2 {
	font-size:1.1em;
	color:#FC0;
}
h3 {
	font-size:2em;	
}
h4 {
	font-size:1em;
}
h5 {
	font-size:.85em;
}
h6 {
	font-size:.8em;
}


#titu_header {
	position: fixed;
	top: 2em;
	right: 2em;
	font-size: .9em;
	text-align:right;
	
	
	transition: all  1.5s .5s ease;
	-o-transition: all  1.5s .5s ease;
	-ms-transition: all 1.5s .5s  ease;
	-moz-transition: all 1.5s .5s  ease;
	-webkit-transition: all 1.5s .5s  ease;
	
	
}
#titu_header.oculto2 {
	
	opacity:0;
}
.oculto1
{
		
}

.oculto2{
	opacity:0;
}


a {
	text-decoration:none;	
	color:#777;
}

a:link , a:visited, a:active{
	color:#666666;
}

a:hover {
	color:#F5C501;
}


.enlinea {
	display:inline-block;
}


.oscuro {
	color:#555;
}
.nodisplay { display:none;}

.limpia { clear:both;}
.limpia_izq { clear:left;}
.limpia_der { clear:right;}

.flota_izq { float:left;}
.flota_der { float:right;}


.gr_items {
	font-size:1em;
	height: 100%;
	width: 100%;
	
}



.item_titu {
	margin-bottom:1em;
	letter-spacing:.15em;
	font-weight:lighter;
	font-size:0.6em;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-transform:uppercase;
	
	transition: all 1.05s ease;
	-o-transition: all 1.05s ease;
	-ms-transition: all 1.05s ease;
	-moz-transition: all 1.05s ease;
	-webkit-transition: all 1.05s ease;
}

.ico_control {
	margin-left:1em;	
	
	transition: all 1.05s ease;
	-o-transition: all 1.05s ease;
	-ms-transition: all 1.05s ease;
	-moz-transition: all 1.05s ease;
	-webkit-transition: all 1.05s ease;
}

.ico_control img {
	width:1.75em;
	height:auto;
	margin-bottom:.5em;
}



.ico_control.cierra {
	opacity:0;
}


.ampliado .ico_control.cierra {
	opacity:1;
}


.ampliado .ico_control.cierra:hover {
	
	
	 perspective-origin:center center;
	 -o-perspective-origin:center center;
	 -ms-perspective-origin:center center;
	 -moz-perspective-origin:center center;
	 -webkit-perspective-origin:center center;
	 
	transform:rotateZ(180deg)  translate3d(0%, 0%, 0) ;
	-o-transform:rotateZ(180deg)  translate3d(0%, 0%, 0) ;
	-ms-transform:rotateZ(180deg)  translate3d(0%, 0%, 0) ;
	-moz-transform:rotateZ(180deg)  translate3d(0%, 0%, 0) ;
	-webkit-transform:rotateZ(180deg)  translate3d(0%, 0%, 0) ;
}


.ico_control.gira {
	opacity:0;
	transform:rotateY(180deg)   ;
	-o-transform:rotateY(180deg)  ;
	-ms-transform:rotateY(180deg)   ;
	-moz-transform:rotateY(180deg)  ;
	-webkit-transform:rotateY(180deg) 
}


.gr_items > div:hover .ico_control.gira {
	opacity:1;
	transform:rotateY(0deg)   ;
	-o-transform:rotateY(0deg)  ;
	-ms-transform:rotateY(0deg)   ;
	-moz-transform:rotateY(0deg)  ;
	-webkit-transform:rotateY(0deg)   ;
}


.gr_items > div:hover  .ico_control.gira:hover {
	
	transform:scale(1.5,1.5)  ;
	-o-transform:scale(1.5,1.5)   ;
	-ms-transform:scale(1.5,1.5)   ;
	-moz-transform:scale(1.5,1.5)   ;
	-webkit-transform:scale(1.5,1.5)   ;
	
	/* perspective-origin:center center;
	 -o-perspective-origin:center center;
	 -ms-perspective-origin:center center;
	 -moz-perspective-origin:center center;
	 -webkit-perspective-origin:center center;
	 
	transform:rotateY(180deg)  ;
	-o-transform:rotateY(180deg)  ;
	-ms-transform:rotateY(180deg)  ;
	-moz-transform:rotateY(180deg)  ;
	-webkit-transform:rotateY(180deg)  ;*/
}




/* LUCES */


.luz {
	
	transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	
	-moz-box-shadow:  2px 2px 18px rgba(255,255,255,.15);
	-webkit-box-shadow:  2px 2px 18px rgba(255,255,255,.15);
	box-shadow:  2px 2px 18px rgba(255,255,255,.15);

}

/*
, .gr_items > div:hover .luz 
*/

.luz:hover {
	
	-moz-box-shadow:  2px 2px 38px rgba(255,255,255,.55);
	-webkit-box-shadow:  2px 2px 38px rgba(255,255,255,.55);
	box-shadow:  2px 2px 38px rgba(255,255,255,.55);

}


.ampliado .luz, .ampliado .luz:hover, .ampliado:hover .luz{
	
	-moz-box-shadow:  2px 2px 68px rgba(0,0,0,.75);
	-webkit-box-shadow:  2px 2px 68px rgba(0,0,0,.75);
	box-shadow:  2px 2px 68px rgba(0,0,0,.75);

}

.chivato {
	position:absolute;
	left: 0em;
	top:0em;
	width:10em;
	height:2em;
	background-color:#F00;
	color:#FFFFFF;	
}


.chivato_top {
	position:absolute;
	left: 20em;
	top:0em;
	width:50em;
	height:1em;
	background-color:#CF3;
	color:#000;
}


.chivato_desplaza {
	position:absolute;
	left: 40em;
	top:0em;
	width:35em;
	height:1em;
	background-color:#F90;
	color:#000;
}

/* responsive */ 

/* Large desktop */


@media (min-width: 1681px){
	body {
		font-size:1.2em;	
	}
}

@media (min-width: 1481px)  and (max-width: 1680px){
	body {
		font-size:1.1em;	
	}
}


@media (min-width: 1481px)  and (max-width: 1680px){
	body {
		font-size:1.05em;	
	}
}


@media (min-width: 1281px)  and (max-width: 1480px){
	body {
		font-size:1em;	
	}
}

/* Med Desktop */
@media (min-width: 1151px) and (max-width: 1280px) {
	body {
		font-size:.95em;	
	}
}

/* Desktop */
/*@media (min-width: 990px) and (max-width: 1024px) {
	
}*/

/* Tablets */

@media (min-width: 1101px) and (max-width: 1150px) {

body {
		font-size:.9em;	
	}

}

@media (min-width: 1025px) and (max-width: 1100px) {

body {
		font-size:.85em;	
	}

}

@media (min-width: 951px) and (max-width: 1024px) {

body {
		font-size:.8em;	
	}

}
@media (min-width: 868px) and (max-width: 950px) {

body {
		font-size:.7em;	
	}

}

@media (min-width: 768px) and (max-width: 867px) {

body {
		font-size:.6em;	
	}

}

@media (min-width: 639px) and (max-width: 767px) {
	body {
		font-size:.55em;	
	}

}

/* Smarthphones */ 
@media (min-width: 601px) and (max-width: 638px)  {

body {
		font-size:.5em;	
	}

}

@media  (min-width: 501px) and (max-width: 600px) {


body {
		font-size:.45em;	
	}	
}


@media  (min-width: 401px) and (max-width: 500px) {


body {
		font-size:.35em;	
	}

	
}

/* Smarthphones */ 
@media (max-width: 400px) {


body {
		font-size:.3em;	
	}
	
}