/*
 * CONCURSO FOTOGRAFIA WEB STRUCTURE v3.0.0.0
 * 
 * Fecha: 16/04/2009
 * Autor: AFrigols
 * Descripción: Estilos comunes a toda la aplicación
 */

body 
{
    margin: 0px;
    padding: 0px;
    font-family: Verdana,Arial;
    font-size: 12px;
    color: #666666;    
	background-color:#5DA9B6;    
}

h1
{    
    font-family: Verdana,Arial;
    font-size: 14px;
    font-weight: bold;
    color: #666666;    
    margin: 5px 0px 0px 0px;    
}
.h1azul
{
	background-color:#6aceff;
	color:#ffffff;	
	width:90px;
	padding:5px 10px 5px 10px;
	margin-bottom:0px!important;
	font-size: 14px;
	font-weight:bold;
	float:left;
}
h2
{    
    font-family: Verdana,Arial;
    font-size: 12px;
    font-weight: bold;
    color: #5da9b6;    
    margin: 5px 0px 0px 0px;    
    clear:both;
}

p
{
    margin-top: 10px;
    margin-bottom: 15px;    
}

a
{
    color:#006666;
}

ul
{
    list-style-type: disc;    
}

img
{
	border:0px;
}

SELECT { 
font-size : 11px; 
} 

INPUT { 
font-size : 11px; 
} 

/*
 * Centrado de páginas
 */ 
.centeredPage
{
	position: relative;
	width: 972px;
	margin: 0px auto;
	padding: 0px 0px 20px 0px;
}

/* Estructura de la página */
#contenido
{
	width:100%;
}

#contentcentral
{
	position:relative;
	height: 100%;
	top:138px!important;
	margin-bottom:10px;
}
#content
{
    position: relative;
    margin: -53px 0px 10px 0px;    
    padding: 53px 0px 20px 0px;
	background-color:#ffffff;
	float:left;	
	width:100%;
	min-height:300px!important;
	/*opacity: 0.9;  
	-moz-opacity: 0.9;  
	filter: alpha(opacity=90);*/
	background-image:url(../../gifs/fondoup.jpg);
	background-repeat:no-repeat;    
	background-position:left 0px;
 }
#contentgaleria
{
    position: relative;
    margin: 0px 0px 0px 0px;    
    padding: 0px;
    width:890px;
    padding-top:20px;
 }

#contentgaleria .texto
{
	font-size : 12px!important;
}
#contentgaleria strong
{
	font-size : 12px!important;
}

/* 
 *  Cabecera
 */

#header
{
    /*position: relative;*/
    position:absolute;
    width:972px;
    height:134px;
    left:0px;
    top:0px;
    z-index:1;   
 }
#header #logoLeft
{
	left:0;
	bottom:0;
	position:absolute;
}
#headertop
{
	width:673px;
	height:79px;
	top:0px;
	position:absolute;
	z-index:1;
}
#headerleft
{
	position:absolute;
	top:0;
	width:340px;
	left:0;
	z-index:12;	
}
#headercenter
{
	position:absolute;
	width:673px;
	left:330px;
	top:0px;
}
#headerright
{
	position:absolute;
	top:0px;
	width:173px;
	left:820px;
	z-index:0!important;
}
#headerright #logo
{
	position:absolute;
	top:99px;
	left:15px;
}

#headerright #logo img
{
    border: 0px;
}
#headerright #logoright
{
	position:absolute;
}
#header #masvotadas
{
	position:absolute;
	top:50px;
	left:550px;
	z-index:15;
}
#header #mapaimagenes
{
	position:absolute;
	top:50px;
	left:650px;
	z-index:10;
}
#header #finalistas
{
	position:absolute;
	top:25px;
	left:550px;
	z-index:15;
}

/*
 * Pie de página
 */ 
.imgbottom
{
	position:absolute;
	bottom:50px;
	left:0px;
	color:#ffffff;
}
#civf
{
	position:absolute;
	bottom:5px;
	left:70px;
	color:#ffffff;
}
#footericon
{
	position:absolute;
	right:0px;
	bottom:24px;
	z-index:100;
}
#footer
{
    position:relative;
    clear: both;
    padding: 0px 10px 4px 10px;
    margin: 0px 0px 0px 0px;
    color:#ffffff;
    height:10px;
    font-family:Arial,Verdana;
    font-size:11px;
}

.footerContent
{
	position:absolute;
	right:165px;
	bottom:10px;
}
.footerContent a
{
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}
#footerContent
{
	position:relative;
	clear:both;
	top:185px;
}

/*
 * Meta menú
 */
#metamenu
{
	position:absolute;
	top:15px;
	left:0px;
	height:40px;
	color:#ffffff;
	font-size:11px;
	font-family:Arial,Verdana;
}
#metamenu .content
{
	width:150px;
	text-align:left;
}
#metamenu a
{
	color:#ffffff;
	text-decoration:none;
}
#metamenu .right
{
	float:right;
	padding-right:40px;
}
#metamenu .volver
{
	text-align:center;
	margin-top:4px;
}
#metamenu .volver a
{
	color:#669933;
	text-decoration:none;
	font-weight:normal;
}

/*
 * Menu principal
 */ 

#menuContent
{
	position:absolute;
    font-family: arial;
    font-size: 12px;
	/*
	background-image:url(../../gifs/fondoup.jpg);
	background-repeat:no-repeat;    
	background-position:left 13px;        
	*/
    top: 70px;
	width:972px; 
	/*height:64px;*/
	z-index:15!important;
}
#menuContent .fondo_
{
	position:absolute;
	z-index:0;
}

#menuContent .menu_
{
	position:absolute;
	z-index:1;
}

#menuContent img
{
    border: none;
    margin: 0px;
    padding: 0px;    
}

#menuContent .staticItem
{
    margin: 0px;
    padding: 0px;    
}

#menuContent .dynamicItem
{
    background-color:#000066;
    color:#ffffff;
    Width:155px;
    padding:0px;
    vertical-align: middle;
}
#menuContent .dynamicItem div
{
    padding:5px 5px 5px 10px;
}

/* Submenú */
#submenu
{
	position:absolute;
	top:45px;
	left:200px;
	z-index:20!important;
}
#submenu2
{
	position:absolute;
	top:45px;
	left:300px;
	z-index:20!important;
}
#submenu .item,#submenu2 .item
{
	float:left;
	margin-right:10px;
}
#submenu a,#submenu2 a
{
	text-decoration:none;
	color:#666666;
}

/* 
 *  Zona de contenido principal 
 */

#mainPanel
{
    position: relative;
    margin: 0px 0px 0px 0px;    
    padding: 0px 70px 0px 55px;
}

#mainContent
{
    /*position:relative;    */
    padding: 3px 0px 10px 5px;
}

#mainContent table
{
    font-family: Verdana,Arial;
    font-size: 14px;
    font-weight:bold;
}

#mainContent table th
{
   background-color: #fff;
   padding: 0px 10px 0px 2px;
   text-align:left;
}

#mainContent table td
{
    padding: 3px 10px 3px 2px;
    color:#77a5b4;
}

#mainContent UL { list-style-image: url(../../gifs/bullet.gif);}
#mainContent LI {margin: 0px 0px 5px 20px;} 


/* Home */
#divHomeLeft
{
	width:365px;
	margin-right:90px;
	margin-top:80px;
	float:left;
	color:#000000;
	height:217px;
}
#divHomeLeft p
{
	color:#000000;
	font-family:Verdana,Arial;
	font-size:14px;
	padding-left:10px;
	margin-bottom:5px;
}
#divHomeRight
{
	position:absolute;
	left:490px;
	top:10px;
	z-index:100!important;
	width:490px;
	height:337px;
}


/*
 * Elementos de maquetación
 */
.imgpng 
{ 
	behavior: url(iepngfix.htc);
}
.imgleft
{
	float:left;
	margin-right:10px;
}
.imgright
{
	float:right;
	margin-right:10px;
	margin-left:20px;
}
.imgleftjurado
{
	float:left;
	margin-right:10px;
}
.txtright
{
	text-align:right;
}
.selected
{
	border:solid 2px red!important;
}
.formError
{    
    position: relative;   
    display:block;
    clear:left;
    color: Red;
    padding: 3px 0px 0px 0px;
    border:solid 0px red;

}
.separa01 {
  width:auto;
  margin:0px 0px 5px 0px;
  padding:2px 0px 2px 0px;
  border-bottom:solid 1px #5da9b6;
  clear:both;
}
.separa02 {
  width:auto;
  margin:15px 0px 15px 0px;
  padding:2px 0px 2px 0px;
  border-bottom:solid 2px #5da9b6;
  clear:both;
}
.separa03 {
  width:100%;
  margin:4px 0px 5px 0px !important;
  padding:0px 0px 0px 0px !important;
  border-bottom:solid 2px #8cb833;
  clear: both;
}
.separa04 {
  width:auto;
  margin:0px 0px 5px 0px;
  padding:2px 0px 2px 0px;
  border-bottom:solid 1px #8cb833;
  clear:both;
}
.separa05 {
  clear:both;
}
.separa06 {
  width:auto;
  margin:0px 0px 5px 0px;
  padding:0px 0px 20px 0px;
  border-top:solid 1px #000000;
  clear:both;
}

.legalInfo
{
    margin: 10px 10px 0px 0px;
}

/*
 * Premios: elementos específicos
 */
.premios
{
	float:left;
	width:250px;
	height:251px;
}
.premios .categoria
{
	height:40px;
	margin-top:8px;
	float:left;
	clear:both;
	/*position:relative;*/
}
.premiosbottom
{
	position:absolute;
	right:190px;
	bottom:47px;
	z-index:1;
}

/*
 * Premio del público
 */
.ranking
{
	float:left;
	width:441px;
}
.tableRanking
{
	float:left;
	margin-top:1px;
	width:100%;
	font-weight:bold;
}
.tableRanking tr td
{
	text-align: center;
}
.tableRanking .tdleft
{
	text-align:left;
}
.tableRanking thead td
{
	background-color:#000000;
	color:#8cb833;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align:center;
	height:10px;
	line-height:10px;
}
.tableRanking .thead td
{
	background-color:#000000;
	color:#8cb833;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 2px;
	height:10px;
	text-align:left;
	line-height:10px;
}
.imgvota
{
	float:left;
	width:119px;
}
.imgranking
{
	padding: 0px 0px 0px 0px;
	height:21px;
}
.imgpreview
{
	margin-left:10px;
	float:left;
}
.imgrankingcomp
{
	float:right;
	margin-top:15px;
}
.pageranking td
{
	text-align:right!important;
}

/*
 * Edidiones anteriores: elementos específicos
 */
.divedanteriores
{
	position:absolute;
	left:785px;
	top:-50px;
	z-index:100;
}
.divedanterioresgaleria
{
	position:absolute;
	left:890px;
	top:60px;
	z-index:100;
}
.edanteriores
{
	font-size:10px;
}
.edanteriores .h1
{
	background-color:#6aceff;
	color:#ffffff;	
	width:130px;
	padding:5px 0px 5px 5px;
	margin-bottom:0px!important;
	font-size: 14px;
	font-weight:bold;
}
.edanteriores .h2
{
	padding-top:10px;
	color:#5da9b6;
	margin-bottom:5px;
    font-size: 12px;
    font-weight: bold;	
}
.edanteriores .imgganadores
{
	float:left;
	margin: 0px 10px 20px 0px;
	padding-bottom:20px;
	padding-right:35px;
}
.edanteriores .autor
{
	float:left;
	position:relative;
}
.edanteriores .height01
{
	height: 65px;
}
.edanteriores .height02
{
	height: 135px;
}
.edanteriores .height03
{
	height: 185px;
}
.edanteriores .formRow
{
	width: 100%;
	clear:both;
	float:left;
}
.edanteriores .col
{
	width: 49%;
	float:left;
}
.edanteriores .col3
{
	width: 30%;
	float: left;
}
.edanteriores .col4
{
	width: 25%;
	float: left;
}
.edanteriores .txt
{
	margin-top:100px;
}
.edanteriores .separah2 {
  width:auto;
  margin:0px 0px 5px 0px;
  /*padding:0px 0px 2px 0px;*/
  border-bottom:solid 1px #5da9b6;
  clear:both;
}
.edanteriores .separaed {
  width:auto;
  margin:0px 0px 5px 0px;
  padding:0px 0px 2px 0px;
  clear:both;
}

/*
 * Galería fotográfica
 */
#galeria
{
	/*display:inline-block;*/
	position:relative;
	width:100%;
	font-size:10px;
	font-family:Verdana;
	padding-top:50px;
}
#galeria strong
{
	color: #666666;
	font-size:12px;
	font-family:Verdana;
}
#galeria a
{
	color:#000000;
	font-size:10px;
	font-family:Verdana;
}
#galeria .icon
{
	margin-right:2px;
}
.masvotadas
{
	/*margin-top:120px;*/
}
.masvotadas .item
{
	font-size:10px;
	font-family:Verdana;	
	font-weight:normal;	
	color: #666666;    
}
.masvotadas a
{
	color:#000000;
	font-size:10px;
	font-family:Verdana;
	text-decoration:none;
}
.imgmasvotadas
{
	position:absolute;
	top:-50px;
}
.masvotadas .buscador
{
	background-color:#6aceff;
	width:210px;
	padding:5px 0px 5px 5px;
	margin:0px 220px 0px 0px;
	float:right;
	position:relative;
	font-size:12px;
}
.masvotadas .buscador a
{
	color:#ffffff;
	font-size:12px;
	text-decoration:underline;
	margin-left:10px;
}

/* Listado */
#dlnicks
{
	width: 100%;
}
#dlnicks tr	
{
	margin: 10px 0px 10px 0px;
}
#dlnicks td
{
	width: 50%;
	padding-bottom: 10px;
	border-bottom: solid 1px #8cb833 !important;
}

#drNicks td
{
	padding-right: 15px;
}

.listnicks
{
	width: 40%;
	float:left;
	/*margin-right:10px;*/
}

.listimgs
{
	float:left;
	width:450px;
	margin-top:12px;
}
.listimgs .imgnick
{
	float:left;
	width:31%;
	margin-left:5px;
}
.fichadesc
{
	vertical-align: top;
}
.fichavolver
{
	vertical-align: bottom;
}
.iniciales
{
	/*color:#666666!important;*/
}
.iniciales a
{
	/*color:#666666!important;*/
	text-decoration:underline!important;
}
.titulo
{
	font-size:110%;
	font-weight:bold;
	color: #977F74;
}

/* Paginador */
.pager
{
	position:relative;
	padding: 2px 30px 0px 0px;
	margin-top:0px;
	background-color:#a5e0fe;
	color:#666666;
	height:18px;
	margin-top:20px;
}
.pager a
{
	color:#666666;
	text-decoration:none;
}
.pagerleft
{
	position:relative;
	float: left;
	width:200px;
	padding-left:60px;
}
.pagerordenar
{
	position:relative;
	float: left;
	width:175px;
}
.pagerleftultimas
{
	position:relative;
	float: left;
	width:175px;
}
.pagerright
{
	float: left;
	text-align:right;
	margin-left: 5px;
	padding-right: 5px;
	width:240px;
}
.pagerright a
{
	text-decoration:underline!important;
}
.pagerright strong
{
	color:#666666!important;
	font-weight:bold;
}
.pagercenter
{
	text-align: center;
}
.pagernick
{
	/*color:#666666!important;*/
}
.pagernickright
{
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	width:505px;
	text-align:right;
}
.pagertop
{
	position:absolute;
	top:50px;
	z-index:100!important;
	left:-55px;
	background-color:#a5e0fe;
	height:18px;
	padding-top:2px;
	width:972px;
	font-size:10px;
	font-family:Verdana;
}
.pagertop a
{
	color:#666666;
	text-decoration:none;
}

/*
 *  Formulario: elementos específicos
 */ 

#form
{    
margin: 0px 10px 0px 0px;
padding: 20px 10px 0px 0px;
color:#000000;
font-weight:normal;
}

#form .error
{
    margin-left: 0px;
    color: #ff0000;
}

#form p
{
    margin: 0px 0px 5px 0px;
}

#form .inflegal 
{
	clear:both;
	font-style:oblique;
	width:655px;
	font-size:90%;
}
#form .inflegal2
{
	clear:both;
	font-style:oblique;
	width:425px;
	font-size:80%;
	float:left;
	padding-bottom:10px;
}
#form .espera
{
	text-align:center;
	width:90%;
	clear:both;
}
#form .formRow
{
	clear: both;
    padding: 0px 0px 0px 0px;
}
#form .formColLeft
{
	width: 250px;
	float:left;	
	margin: 2px 5px 0px 40px;
}
#form .formColLeft2
{
	float:left;	
	margin: 2px 5px 0px 0px;
}
#form .formColRight
{
	width: auto;
	float:left;
}
#form .formbotones	{
	text-align: right;
	padding: 5px 15px 5px 0px;	
	width:575px;
}
#form .formbotones2	{
	text-align: right;
	padding: 5px 15px 5px 0px;	
	width:155px;
	float:left;
}
#form .formPreview 
{
	margin-left:50px;
}

#form .datos
{
	float:left;
	width:600px;
	background-color:#66ccff;
	padding:20px 0px 9px 0px;	
	margin-bottom:15px;
	/*
	height:205px;
	background-image:url(../../gifs/caja_form2.gif);
	background-position:left bottom;
	background-repeat:no-repeat;	
	*/
}
#form .contacto
{
	height:205px;
	background-image:url(../../gifs/caja_form2.gif);
	background-position:left bottom;
	background-repeat:no-repeat;		
}
#form .datosbottom
{
	margin-bottom:20px;
	background-color:#d0c9bf;
	width:600px;	

}
#form .datosleft
{
	float:left;
}
#form .formimagenes
{
	float:left;
	background-image:url(../../gifs/caja_form1.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	width:600px;
	background-color:#d0c9bf;
}
#form .imgform
{
	float:left;
	width:59px;
}
#form .divfotos
{
	background-color:#d0c9bf;
	padding:20px 0px 10px 30px;
	width:483px;
	margin-left:58px;
}
#form .formDestacado
{
	width: 500px;
	float:left;	
	margin: 2px 5px 0px 40px;
	padding:5px 5px 5px 5px;
	background-color:#476B71;
	color:#ffffff;
	font-size:90%;
}

.form
{    
margin: 0px 10px 0px 0px;
padding: 20px 10px 0px 15px;
border: solid 0px red;
}
.form .imgform
{
	float:left;
}
.form .datos
{
	float:left;
	width:600px;
	background-color:#66ccff;
	padding:20px 0px 9px 0px;
	height:205px;
	margin-bottom:15px;
	background-image:url(../../gifs/caja_form2.gif);
	background-position:left bottom;
	background-repeat:no-repeat;	
}
.form .datosbottom
{
	margin-bottom:20px;
	background-color:#d0c9bf;
	width:600px;	

}
.form .formimagenes
{
	float:left;
	background-image:url(../../gifs/caja_form1.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	width:600px;
	background-color:#d0c9bf;
}
#publishProgress
{
	/*text-align:center;
	float:left;
	clear:both;
	margin-top:10px;*/
	font-weight:bold;
	position: absolute;
	top:400px;
	left:200px;
}

/*
 * Contacto
 */
#form .formRowContacto
{
	clear: both;
    padding: 0px 0px 0px 50px;
}
#form .formRowContacto .formColLeft
{
	width:60px;
}
.textoformulario
{
	width:675px;
}


/*
 *  Nota legal: elementos específicos
 */ 

.notaLegal
{
    margin: 0px 15px 0px 15px;
    padding: 15px 0px 0px 0px;
    border: solid 0px red;
}

.notaLegal p
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
}

/* 
 * CIVF
 */
#civf
{
	clear:both;
	float:left;
	margin-top:20px;
	margin-bottom:20px;
	font-style:italic;
}

/*
 * Ganadores: elementos específicos
 */
.ganadores
{
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
}
.ganadores .imgganadoresnow
{
	float:left;
	margin: 0px 10px 10px 0px;
	padding-right:35px;
}
.ganadores .formRow
{
	width: 90%;
	clear:both;
	float:left;
	margin-bottom:30px;
	margin-left:30px;
}
.ganadores .formRow2
{
	width:100%;
	clear:both;
	float:left;
	margin-bottom:30px;
}
.ganadores .txt1
{
	margin-top:10px;
	margin-left:100px;
}
.ganadores .txt3
{
	margin-top:5px;
	margin-left:45px;
	text-align:left;
}
.ganadores .colLeft
{
	float:left;
	padding-right:40px;
}
.ganadores .txt
{
	margin-top:5px;
	text-align:left;
}
.ganadores .colLeft .txt
{
	margin-top:5px;
	text-align:left;
}
.ganadores .colLeft .txt2
{
	margin-top:5px;
	text-align:left;
}
.ganadores .colRight
{
	width:49%;
	float:left;
}
.ganadores .colRight .txt
{
	margin-top:5px;
	text-align:left;
	width:65%;
}
.ganadores .numleft
{
	text-align:left;
}
.ganadores .numcenter
{
	text-align:center;
}

/* Entrega de premios */
.entregatxt
{
	width:85%;
}

/* capa modal */
	#bgblack {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	z-index:100;
	}

	#tips {
	display:none;
	position:absolute;
	top:70%;
	left:50%;
	width:0;
	height:0;
	z-index:200;
	background-color:#5DA9B6;    
	}
	
	#tips iframe 
	{	
	background-color:#5DA9B6;    
	}
	
	.geo
	{
		padding:15px 15px 15px 15px!important;	
		background-color:#5DA9B6;    		
	}
	.geo a
	{
		color:#ffffff;
		text-decoration:none;
	}

/* Margin varios */
.mtop50
{
	margin-top:50px;
}
.mtop100
{
	padding-top:100px;
}

/* Premiados */
.premiados .primero
{
	margin-left:180px;
}
.premiados .estrellasizq
{
	position:absolute;
	left:20px;
}
.premiados .estrellasder
{
	position:absolute;
	top:250px;
	right:150px;
}
.premiados .h1txt
{
	float:left;
	margin-left:5px;
	margin-top:5px;
	font-size:90%;
	color:#5da9b6;
	font-weight:bold;
}