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

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;}

.clearfix {
display: inline-block;}

html[xmlns] .clearfix {
display: block;}

* html .clearfix {
height: 1%;}

* {margin:0; padding:0;}

.floatLeft{float:left;}
.clear{clear:both;}
	
.margenNegativo{margin-left:-10px;}

body{
	background-image:url(images/fondoweb.jpg);
	background-position:top;
	background-color:#000;
	text-align:center;
	font-family:"trebuchet MS",arial;
	font-size:13px;
	margin-bottom:30px;}

ul{list-style:none;}

h1{font-size:18px;}
h2{font-size:15px;}
h3{font-size:13px;}
h4{font-size:13px;}

p{
	margin-bottom:10px;}

.a:link, .a:visited{
	color:#000;
	text-decoration:none;}

.a:hover{
	color:#fff;
	background:#000;}

#contenedorPrincipal{
	width:920px;
	margin:30px auto 30px auto;
	padding-bottom:15px;
	background:#fff;
	text-align:left;
	border:1px solid #000;}

#cabecera{
	width:920px;
	height:70px;
	background-image:url(images/arriba.jpg);
	background-position:top left;
	background-repeat:no-repeat;}
	

#logo{
	
	display:block;
	float:left;
	margin-top:3px;
	margin-left:20px;
	width:365px;
	height:70px;}

#logo h1 a{
	display:block;
	width:365px;
	height:70px;
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	text-indent:-99999px;}

#logo h2{
	text-indent:-99999px;}

#bannerArriba{
	padding-top:65px;
	width:470px;
	height:70px;
	margin-right:20px;
	display:block;
	float:right;}
	
#banner{width:150px; height:200px; margin:0 auto; margin-top:15px;}
	
#buscar{
	display:block;
	float:left;	
	background-image:url(images/buscador.png);
	background-repeat:no-repeat;
	border:0px;
	width:188px;
	height:34px;
	margin-top:20px;
	margin-left:300px;}
	
#formBuscar input{
	background-color:transparent;
	border:0px;
	width:145px;
	height:34px;
	padding-top:6px;
	margin-left:30px;
	padding-right:12px;
	font-size:16px;}

.hidden{display:none;}

#publiHead{
	clear:both;
	width:920px;
	padding:10px 0 2px 0;}

.alinearCentro{
	width:720px;
	clear:both;
	margin:0 auto 0 auto;}

#middle{
	margin:30px 10px 0px 10px;
	padding-bottom:40px;}

#izquierda{
	width:700px;
	display:block;
	float:left;}

.titulosPrincipales{
	padding-top:15px;
	padding-bottom:5px;
	font-size:16px;
	border-bottom:1px dotted #000;
	font-weight:bold;}

#bienvenida{
padding-bottom:20px;}

#bienvenida .nosotros, #bienvenida .intro{
	width:280px;
	height:160px;
	float:left;
	background-image:url(images/fdoBienvenida.png);
	background-position:center;
	background-repeat:no-repeat;
	margin-right:30px;
	margin-bottom:15px;
	padding:15px 25px 15px 15px;}
	
#bienvenida .intro{margin-right:0;}

.intro p, .nosotros p{font-size:10px;}

#columna1{
width:340px;
display:block;
float:left;
margin-right:10px;
padding:3px;}

.novedades{
	display:block;
	margin-bottom:15px;}

.novedades h2 a:link, .novedades h2 a:visited , .novedades h2 a:hover {
	font-size:14px;
	text-decoration:none;
	color:#000;}

.novedades h3{
	font-size:13px;
	margin-bottom:5px;}

.novedades h3 a:link, .novedades h3 a:visited, .novedades h3 a:hover {
	text-decoration:underline;
	color:#338222;}

.novedades img{
	width:300px;
	height:180px;
	display:block;
	border:2px solid #999;}

.novedades img:hover{
	border:2px solid #333;}
	
	.resumen{width:300px;}

#columna2{
	float:left;
	padding:3px;
	width:330px;}

.visitados{
	display:block;
	margin-bottom:15px;}

.visitados h2 a:link, .visitados h2 a:visited , .visitados h2 a:hover {
	font-size:14px;
	text-decoration:none;
	color:#000;}

.visitados h3 a:link, .visitados h3 a:visited , .visitados h3 a:hover {
	font-size:13px;
	text-decoration:underline;
	color:#338222;}

.leer{
	display:block;
	padding-left:20px;
	background-image:url(images/flecha.gif);
	background-position:left center;
	background-repeat:no-repeat;}

.leer a:link, .leer a:visited, .leer a:hover{
	color:#338222;
	text-decoration:underline;}

#derecha{
	
	width:186px;
	display:block;
	float:right;}

.separador20px{
	margin-bottom:20px;}

.titulosMenu{
	padding-bottom:3px;
	border-bottom:1px dotted #000;}

.categorias li{
	font-size:11px;
	margin:0 3px 0 0;}

.categorias li a:link, .categorias li a:visited{
	text-decoration:underline;
	color:#338222;
	padding:0 2px 0 7px;}

.enlaces li{margin:6px 6px 6px 0;}

.enlaces li a:link, .enlaces li a:visited{
	text-decoration:underline;
	color:#000;
	border:1px solid #fff;
	padding:2px 2px 2px 0;}

.enlaces li a:hover{
	color:#fff;
	border:1px solid #000;
	background:#333;}

#ubicacion{
	display:block;
	width:100%;}

#introCategorias{
	display:block;
	width:100%;
	height:140px;}

#logoCategorias{
	display:block;
	float:left;}

#logoCategorias img{
	width:130px;
	height:130px;
	border:1px solid #000;}

#tituloCategorias{
	display:block;
	background:#ccc;}

#publiCategorias1{
	clear:both;
	display:block;
	float:left;}

#publiCategorias2{
	display:block;
	float:left;}

.listado{
	clear:both;
	display:block;
	margin-bottom:15px;}

.listado img{
	width:350px;
	height:220px;
	display:block;
	border:2px solid #999;}

.listado img:hover{
	border:2px solid #333;}

.listado h1, .listado h1 a:link, .listado h1 a:visited , .listado h1 a:hover , #nombreInfoCompleta h1 a:link, #nombreInfoCompleta h1 a:visited , #nombreInfoCompleta h1 a:hover {
	text-decoration:none;
	color:#000;}

.listado h2, #nombreInfoCompleta h2{
	margin-bottom:5px;}

.listado h2 a:link, .listado h2 a:visited, #nombreInfoCompleta  h2 a:link, #nombreInfoCompleta  h2 a:visited {
	text-decoration:none;
	color:#338222;}

.listado h2 a:hover, #nombreInfoCompleta h2 a:hover {
	background:#e3e3e3;}

.textoIntroduccion a:link, .textoIntroduccion a:visited{
	color:#000;
	text-decoration:none;}

.textoIntroduccion a:hover{
	color:#fff;
	background:#000;}

#paginado{
	margin:0 auto 0 auto;
	font-size:14px;}

.paginadoCurrent{
	color:#fff;
	text-decoration:none;
	background:#338222;
	padding:5px;}

.paginadoHover:link, .paginadoHover:visited{
	color:#000;
	text-decoration:none;
	padding:5px;}

.paginadoHover:hover{
	color:#fff;
	background:#000;
	padding:5px;}

#infoCompleta{
	margin-bottom:20px;}

#infoCompleta p{
	margin-bottom:10px;}

#fotoInfoCompleta{
	display:block;
	float:left;}

#fotoInfoCompleta img{
	border:2px solid #999;}

#votacion{
	width:250px;
	display:block;
	float:left;}

#informeCompleto{
	padding-top:10px;
	clear:both;}

#informeCompleto a:link, #informeCompleto a:visited{
	color:#000;
	text-decoration:none;}

#informeCompleto a:hover{
	color:#fff;
	background:#000;}
	
input#urlLink{width:650px; height:25px; padding-top:7px; background:#e3e3e3; border:1px solid #333; font-size:10px; text-align:center;}

#red{
	padding:30px 0px 15px 0px;
	margin:30px 0px 15px 0px;
	display:block;
	clear:both;
	background:#fff;}

#red a:link, #red a:visited{
	color:#000;
	text-decoration:none;}

#red a:hover{
	color:#fff;
	background:#000;}

#pie{
	padding:30px 10px 0 10px;
	margin:30px 10px 0 10px;
	display:block;
	clear:both;
	background:#fff;}
	
#fondos img{
	padding:5px;}

#nube{
	width:186px;}
	
#nube a:link, #nube a:active, #nube a:visited{
	color:#000;
	text-decoration:none;}
	
#nube a:hover{
	color:#fff;
	background:#000;}	
	
.n1{font-size:11px;}
.n2{font-size:13px;}
.n3{font-size:14px;}
.n4{font-size:15px;}
.n5{font-size:16px;}
.n6{font-size:19px;}
.n7{font-size:20px;}

.comentarios{
	width:550px;
	background-image:url(images/fondoComentarios.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin-bottom:20px;
	padding-left:110px;
	padding-bottom:15px;
	border-bottom:1px groove #000;}
	
.contadorComentarios{width:35px; font-size:20px;color:#fff; margin-left:-6px; padding:4px; float:left; text-align:center;}
.usuario{ margin-left:20px; float:left; width:260px;}
.fechaComentario{margin-left:60px; float:left;}
.usuario, .fechaComentario{margin-top:18px;font-weight:bold;}
.mensajeComentarios{clear:both; padding-top:20px;}
div.confirmacionComent,div.errorComent{padding:7px; background:#e3e3e3; font-size:14px; font-weight:bold; margin-bottom:5px; margin-top:3px;}
div.confirmacionComent{color:#009900;}
div.errorComent{color:#CC0000;}