@charset 'UTF-8';

@font-face {
font-family: kremlin;
src: url(../fonts/kremlin.ttf);
}

@font-face {
font-family: KyrillaSansSerif-Bold;
src: url(../fonts/KyrillaSansSerif-Bold.ttf);
}

@font-face {
font-family: KalinkaShadow;
src: url(../fonts/KalinkaShadow.ttf);
}

@font-face {
	font-family: GulagDecay;
	src: url(../fonts/GulagDecay.ttf);
	}

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	body
	{
		background: #000;
		
	}

	body,input,textarea
	{
  
                font-family: 'Roboto Slab', serif;
		font-size: 13pt;
		line-height: 2.2em;
	}


select.night
{
font-family: 'Open Source Pro', sans-serif;
letter-spacing: 0 !important;
background: #FFF !important;
color: #000 !important;
border: 1px solid #d0d0d0;
padding: 10px;
text-align: center;
}

select
{
font-family: 'Open Source Pro', sans-serif;
letter-spacing: 1px;
background: #FFF;
color: #000;
border: 1px solid #000;
padding: 10px;
text-align: center;
}



	h1,h2,h3,h4,h5,h6
	{
		font-weight: bold;
	}



		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
		{
			text-decoration: none;
		}
		
	/* Change this to whatever font weight/color pairing is most suitable */
	strong, b
	{
		font-weight: bold;
		color: #000000;
	}
	
	em, i
	{
		font-style: italic;
	}

	/* Don't forget to set this to something that matches the design */
	a
	{
		color: #FF0000;
	}
	
	a:hover
	{
		text-decoration: none;
	}

	sub
	{
		position: relative;
		top: 0.5em;
		font-size: 0.8em;
	}
	
	sup
	{
		position: relative;
		top: -0.5em;
		font-size: 0.8em;
	}
	
	hr
	{
		border: 0;
		border-top: solid 1px #ddd;
	}
	
	blockquote
	{
		border-left: solid 0.5em #ddd;
		padding: 1em 0 1em 2em;
		font-style: italic;
	}
	
	p, ul, ol, dl, table
	{
		margin-bottom: 1em;
	}

	header
	{
	}
	
		header h2
		{
			letter-spacing: -1px;
			font-weight: 700;
		}
	
		header .byline
		{
			display: block;
			text-transform: uppercase;
		}
		
	footer
	{
		margin-top: 1em;
	}

	br.clear
	{
		clear: both;
	}
	
	/* Buttons */
		
		.button
		{
			position: relative;
			display: inline-block;
			margin-top: 2em;
			padding: 0.8em 1.5em;
			background: #000;
			border-radius: 6px;
			text-decoration: none;
			text-transform: uppercase;
			font-size: 1em;
			color: #FFF;
			-moz-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
			-webkit-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
			-o-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
			-ms-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
			transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
			cursor: pointer;
		}

			.button:hover
			{
				background: #000;
				color: #FFF !important;
			}
	

	/* Sections/Articles */
	
		section,
		article
		{
			margin-bottom: 3em;
		}
		
		section > :last-child,
		article > :last-child
		{
			margin-bottom: 0;
		}

		section:last-child,
		article:last-child
		{
			margin-bottom: 0;
		}

		.row > section,
		.row > article
		{
			margin-bottom: 0;
		}

	/* Images */

		.image
		{
			display: inline-block;
		}
		
			.image img
			{
				display: block;
				width: 100%;
				border-radius: 6px;
			}

			.image.featured
			{
				display: block;
				width: 100%;
				margin: 0 0 2em 0;
			}
			
			.image.full
			{
				display: block;
				width: 100%;
				margin: 0 0 2em 0;
			}
			
			.image.left
			{
				float: left;
				margin: 0 2em 2em 0;
			}
			
			.image.centered
			{
				display: block;
				margin: 0 0 2em 0;
			}

				.image.centered img
				{
					margin: 0 auto;
					width: auto;
				}

	/* Lists */

		ul.default
		{
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
			ul.default li
			{
				padding: 0.50em 0em;
			}	
		
		ul.style1
		{
			font-size: 0.90em;
		}	

			ul.style1 li
			{
				padding: 0.80em 0em;
				line-height: 1.8em;
			}	

			ul.style1 li img
			{
				float: left;
				margin-right: 1.50em;
				border-radius: 6px;
			}
			
			ul.style1 .posted
			{
				display: block;
				margin-top: 1em;
				padding: 0.50em 0em;
			}


	
/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

	#banner
	{
		position: relative;
		background: #000;
		color: #fff;
	}

/*********************************************************************************/
/* Main y subrayado en hover                                                     */
/*********************************************************************************/

	#main
	{
		position: relative;
		background: #000;
text-decoration: none;
color: #e6e6e6;
/*color: #C0C0C0;*/
font-size: 12pt;
	}

	
	.divider
	{
		overflow: hidden;
		border-top: 1px solid #dbdbdb;
	}
#main a
	{
		text-decoration: none;
	}		

#main a:hover
	{
		text-decoration: underline;
	}

	
/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/
	
	
	#copyright
	{
		position: relative;
		padding: 3em 0em;
		text-align: center;
                color: #FFF;
	
	}


	
	#copyright .container
	{

	}
	
	#copyright a
	{
		text-decoration: none;
		color:   #e2e2e2;

	}


/*********************************************************************************/
/* Círculos y bordes redondeados                                                 */
/*********************************************************************************/

span.circle-menu {
position:absolute;
/*left: 60px; */
left: 27%; /* Establecemos la barra en la izquierda */
top: 192px; /* Bajamos la barra 60px de arriba a abajo */
background: #9f0000;
border: 1px solid transparent;
   border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #FFF;
  display: inline-block;
  font-weight: normal;
  line-height: 1.6em;
  text-align: center;
  width: 1.6em;
text-indent: 1px;

font-family: Orbitron;
font-size: 14px;
padding-left: 5px;
padding-right: 24px;
}

@media screen and (min-width: 400px) {

span.circle-menu {
/*left: 31% !important;*/
left: 25% !important;

}
}

@media screen and (min-width: 400px) {

span.circle-menu.night {
/*left: 31% !important;*/
left: 25% !important;

}
}

span.circle-menu.night {
position:absolute;
/*left: 60px; */
left: 27%; /* Establecemos la barra en la izquierda */
top: 192px; /* Bajamos la barra 60px de arriba a abajo */
background: #9f0000;
border: 1px solid transparent;
   border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #FFF;
  display: inline-block;
  font-weight: normal;
  line-height: 1.6em;
  text-align: center;
  width: 1.6em;
text-indent: 1px;
}



span.cuad {

background: #000000;
background: -moz-linear-gradient(top,  #000000 0%, #202123 100%);
background: -webkit-linear-gradient(top,  #000000 0%,#202123 100%);
background: linear-gradient(to bottom,  #000000 0%,#202123 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#202123',GradientType=0 );

padding: 10px;
display: inline-block;

border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
border: 1px dashed #FFF;
width:100%;
}


span.cuad-net {

background: #000000;
background: -moz-linear-gradient(top,  #000000 0%, #202123 100%);
background: -webkit-linear-gradient(top,  #000000 0%,#202123 100%);
background: linear-gradient(to bottom,  #000000 0%,#202123 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#202123',GradientType=0 );

padding: 10px;
display: inline-block;

border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
border: 1px dashed #FFF;
width:100%;


padding-bottom: 40px;
font-weight: bold;
}


span.cuad2 {
font-family: KyrillaSansSerif-Bold;
background: #45484d; /* Old browsers */
background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

padding: 15px;
width: 100%;
height: 100%;
display: inline-block;

border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
border: 0px solid #000;
text-align:center;
}

span.cuad3 {
background: none;
/*padding: 20px;*/
width: 100%;
height: 100%;
display: inline-block;

padding-top: 10px;

}

/*********************************************************************************/
/* Estilo Letras                                                                 */
/*********************************************************************************/

.wb {
color: white;
font-weight: bold;
letter-spacing: 2px;
font-family: Roboto Slab;
}

.wb.night {
color: black;
font-weight: bold;
letter-spacing: 2px;
font-family: Orbitron;
}



span.titu {
color: #FFF;
background: #000;
padding: 10px;
}





span.titu.night {
color: #FFF;

background: -moz-linear-gradient(top,  rgba(26,48,53,0) 0%, rgba(26,48,53,0.8) 15%, rgba(26,48,53,1) 19%, rgba(26,48,53,1) 20%, rgba(26,48,53,0.91) 50%, rgba(26,48,53,0.81) 82%, rgba(26,48,53,0.8) 85%, rgba(26,48,53,1) 99%, rgba(26,48,53,0) 100%);
background: -webkit-linear-gradient(top,  rgba(26,48,53,0) 0%,rgba(26,48,53,0.8) 15%,rgba(26,48,53,1) 19%,rgba(26,48,53,1) 20%,rgba(26,48,53,0.91) 50%,rgba(26,48,53,0.81) 82%,rgba(26,48,53,0.8) 85%,rgba(26,48,53,1) 99%,rgba(26,48,53,0) 100%);
background: linear-gradient(to bottom,  rgba(26,48,53,0) 0%,rgba(26,48,53,0.8) 15%,rgba(26,48,53,1) 19%,rgba(26,48,53,1) 20%,rgba(26,48,53,0.91) 50%,rgba(26,48,53,0.81) 82%,rgba(26,48,53,0.8) 85%,rgba(26,48,53,1) 99%,rgba(26,48,53,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001a3035', endColorstr='#001a3035',GradientType=0 );

padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;

border: 2px solid #000;

border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
}



span.neg {
color: #FFF;
font-weight: bold;
}

span.neg.night {
color: #000;
font-weight: bold;
}

span.let {
color: #FFF;
font-weight: normal;
}

span.let.night {
color: #000;
font-weight: bold;
}

span.whi {
color: #FFF;
font-weight: bold;
letter-spacing: 2px;
}

span.whi.night {
color: #000;
font-weight: bold;
letter-spacing: 2px;
}


/* ICONOS */

.icon-download
{
font-size: 1.5em;
color: white;
}

.icon-download.night
{
font-size: 1.5em;
color: black;
}

.icon-plus-square
{
font-size: 1.5em;
color: white;
}

.icon-plus-square.night
{
font-size: 1.5em;
color: black;
}


/* ICONO DE FOTOS .NET */

.icon-camera1
{
font-size: 1.5em;
color: white;
}

.icon-camera1.night
{
font-size: 1.5em;
color: black;
}


/*********************************************************************************/
/* BOX Comentarios                                                               */
/*********************************************************************************/
span.comment-box {
  background: #FAFAFA !important;
  border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  -webkit-border-radius: 20px 20px 20px 20px;
  border: 10px solid rgba(100, 100, 100, 0.5);
  background-clip: padding-box;
  padding: 10px;
  display: inline-block;
  width:100%;
}


span.comment-box.night {
  background: #FAFAFA !important;
  border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  -webkit-border-radius: 20px 20px 20px 20px;
  border: 10px solid rgba(100, 100, 100, 0.5);
  background-clip: padding-box;
  padding: 10px;
  display: inline-block;
  width:100%;
}


/*
span.comment-box {

background: #FFF;

padding: 10px;
display: inline-block;

border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
border: 1px dashed #FFF;
width:100%;
}


span.comment-box.night {

background: #FFF;

padding: 10px;
display: inline-block;

border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
border: 2px solid #ddd;
width:100%;
}
*/

/*********************************************************************************/
/* BOX videos responsive                                                         */
/*********************************************************************************/

.videos-width {

padding: 0;
margin: 0 auto;
display: inline-block;
position: relative;
width: 300px;
height: 169px;
}

@media screen and (min-width: 800px) {

.videos-width {

width: 426px;
height: 240px;
}
}

@media screen and (min-width: 1520px) {

.videos-width {

width: 560px;
height: 315px;
}
}

/*********************************************************************************/
/* ARREGLADO LINK CATEGORIAS                                                     */
/*********************************************************************************/

.option a {
display: block !important;
}


/*********************************************************************************/
/* BORDE IMAGENES RESPONSIVE                                                     */
/*********************************************************************************/

.pic-border {
  background: #FAFAFA !important;
  border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  -webkit-border-radius: 20px 20px 20px 20px;
  border: 10px solid rgba(100, 100, 100, 0.5);
  background-clip: padding-box;
  padding-top: 10px;
padding-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
  width:100%;
height: 100%;
max-width: 500px;
margin: 0 auto;

}

.pic-border.night {
  background: #FFF !important;
  border: 10px solid rgba(100, 100, 100, 0.5);
}

/*********************************************************************************/
/* ICONOS NUEVOS DE MENU BOOKS                                                   */
/*********************************************************************************/

.icon-plus { color: white; }
.icon-plus.night { color: #555 !important; }

.icon-search2 { font-size: 1.6em !important; line-height: 50px !important; color: #FFF; }
.icon-search2.night { font-size: 1.6em !important; line-height: 50px !important; color: #555; }