* {
	margin:0px;
	padding:0px;
}

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

a:hover {
	text-decoration:underline;
}

h2{
	font-size:16px;
	padding-bottom:15px;
	font-weight:bold;
	color:#666666;
}

p {
	color:#444444;
}

input {
	border:1px solid #0099d2;	
	background:#ffffff;
}

textarea {
	border:1px solid #0099d2;	
}

.oculto {
	display:none;
}

.separador 
{
	clear: both;
	height:10px;
}

.clear {
	clear:both;
}

body {
	background:#FFFFFF;
	margin:0px;
	padding:0px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

img {
	border:0px;
}

#pagina {
	background:#ffffff;
	padding:0px;
	width:1000px;
	margin:0px auto;
}

/*-------------- Para la publicidad ------------------------------------*/
#ContenedorPublicidad{
width:100%
}
#PubliSup{
background:#e1e1d9;
padding-right: 0px; 
padding-left: 0px; 
padding-bottom: 0px; 
margin: 0px auto; 
width: 1000px; 
padding-top: 0px; 
height: 89px
}
#PubliSupIzq {
	PADDING-RIGHT: 0px; PADDING-LEFT: 16px; BACKGROUND: url(../img/tit_publicidad.gif) #e1e1d9 no-repeat left top; float: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 728px; PADDING-TOP: 0px; HEIGHT: 89px
}
#PubliSupDer {
	PADDING-RIGHT: 0px; PADDING-LEFT: 16px; BACKGROUND: url(../img/tit_publicidad.gif) #e1e1d9 no-repeat left top; float: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 235px; PADDING-TOP: 0px; HEIGHT: 89px
}
/*------------------ Fin Publi --------------------------*/

#contenedor {
width:689px;
float:left;
}

.tables {
  width: 689px;
}

.menue_table {
  background-color:#FFFFFF;
  width: 308px;
}

.head1 {
  color: #000000;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  background-color: #e4e5df;
  border-left:#0099d2 3px solid;
  padding-left: 5px;
  height:20px;
}

.headwebs {
  color: #FFFFFF;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  background-color: #000000;
  border-left:#0099d2 3px solid;
  padding-left: 5px;
  height:20px;
}

#menu {
	background:#993300;
	width:1000px;
	clear:both;
}

#menu ul {
font-size:16px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin-bottom:0px;
margin-right:5px;
margin-top:0px;
padding:0px;
text-align:left;
}

#menu li {
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:2px;
}

#menu li.usuario {
	background:transparent url(../img/cancel.png) no-repeat right;
	padding-right:20px;
}

#menu a {
	text-decoration:none;
	padding:5px 5px 5px 5px;
	color:#886767;
	text-transform:uppercase;
	background:#eee url(../img/f_cabecera.gif) repeat-x bottom left;
	border-color:#CECECE;
	border-style:solid solid none;
	border-width:1px 1px 1px;
}

#menu a:hover {
	background:#dedede url(../img/f_cabecera.gif) repeat-x bottom left;;
}

#centro {
	float:left;
	margin-top:10px;
	width:689px;
}

#centro h1 {
font-size:18px;
margin-bottom:10px;
text-align:center;	
color:#0099d2;
}

#dcha {
	float:right;
	margin-top:10px;
	width:330px;
}

#pie {
	font-family:Arial,Helvetica,sans-serif; 
	font-size:0.8em;
	padding: 10px;
	text-align: center; 	
	clear:both;
	background: transparent url('../img/f_linea.gif') repeat-x center top;
	margin-top:10px;
}

.web {
	float:left;
	width:119px;
	margin-left:6px;
	margin-right:5px!important;
	margin-right:3px;	
	margin-bottom:10px;
	height:145px;
	border:1px solid #0099d2;	
	text-align:center;
	position:relative;
}

.web #barra-votacion {
	bottom:0px;
	left:0px;
	position:absolute;
	border-top:1px solid #cecece;
	background:#e5e5e5;
	height:40px;
	width:119px;
}

.web .votos {
	float:left;
	margin-left:6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#0099d2;
}

.web .votar {
	border:1px solid #FFFFFF;
	background:#000000;
	margin:auto 3px;
	padding:0px 5px;
	float:right;
	color:#FFFFFF;
}

.web .votar:hover {
	text-decoration:none;
	background:#FFFFFF;
	color:#0099d2;
	border:1px solid #0099d2;
}

.web h2 {
	font-size:11px;
	text-align:left;
	margin-left:6px;
	padding-bottom:0px;
}

.web .foto,.web .foto2 {
	width:115px;
	position:relative;
	margin:2px auto 0px auto;
}

.web .foto .mas {
	display:none;
}

.web .foto img,.web .foto2 img {
	width:115px;	
	height:100px;
}

.web .foto2 .mas {
	cursor:pointer;
	display:block;
	position:absolute;
	bottom:3px;
	right:5px;
	padding:2px 10px 2px 10px;
	border-top:#0099d2 1px solid;
	border-left:#0099d2 1px solid;
	border-right:#0099d2 1px solid;
	background:#fff;
	z-index:999;
}

.login {
	text-align:center;
}

.login input{
	border:1px solid #cecece;
}

.login h2 {
	font-size:12px;
}

.registro {
	margin:10px auto;
	font-size:16px;
}

.registro input, .tuweb input, .boton{
border:1px solid #cecece;
color:#403D2C;
font-size:16px;
padding:2px;
height:20px;
width:300px;
background:#fff;
}

.atras {
	background:transparent url(../img/back.gif) left no-repeat;
	padding-left:20px;
	margin-top:10px;
}

.registro input.disabled, .tuweb input.disabled {
	border:1px solid #cecece;	
	background:#dedede;
}

.registro h2 {
	text-align:center;
	font-size:18px;
	margin-bottom:10px;
}

.registro h3 {
	text-align:center;
	font-size:15px;
	margin-bottom:10px;
	color:#D01919;
}

.registro input.boton, .tuweb .boton {
	margin-top:10px;
	width:100px;
	height:30px;
}

#resultados {
	width:95%;
	margin:10px auto;
}

#resultados h1 {

	font-size:18px;
	margin-bottom:10px;
}

.datografico {
background-color:#C7C7C6;
border:1px solid #9B9B98;
float:left;
height:15px;
margin:5px 0pt 0pt;
width:100%;
}

.datografico span {
background-color:#0099d2;
color:#840000;
display:block;
font-size:1px;
height:15px;
width:1px;
}

.tuweb{
	float:left;
	margin-left:0px;
	text-align:left;
	width:400px;
}

.reloj {
	float:left;
	background:#ffffff url("../img/reloj.jpg") no-repeat left; 
	text-align:left;
	width:500px;
	padding-left:25px;
	height:50px;
	margin-left:50px;
	padding-bottom:15px;
}


.reloj h2 {
	font-size:18px;
	text-align:center;
	padding-top:10px;
	
}

.reloj #fecha {
	color:#666;
}

.tuweb h2 {
	font-size:15px;
	text-align:center;
}

.tuweb a.boton {
	border:1px solid #cecece;

	padding:0px 15px;
	font-size:16px;
}

.comentario {
  width:600px;
  margin:20px auto 20px auto;
  border:1px solid #cecece;
  font-family:Geneva,Arial,Helvetica,sans-serif;
  font-size:12px;  
}

.comentario .interiorcomentario{
	margin: 10px;
}

.comentario .interiorcomentario .fechacomentario 
{
	float:right;
	border-bottom:1px solid #cecece;
	font-size:11px;
	color:#0099d2;
}

.comentario .interiorcomentario .autorcomentario 
{
	float:left;
	border-bottom:1px solid #cecece;
	font-size:11px;
	color:#0099d2;
}

.comentario .interiorcomentario .textocomentario
{
	clear:both;
	text-align:left;
	font-size:12px;	
}

#formcomentario {
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:12px;
width:689px;
margin:10px auto;
}
#formcomentario #titulo {
color:#0099d2;
font-family:Arial,Geneva,Helvetica,sans-serif;
font-size:16px;
font-weight:bold;
}
#footerform {
height:30px;
}
#formcomentario table {
}

#formcomentario input, #formcomentario textarea {
	border:1px solid #cecece;
}

#formcomentario img {
padding-left:4px;
}
#formcomentario td,#formcomentario p {
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
text-indent:6px;
}
#formcomentario .sectiontableheader {
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
}

#formcomentario li {
color:#333333;
font-size:10px;
}
#formcomentario .small {
color:#333333;
font-size:10px;
}

#web {
	width:90%;
	margin:10px auto;
}

#web .descripcion {
	float:right;
	width:500px;
	background:#F6F5F5;
	border:1px solid #cecece;
	padding:5px;
}

#web .descripcion h1 {
	font-size:16px;
}

#web .descripcion h2 {
	font-size:14px;
}

#web .img {
	float:left;
	width:330px;
	text-align:center;
}

#web .img img.foto {
	border:1px solid #cecece;
	padding:2px;
	text-align:center;
	margin:auto;
}

.bases {
	width:600px;
	margin:auto;
	font-size:14px;
	text-align:left;
}

.bases ol, .bases li,.bases ul {
	list-style-position:outside;
	margin-bottom:3px;
	margin-top:2px;	
	margin-left:15px;
}

.ver_todas {
	background:#e4e5df;
	padding-right:5px;
	border-left:#0099d2 3px solid;
}
/*-------------- Para el menú ------------------------------------*/

.botonmenu  a, .botonmenu  a:visited, .botonmenu  a:link{
display:table-cell; vertical-align:middle;
margin:0px;
padding:0px 10px 0px 10px;
border-right:1px solid #FFFFFF;
float:left;
color:#FFFFFF;
font:bold 11px Arial,Helvetica,sans-serif;
text-decoration:none;
text-transform:capitalize;
text-align:center;
height:25px;
line-height:25px;
background:url(../img/fondo_menu_off.gif) repeat-x top;
}
.botonmenu  a:hover{
color:#666666;
background:url(../img/fondo_menu_on.gif) bottom repeat-x;
}
.botonmenu{
float:left;
}
#ContenedorMenu{
width:1000px;
margin-top:2px;
}
#Menu{
margin:0px;
padding:0px;
width:100%;
background:url(../img/fondo_menu_off.gif) repeat-x top;
text-align:left;
height:25px;
line-height:25px;
}

/* ------- Detalle de la web  -----------------*/
.detalleweb {
	float:right;
	width:354px;
	margin-left:6px;
	margin-right:5px!important;
	margin-right:3px;	
	margin-bottom:10px;
	border:1px solid #CECECE;
	background:#FFFFFF;
	text-align:center;
	position:relative;
}

.detalleweb #barra-votacion {
	bottom:0px;
	left:0px;
	position:absolute;
	border-top:1px solid #cecece;
	background:#e5e5e5;
	height:40px;
	width:354px;
}

.detalleweb .votos {
	float:left;
	margin-left:6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#0099d2;
}

.detalleweb .votar {
	border:1px solid #FFFFFF;
	background:#000000;
	margin:auto 3px;
	padding:0px 10px;
	float:right;
	color:#FFFFFF;
}

.detalleweb .votar:hover {
	text-decoration:none;
	background:#FFFFFF;
	color:#0099d2;
	border:1px solid #0099d2;
}

.detalleweb h2 {
	font-size:11px;
	text-align:left;
	margin-left:6px;
	padding-bottom:0px;
}

.detalleweb .foto,.detalleweb .foto2 {
	width:350px;
	position:relative;
	margin:2px auto 0px auto;
}

.detalleweb .foto img,.detalleweb .foto2 img {
	width:350px;	
}

#centro .descripcion {
	text-align:left;
	padding:5px;
}

#centro .descripcion h1 {
	font-size:14px;
	text-align:left;
	background:#000000;
	color:#FFFFFF;
	padding:5px;
}

#centro .descripcion h2 {
	font-size:12px;
	color:#999999;
}

/*----------------------- Publicidad Google ---------------------------*/
.ad_attribution{ font-weight: bold; color:#000000; }
.ad_title { font-weight: bold; color:#000000;}
.ad_text { color: #000000; }
.ad_url { color: #616aab; text-decoration: none; }
.ad_title_large { font-size: 20px; font-weight: bold; }
.ad_text_large { font-size: 14px; color: #000000; }
.ad_url_large { font-size: 16px; color: #616aab; text-decoration: none; }

/*--------------------  Jurado  ------------------*/

.jurado{
	height:157px;
	border-bottom:#0099d2 1px dashed;
}
.jurado_nombre {
	float:left;
	width:140px;
	background:#000000;
	padding:5px;
	color:#FFFFFF;
	font-weight:bold;
}
.jurado_empresa {
	float:left;
	width:320px;
	background:#0099d2;
	padding:5px;
	color:#FFFFFF;
	text-align:right;
}
.jurado_foto {
	float:left;
	width:150px;
	height:150px;
	border:#000000 4px solid;
	margin-right:10px;
}
.jurado_descri {
	padding:5px;
}
/* --------------------  Al ampliar imagen ------------------------*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/* -----------------   Para los módulos lo más   ------------------------*/

.bloque_lomas {
}
.blm_header {
background-image:url(../img/fondo_lomas.gif);
background-position:0 0;
background-repeat:repeat-x;
border-left:1px solid #E3E3E3;
border-right:1px solid #E3E3E3;
color:#666666;
font-size:11px;
font-weight:bold;
height:18px;
line-height:18px;
margin:0 0 1px;
padding:0 5px;
text-transform:uppercase;
}
.mod_lomas .blm_header {
cursor:pointer;
}
.blm_header_activa {
background-position:0 -18px;
color:#FFFFFF;
}
.blm_header .boton_despliega {
height:18px;
margin:0 6px 0 0;
}
.blm_content {
display:none;
margin:0 0 1px;
padding:5px 8px;
}
.blm_titular {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/ico_lomas.gif) no-repeat scroll 0 4px;
color:#000000;
font-size:11px;
font-weight:normal;
line-height:13px;
padding:0 0 3px 9px;
}
.blm_titular a {
color:#000000;
margin-left:3px;
}

/*botón despliega módulos*/
a.boton_despliega{ display:block; float:left; width:12px; height:100%; background-image: url(../img/despliega_contenido.png); background-repeat: no-repeat; background-position:0px 50%; font-size:1px; text-indent:0px; margin:0 5px 0 0}
a.btn_deson{ background-position:-12px 50%}
a.boton_despliega:hover{}

