/*
CSS maquetación de ePalco

Fecha creación: 1 de febrero de 2009
Fecha última modificación: 
Autor: Pablo Díaz
*/ 

* {margin: 0;padding: 0;}
html, body {border:0;margin:0;padding:0;height: 100%;}
body {background-color: #ECEDED;}

/*****header*****/
#header {
	 width: 1000px;
	 margin: 0px;
	 padding: 0px;
	 height: 95px;
	 background-color:transparent;
	 color:#3A6C5B;
}
							
/*****content*****/
#wrapper {
	 min-width: 1000px;
	 padding:0;
	 margin:0 auto;    
	 position: relative;
	 min-height: 100%; /* For Modern Browsers */
	 height: auto !important; /* For Modern Browsers */
	 height: 100%; /* For IE */ 
	 width: 1000px;
	 background: #ECEDED url('../imgs/fondo2.png') top left no-repeat;
	 z-index: 10;
}

#InnerWrapper {
	 width: 100%; 
	 padding-bottom: 1px;
}

#wrapper #visitar {
display:none;
}

#eng{
height: 19px;
width: 25px;
background: #ECEDED url('../imgs/flag_eng.gif') top right no-repeat;
}
#val{
height: 19px;
width: 25px;
background: #ECEDED url('../imgs/flag_val.gif') top right no-repeat;
}
#esp{
height: 19px;
width: 25px;
background: #ECEDED url('../imgs/flag_esp.gif') top right no-repeat;
}
.second {
margin-top: 5px;
}



#wrapper #visitar img{
float:right;
}



#wrapper #visitar a {
text-decoration: none;
outline: 0;
}

#WrapContent {
	 padding-bottom: 149px;  /* antes 58 */
	 width: 926px;
	 margin: 0 auto;  
}

#WrapContent:after { /* !important. stick the footer at the bottom*/
  clear: both;
  display: block;
  content: ".";
  height: 0;
  visibility: hidden;
}

/*****footer*****/
#footer {
	 position: absolute;
	 bottom: 0 !important;
	 bottom: -1px; /* For Certain IE widths */
	 clear:both;
	 padding:0;
	 margin:0;
	 width: 100%;
	 height: 160px;  
	 color: white;
	 text-align: center;
	 background: url('../imgs/pie.png') bottom left no-repeat; 
	 z-index: 200;

}

#footer #credits {
color:#646567;
float:left;
font-size:11px;
line-height:30px;
margin:0pt;
padding:13px 0pt 0pt 90px;
}

#footer #commodities {
float:right;
margin:0pt;
padding:13px 78px 0pt 0pt;
}

#commod {
display:none;
}
#commod li {
display:inline;
margin:0pt;
padding:0pt;
}
#commod li:before {
content:"| ";
}
#commod li:first-child:before {
content:"";
}
* html #commod li {
border-left:1px solid #32597A;
margin:0pt 0.4em 0pt -0.4em;
padding:0pt 0.4em;
}
* html #commod {
height:1%;
}
* html #commod li {
display:block;
float:left;
}
* html #commod li:first-child {
border-left:0pt none;
}
#commod a, #commod a:visited {
color:#646567;
text-decoration:none;
}
#commod a:hover {
color:#646567;
text-decoration:underline;
}
ul#commod li.active a {
color:#646567;
}

.foto {
width:657px;
height:308px;
float: left;
}

#capsula{
position:relative;
}

#capsula #txt{
position:relative;
margin-top:-25px;
background: url('../imgs/tag_foto.gif') top left repeat-x;
height: 25px;
line-height: 25px;
color: #FFFFFF;
width: 200px;
text-align:center;
}

.botonera {display:none;}

.botonera a{
text-decoration:none;
height: 26px;
background: url('../imgs/tag_boton.gif') top left repeat-x;
display:block;
padding: 0px 15px;
color: #fff;
line-height: 26px;
float:left;
margin-right: 15px;
}

.recomendar, .listado_coms_none, .listado_coms, #comments{
float: left;
width: 647px;
}

.recomendar form, .listado_coms_none p {
margin: 20px 0px 0px 150px;
color: #646567;
}

.recomendar form {
display:inline;
}

.rec_form{ height: 25px; margin-top:35px;}
.add_form{ height: 125px; margin-top:35px;}

.recomendar form p label {
float: left;
margin-top: -20px;
font-size:11px;

}
.recomendar form p input {
float: left;
border: 1px solid  #646567;
height: auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #646567;
padding: 3px;
margin-right: 10px;
}

.recomendar form textarea {
float: left;
border: 1px solid  #646567;
height: auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #646567;
padding: 3px;
margin-right: 10px;
}

.largo {
width:448px;
}
.medio {
width:215px;
}
.normal {
width:175px;
}


.listado_coms {
	margin: 10px 0px 0px 40px;
 	background-color:#EDEDED;
	padding: 10px 10px 5px 10px; 
	width: 555px;
}

.pie_com, .pie_com_u {
float:left;
background: url('../imgs/pie_com.gif') top left no-repeat;
height: 25px;
margin-left: 40px;
width: 555px;
line-height: 25px;
padding-top: 10px;
color: #646567;
padding: 10px 10px 0px 10px;
}
.pie_com_u{
background: url('../imgs/pie_com_u.gif') top left no-repeat;
}
.momento {float: left;width: 100px; margin-right: 32px;font-size: 10px; color:#F29400;}
.quien {font-size: 11px; width: 400px; float:left;}


.listado_coms p {float:left; width: 450px; margin: 0px 0px 0px 22px; 
min-height: 46px; 
height: auto !important; 
height: 46px; 
color: #646567;
}

#rightbar p.recents {
line-height: 15px;
}

#rightbar p.recents a:hover { text-decoration:underline; font-weight:normal;}

.nick{color: #646567;}
.carita {
width: 70px;
height: 66px;
float: left;
}

.num {width: 26px; height: 22px; text-align:center; color: #FFFFFF; font-size: 11px; position: relative; line-height: 22px;}
.name {
background: none;
margin-top:10px;
display:block;
}
.man {background: url('../imgs/man.gif') top left no-repeat;}
.woman {background: url('../imgs/woman.gif') top left no-repeat;}
.unisex {background: url('../imgs/unisex.png') top left no-repeat;}

#paginacion{
width: 480px;
padding-left:150px;
margin: 30px 0px;
height: 30px;
float:left;
}

#pags {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:0pt;
}
#pags li {
float: left;
text-align: center;
margin:0pt;
padding:0pt;
height: 24px;
width: 24px;
background: url('../imgs/bk_pag.gif') top left no-repeat;
line-height: 24px;
font-size: 11px;
margin-right: 4px;
}

* html #pags li {
border-left:1px solid #32597A;
margin:0pt 0.4em 0pt -0.4em;
padding:0pt 0.4em;
}
* html #pags {
height:1%;
}
* html #pags li {
display:block;
float:left;
}
* html #pags li:first-child {
border-left:0pt none;
}
#pags a, #pags a:visited {
color:#646567;
text-decoration:none;
}
#pags a:hover {
color:#F39400;
text-decoration:underline;
}
ul#pags li.active {
color:#F39400;
}

div#body {
height:100%;
overflow:hidden;
background: url('../imgs/bk_body.png') top left repeat-y;
padding-left: 13px;
}
div#content {
margin:0 257px 0 0;
}

.dinamico{
margin: 60px 30px 40px 40px;
}

.noticia {
float:left;
}

.plusnoticia {display:none;}

.noticia h3 {
margin:15px 0px 10px;
padding-left:150px;
}
.noticia h2 {
margin:10px 0px;
padding-left:150px;
}

#content h2.com {
margin:10px 0px;
padding-left:150px;
float:left;
display:table-row;
padding-bottom: 10px;
border-bottom: 1px solid #C6C7C8;
}

.cierre {
float:left;
width: 645px;
height: 25px;
display:block;
}

.cierre2 {
float:left;
width: 645px;
height: 60px;
display:block;
}

.menos {
margin-top:-50px;
}

.oculto{ display:none;}

.textos {
color:#646567;
float:right;
padding:0px 40px 0px 20px;
width:465px;
}



.margen {
border-right:1px solid #999999;
color:#646567;
float:left;
font-family:Georgia,"Times New Roman",Times,serif;
height:170px;
padding-top:25px;
text-align:right;
width:130px;
}

.margen a {
outline-color:invert;
outline-style:none;
outline-width:0pt;
text-decoration:none;
}

.margen h2 {
color:#F29400;
font-size:32px;
margin:60px 0px 0px;
padding:0px 18px 0px 0px;
}

.margen .mes {
font-size:18px;
margin:0px;
padding:0px 18px 10px 0px;
}

.margen .datos {
font-size:13px;
margin:0px;
padding:0px 18px 0px 0px;
}

.search {
background-color:#FFFF00;
}

div#rightbar {
float:right;
width:256px;
background: url('../imgs/bk_rightbar.png') top left repeat-y;
margin-top: 100px;
display:none;
}

#rightbar hr { 
color: #fff;
border: none;
height: 1px;
background-color:#F6C57A;
margin: 0px 13px 0px 25px;
}

#rightbar h2{
color:#FFA140;
font-size: 11px;
margin: 10px 13px 10px 25px;
}

#rightbar a {
text-decoration: none;
color:#fff;
outline: 0;
}  

#rightbar p{
color:#fff;
font-size: 11px;
margin: 10px 25px;
line-height: 18px;
}	

#rightbar #buscador {
padding:0px;
margin: 30px 0px 30px 16px;
height: 28px;
}
#rightbar #buscador input {
width: 160px;
height: 20px;
padding: 4px 0px;
border: none;
margin:0px;
margin-right: 4px;
float:left;
}

#rightbar #buscador img {
height: 28px;
margin:0px;
}



#rightbar .rss {height: 30px;background: url('../imgs/rss.png') center left no-repeat;padding: 15px 0px 15px 60px;margin-left: 25px;}
#rightbar .rss a { display: block;text-decoration: none;color: #FFFFFF;font-size: 11px;line-height: 16px; outline:0;}

#rightbar a:hover {text-decoration: none;color: #FFFFFF;font-weight: bold;}

#rightbar ul.anyo{
margin:0;
padding:0;
margin: 10px 25px;
}

#rightbar ul.anyo li a{
display: block;text-decoration: none;color: #FFFFFF;font-size: 11px;line-height: 16px;
}


/* ESTILO PARA EL TAGCLOUD */
#tagcloud {
    width: auto;
    background-color:transparent;
    color:#fff;
	margin: 10px 25px 40px 25px;
    text-align:center;
}
 
#tagcloud a:link, #tagcloud a:visited {
    text-decoration:none;
}
 
#tagcloud a:hover, #tagcloud a:active {
	font-weight:normal;
    text-decoration: underline;
    color: #fff;
}
 
#tagcloud span {
    padding: 4px 4px 4px 0px;
}
 
.smallest {
    font-size: x-small;
}
 
.small {
    font-size: small;
}
 
.medium {
    font-size:medium;
}
 
.large {
    font-size:large;
}
 
.largest {
    font-size:larger;
}

/* SOLUCION PARA AJUSTE DE FLOTANTES */
.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%;}