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

* {margin:0px; padding:0px; outline:none; border:none;}
.clear {clear:both;}
.center {margin:0 auto;}

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

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


/* ---- Administrador ---- */


/* ---- Login ---- */

#login {
  position: relative;
  margin: 80px auto;
  width: 400px;
  padding-right: 32px;
  font-weight: 300;
  color: #a8a7a8;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8);
}
#login p {
  margin: 0 0 10px;
}

#login input, #login button, #login label {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 300;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#login input[type=text], #login input[type=password] {
  padding: 0 10px;
  width: 300px;
  height: 40px;
  color: #bbb;
  text-shadow: 1px 1px 1px black;
  background: rgba(0, 0, 0, 0.16);
  border: 0;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06);
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06);
}

#login input[type=text]:focus, #login input[type=password]:focus {
  color: white;
  background: rgba(0, 0, 0, 0.1);
  outline: 0;
}

label {
  float: left;
  width: 100px;
  line-height: 40px;
  padding-right: 10px;
  font-weight: 100;
  text-align: right;
  letter-spacing: 1px;
}

.forgot-password {
  padding-left: 100px;
  font-size: 13px;
  font-weight: 100;
  letter-spacing: 1px;
}

.login-submit {
  position: absolute;
  top: 12px;
  right: 0;
  width: 48px;
  height: 48px;
  padding: 8px;
  border-radius: 32px;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
}
.login-submit:before, .login-submit:after {
  content: '';
  z-index: 1;
  position: absolute;
}
.login-submit:before {
  top: 28px;
  left: -4px;
  width: 4px;
  height: 10px;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.06);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.06);
}
.login-submit:after {
  top: -4px;
  bottom: -4px;
  right: -4px;
  width: 36px;
}

.login-button {
  position: relative;
  z-index: 2;
  width: 48px;
  height: 48px;
  padding: 0 0 48px;
  /* Fix wrong positioning in Firefox 9 & older (bug 450418) */
  text-indent: 120%;
  white-space: nowrap;
  overflow: hidden;
  background: none;
  border: 0;
  border-radius: 24px;
  cursor: pointer;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.1);
  /* Must use another pseudo element for the gradient background because Webkit */
  /* clips the background incorrectly inside elements with a border-radius.     */
}
.login-button:before {
  content: '';
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 5px;
  right: 5px;
  background: #00a2d3;
  border-radius: 24px;
  background-image: -webkit-linear-gradient(top, #00a2d3, #0d7796);
  background-image: -moz-linear-gradient(top, #00a2d3, #0d7796);
  background-image: -o-linear-gradient(top, #00a2d3, #0d7796);
  background-image: linear-gradient(to bottom, #00a2d3, #0d7796);
  -webkit-box-shadow: inset 0 0 0 1px #00a2d3, 0 0 0 5px rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 0 0 1px #00a2d3, 0 0 0 5px rgba(0, 0, 0, 0.16);
}
.login-button:active:before {
  background: #0591ba;
  background-image: -webkit-linear-gradient(top, #0591ba, #00a2d3);
  background-image: -moz-linear-gradient(top, #0591ba, #00a2d3);
  background-image: -o-linear-gradient(top, #0591ba, #00a2d3);
  background-image: linear-gradient(to bottom, #0591ba, #00a2d3);
}
.login-button:after {
  content: '';
  position: absolute;
  top: 15px;
  left: 12px;
  width: 25px;
  height: 19px;
  background: url("../img/arrow.png") 0 0 no-repeat;
}

::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.lt-ie9 input[type=text], .lt-ie9 input[type=password] {
  line-height: 40px;
  background: #282828;
}
.lt-ie9 .login-submit {
  position: absolute;
  top: 12px;
  right: -28px;
  padding: 4px;
}
.lt-ie9 .login-submit:before, .lt-ie9 .login-submit:after {
  display: none;
}
.lt-ie9 .login-button {
  line-height: 48px;
}
.lt-ie9 .about {
  background: #313131;
}

/* ---- Login ---- */


/* Formularios */

.form_background {background-image:url(../img/binding_dark.png);}

#falso_body_form {
	}
	
	.form_articulo {
		width:700px;
		margin:0 auto;
		padding:15px;
		background-image:url(../img/ticks.png);
	}
	
	.form_title {
		font-family:source_regular;
		font-size:26px;
		text-align:left;
		color:#000;
		display:block;
		border-bottom:#000 thin dotted;
		}
	
	.form_campos {
		font-family:source_regular;
		font-size:16px;
		text-align:left;
		color:#000;
		}
	
	.form_text {
		font-family:source_regular;
		font-size:16px;
		text-align:left;
		color:#000;
		}
		
	.form_separador {
		padding-bottom:5px;
		border-bottom:#000 thin dotted;
		}
	
	/*Campos del formulario*/
	#idcategoria, #fecha, #orden {
		font-family:source_regular;
		font-size:16px;
		text-align:left;
		color:#000;
		}
		
	#volanta {
		width:550px;
		font-family:source_regular;
		font-size:16px;
		padding:5px;
		text-align:left;
		color:#000;
		}
		
	#titulo {
		width:550px;
		font-family:source_regular;
		font-size:26px;
		padding:5px;
		text-align:left;
		color:#000;
		}
		
	#copete {
		width:550px;
		font-family:source_regular;
		font-size:16px;
		padding:5px;
		text-align:left;
		color:#000;
		}

	#contenido {
		width:550px;
		font-family:source_regular;
		font-size:16px;
		padding:5px;
		text-align:left;
		color:#000;
		}

	#comentario, #comentario1, #comentario2, #comentario3, #comentario4 {
		width:550px;
		font-family:source_regular;
		font-size:16px;
		padding:5px;
		text-align:left;
		color:#000;
		}

			
	#Submit {
		font-family:source_regular;
		font-size:16px;
		padding:5px;
		color:#000;
		display:block;
		width:300px;
		margin-left:180px;
		}
	
/* Formularios */
	
/* Display de Articulos */
#menu_administrador_contenedor {
	background-image:url(../img/sandpaper.png);
	}

#menu_administrador {
	width:1100px;
	margin:0 auto;
	margin-bottom:30px;
	}
	
	#menu_administrador a:link {
		color:#333;
		font-family:source_regular;
		font-size:16px;
		text-align:center;
		padding:10px;
		line-height:16px;
		display:block;
		float:left;
		text-decoration:none;
		}
		
	#menu_administrador a:visited {
		color:#333;
		font-family:source_regular;
		font-size:16px;
		text-align:center;
		padding:10px;
		line-height:16px;
		display:block;
		float:left;
		text-decoration:none;
		}
		
	#menu_administrador a:hover {
		color:#990000;
		font-family:source_regular;
		font-size:16px;
		text-align:center;
		padding:10px;
		line-height:16px;
		display:block;
		float:left;
		text-decoration:none;
		}
		
	#menu_administrador a:active {
		color:#333;
		font-family:source_regular;
		font-size:16px;
		text-align:center;
		padding:10px;
		line-height:16px;
		display:block;
		float:left;
		text-decoration:none;
		}


.revisado {
	font-family:source_regular;
	font-size:36px;
	text-align:left;
	color:#FFF;
	margin-bottom:30px;
	padding-top:30px;
	padding-left:30px;
	border-bottom:dotted #999 thin;
	}

.articulos_box {
	width:300px;
	height:510px;
	overflow:hidden;
	background-image:url(../img/ticks.png);
	float:left;
	margin-left:30px;
	margin-bottom:30px;
	padding:10px;
	}

	.articulos_box_img {
		height:150px;
		overflow:hidden;
		}

	.articulos_box h1 h2 h3 {
		font-family:'source_regular';
		text-align:left;
		color:#000;
		}
		
	.articulos_box a:link {
		color:#333;
		font-family:source_regular;
		font-size:16px;
		margin-top:10px;
		padding:8px;
		line-height:16px;
		display:block;
		float:left;
		text-decoration:none;
		}
		
	.articulos_box a:visited {
		color:#333;
		font-family:source_regular;
		font-size:16px;
		margin-top:10px;
		padding:8px;
		line-height:16px;
		display:block;
		float:left;
		text-decoration:none;
		}
		
	.articulos_box a:hover {
		color:#FFF;
		font-family:source_regular;
		font-size:16px;
		margin-top:10px;
		padding:8px;
		line-height:16px;
		display:block;
		float:left;
		text-decoration:none;
		background-color:#990000;
		}
		
	.articulos_box a:active {
		color:#333;
		font-family:source_regular;
		font-size:16px;
		margin-top:10px;
		padding:8px;
		line-height:16px;
		display:block;
		float:left;
		text-decoration:none;
		}
				

/* ---- Administrador ---- */

/* ---- Sitio ---- */

body {
	background:url(../img/grunge_wall.png);
	}

#header {
	width:1190px;
	height:282px;
	margin:0 auto;
	}
	
#slider_contenedor {
	margin-top:10px;
	background-image:url(../img/noisy_net.png);
	}
	
	.slider {
		width:1190px;
		height:282px;
		margin:0 auto;
		background-image:url(../img/slider_background.png);
		}
		
		/* CSS del Slider */
		
			#slides {
			width:1190px;
			height:282px;
			margin:0 auto;
			top:0px;
			left:0px;
			overflow:hidden;
			}
		
		/*
			Slides container
			Important:
			Set the width of your slides container
			Set to display none, prevents content flash
		*/
		
		.slides_container {
			width:1190px;
			overflow:hidden;
			position:relative;
			display:none;
		}
		
		/*
			Each slide
			Important:
			Set the width of your slides
			If height not specified height will be set by the slide content
			Set to display block
		*/
		
		.slides_container a {
			width:1190px;
			height:282px;
			display:block;
		}
		
		.slides_container a img {
			display:block;
		}
		
		/*
			Next/prev buttons
		*/
		
		#slides .next,#slides .prev {
			outline:none;
			position:absolute;
			top:233px;
			left:22px;
			width:24px;
			height:43px;
			display:block;
			z-index:101;
		}
		
		#slides .next {
			outline:none;
			left:561px;
		}
		
		/*
			Pagination
		*/
		
		.pagination {
			margin:26px auto 0;
			width:100px;
		}
		
		.pagination li {
			float:left;
			margin:0 1px;
			list-style:none;
		}
		
		.pagination li a {
			display:block;
			width:12px;
			height:0;
			padding-top:12px;
			background-image:url(../img/pagination.png);
			background-position:0 0;
			float:left;
			overflow:hidden;
		}
		
		.pagination li.current a {
			background-position:0 -12px;
		}
				
		/* CSS del Slider */


/*Menu principal*/
#menu_contenedor {
	margin-top:23px;
	background-image:url(../img/menu_0.png);
	}
	
	.menu_principal {
		width:1190px;
		height:50px;
		margin:0 auto;
		background-image:url(../img/menu_1.png);
		}

#navigation {
	margin-left:0px;
	padding:0;
	clear:both;
	width:1190px;
	height:50px;
}


ul.nav-main,
ul.nav-main li {
	list-style: none;
	margin:0;
	padding:0;
}


ul.nav-main {
	position: relative;
	z-index: 597;
}

ul.nav-main li:hover > ul {
	visibility: visible;
}


ul.nav-main li.hover,
ul.nav-main li:hover {
	position: relative;
	z-index: 599;
	cursor: pointer;
}

ul.nav-main li {
	float:left;
	display:block;
	height:50px;
	color:#999;
}

ul.nav-main li a {
	display:block;
	height:40px;
	padding: 6px 30px 6px 30px;
	color:#CCC;
	font-family:'NewBaskerville-Italic';
	font-size:24px;
	font-style:normal;
	line-height:37px;
	text-decoration:none;
}

ul.nav-main li a:hover {
	transition: color 1s;
	-webkit-transition: color 1s; /* Safari */
	color:#FFF;
	background-image:url(../img/dropdown-bg-hover.png);
}


ul.nav-main *.list {
	padding-right:0px;
}

ul.nav-sub {
	visibility: hidden;
	position: absolute;
	padding:10px;
	top: 50px;
	left: 0;
	z-index: 598;
	background:url(../img/noisy_net.png);
}

ul.nav-sub li {
	font-family:'NewBaskerville-Italic';
	font-size:20px;
	font-style:normal;
	list-style:none;
	display:block;
	padding:0;
	margin:0;
	height:35px;
	line-height:35px;
	float: none;
	width:200px;
	border-bottom: 1px solid #5a5a5a;
	background: none;
}

ul.nav-sub li a {
	font-family:'NewBaskerville-Italic';
	font-size:20px;
	font-style:normal;
	list-style:none;
	display:block;
	padding:0;
	margin:0;
	height:35px;
	line-height:35px;
	float: none;
	width:200px;
	background: none;
}

/*Menu Principal*/



#cuerpo_contenedor {
	margin-top:10px;
	background-repeat:repeat-x;
	background-image:url(../img/cuerpo_central_1.png);
	background-color:#000;
	}
	
	.cuerpo {
		margin:0 auto;
		width:1190px;
		background-image:url(../img/cuerpo_central_0.png);
		background-repeat:no-repeat;
		border-bottom:#CCC thin dotted;
		}
		
		.izquierda {
			float:left;
			width:830px;
			padding-top:25px;
			}
			
			.home_box {
				background-image:url(../img/ticks.png);
				margin-bottom:25px;
				padding:10px;

				-moz-box-shadow:#000 0px 0px 5px;
				-webkit-box-shadow:#000 0px 0px 2px;
				box-shadow:#000 0px 0px 5px;
				
				-moz-border-radius: 1px;
				border-radius: 1px;
				}
			
			.izquierda h1, .izquierda h2, .izquierda p {
				font-family:source_regular;
				font-size:16px;
				color:#333;
				padding:10px;
				display:block;
				text-decoration:none;
				}
				
			.izquierda h1 {
				font-size:36px;
				line-height:30px;
				border-top:#666 thin dotted;
				border-bottom:#666 thin dotted;
				}
			
			.izquierda h2 {
				font-size:16px;
				line-height:12px;
				}
				
			.home_p {
				border-bottom:#666 thin dotted;
				}
			
			.home_img {
				height:250px;
				overflow:hidden;
				
				-moz-border-radius: 2px;
				border-radius: 2px;
				}
				
			.home_img_nav {
				width:200px;
				float:right;
				padding:10px;
				margin-top:10px;
				}
				
				.home_img_nav img {
					border:none;
					outline:none;
					margin-bottom:10px;
					}
				
			.home_share {
				padding:5px;
				border-bottom:#666 thin dotted;
				}
				
				.home_share_izq {
					width:710px;
					height:20px;
					float:left;
					}
					
				.home_share_der {
					height:20px;
					float:left;
					}
					
					a.ver_mas:link {
						display:block;
						padding:5px;
						color:#333;
						font-family:source_regular;
						font-size:16px;
						line-height:16px;
						text-decoration:none;
						-moz-border-radius: 2px;
						border-radius: 2px;
						}
					
					a.ver_mas:visited {
						display:block;
						padding:5px;
						color:#333;
						font-family:source_regular;
						font-size:16px;
						line-height:16px;
						text-decoration:none;
						-moz-border-radius: 2px;
						border-radius: 2px;
						}
					
					a.ver_mas:hover {
						display:block;
						padding:5px;
						color:#FFF;
						font-family:source_regular;
						font-size:16px;
						line-height:16px;
						text-decoration:none;
						background-color:#650507;
						-moz-border-radius: 2px;
						border-radius: 2px;
						}
												
					a.ver_mas:active {
						display:block;
						padding:5px;
						color:#333;
						font-family:source_regular;
						font-size:16px;
						line-height:16px;
						text-decoration:none;
						-moz-border-radius: 2px;
						border-radius: 2px;
						}

		.derecha {
			float:left;
			width:360px;
			margin-top:15px;
			}
			
			.buscador {
				padding:10px;
				}
			
				.palabraclave {
					width:250px;
					padding:5px;
					margin-left:5px;
					height:30px;
					font-family:source_regular;
					line-height:30px;
					border:#333 thin;
					float:left;
					
					-moz-border-radius: 5px;
					border-radius: 5px;
					}
				
				.boton {
					width:60px;
					height:40px;
					padding:10px;
					margin-left:10px;
					font-family:source_regular;
					border:#333 thin;
					float:left;
					
					-moz-border-radius: 5px;
					border-radius: 5px;
					}
			
			.banners {
				padding:10px;
				}
				
			.banners img {
				-moz-border-radius: 2px;
				border-radius: 2px;
				}
				
			.banners a:link {
				display:block;
				padding:10px;
				margin-bottom:20px;
				background-image:url(../img/ticks.png);
				
				-moz-border-radius: 2px;
				border-radius: 2px;
				}
				
			.index {
				float:left;
				width:320px;
				margin-top:25px;
				margin-left:10px;
				height:300px;
				overflow:scroll;
				padding:10px;
				background-image:url(../img/ticks.png);
				
				-moz-border-radius: 2px;
				border-radius: 2px;
				}
				
				.index h1, .index a {
					color:#333;
					font-family:source_regular;
					font-size:14px;
					line-height:16px;
					text-decoration:none;
					font-weight:normal;
					display:block;
					}
					
					.index a {
						margin-top:5px;
						border-bottom:#666 thin dotted;
						}
						
					.index a:hover {
						margin-top:5px;
						color:#C60;
						font-weight:bold;
						}

#contacto {
	margin-top:20px;
	margin-left:50px;
	}
	
	#contacto h1, #contacto h2, #contacto h3 {
		font-family:source_regular;
		color:#000;
		display:block;
		margin-bottom:10px;
		padding:5px;
		font-size:14px;
		font-weight:normal;
		}
		
	#contacto input, #contacto textarea {
		font-family:source_regular;
		font-size:12px;
		color:#000;
		background-color:#FFF;
		line-height:16px;
		margin:0 0 10px 0;
		padding:10px;
		border:#333 thin;
		
		-moz-box-shadow:#000 0px 0px 5px;
		-webkit-box-shadow:#000 0px 0px 2px;
		box-shadow:#000 0px 0px 5px;
		
		-moz-border-radius: 5px;
		border-radius: 5px;
		
		
		}


#footer_contenedor {
	margin-top:10px;
	background-image:url(../img/grunge_wall.png);
	}

	#footer {
		width:1190px;
		height:90px;
		margin:0 auto;
		}
		
		.footer_divs {
			float:right;
			height:40px;
			margin-top:50px;
			margin-left:10px;
			font-family:source_regular;
			font-size:16px;
			line-height:40px;
			color:#000;
			}
			
					a.footer:link {
						display:block;
						}
					
					a.footer:visited {
						display:block;
						}
					
					a.footer:hover {
						display:block;
						background-color:#FFF;
						}
												
					a.footer:active {
						display:block;
						}

	#paginacion {
		}			
					
		a.paginacion:link {
			font-family:source_regular;
			font-size:24px;
			text-decoration:none;
			color:#2d2e33;
			display:block;

			background-image:url(../img/ticks.png);
			
			-moz-box-shadow:#000 0px 0px 5px;
			-webkit-box-shadow:#000 0px 0px 2px;
			box-shadow:#000 0px 0px 5px;
					
			-moz-border-radius: 5px;
			border-radius: 5px;
			
			margin-bottom:10px;
			padding:5px;

			}
					
		a.paginacion:visited {
			font-family:source_regular;
			font-size:24px;
			text-decoration:none;
			color:#2d2e33;
			display:block;

			background-image:url(../img/ticks.png);
			
			-moz-box-shadow:#000 0px 0px 5px;
			-webkit-box-shadow:#000 0px 0px 2px;
			box-shadow:#000 0px 0px 5px;
					
			-moz-border-radius: 5px;
			border-radius: 5px;
			
			margin-bottom:10px;
			padding:5px;
			}
					
		a.paginacion:hover {
			font-family:source_regular;
			font-size:24px;
			text-decoration:none;
			color:#C60;
			display:block;

			background-color:#333;
			
			-moz-box-shadow:#000 0px 0px 5px;
			-webkit-box-shadow:#000 0px 0px 2px;
			box-shadow:#000 0px 0px 5px;
					
			-moz-border-radius: 5px;
			border-radius: 5px;
			
			margin-bottom:10px;
			padding:5px;
			}
												
		a.paginacion:active {
			font-family:source_regular;
			font-size:24px;
			text-decoration:none;
			color:#2d2e33;
			display:block;

			background-image:url(../img/ticks.png);
			
			-moz-box-shadow:#000 0px 0px 5px;
			-webkit-box-shadow:#000 0px 0px 2px;
			box-shadow:#000 0px 0px 5px;
					
			-moz-border-radius: 5px;
			border-radius: 5px;
			
			margin-bottom:10px;
			padding:5px;
			}