/*
	Link, fuentes, colores y todo lo que tenga que ver con el diseņo 
	
*/

* {
	margin:0px;
	padding:0px;
	behavior: url(iepngfix.htc);
  }


/* 
	Principal
*/
	
#cabecera{
	background-image:url(../img/fondoBN.gif);
	background-repeat:repeat-x;
	width:100%;

}
#cabecera #contenido{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

#principal {

	padding:0px;
	position:relative;
	top:0px;
	width: 800px;
	height:auto;
	border:solid 0px;
	margin-left: auto;
	margin-right: auto;
	border:solid 0px;
/*	background-image:url(../img/fondo.gif);
	background-repeat:repeat-x;*/

}

#principal #contenido{
	margin:20px;
	width:760px;
	height:auto;
	border:solid 0px;
}
	
/* Menu lateral colocaion y contenido*/
#principal #menuLateral {
/*	float:right;
	clear:right;*/
	float:right;
	width:180px;
	height:auto;
	border:solid 0px;

}

#principal #menuLateral #publicidad{
	height:215px;
	border:solid 0px;
}
#principal #menuLateral ul{
    list-style: none;
    margin: 0;
    padding: 0;
	border:solid 0px;
}

#principal #menuLateral li{
	margin:0px;
	padding:0px;
}

#principal #menuLateral .cajaLogin{
	background-image:url(../img/fondoLogin.png);
	width:180px;
	height:183px;
	padding-top:20px;
}

#principal #menuLateral .cajaLogin li{
	text-align:center;
	line-height:1.5em;
}


#principal #menuLateral .cajaLogin li.listaCajaTexto{
	border:solid 0px;
	text-align:left;	
	position:relative;
	left:30px;
	width:125px;
}

#principal #menuLateral .cajaLogin li.olvidoClave{
	position:relative;
	top:5px;
}

input.campo{
    /* prevent google toolbar from breaking pretty search when autofill is enabled*/
    background-color: transparent !important;
	border:solid 0px;
    color:#0099FF;
    font-size: 11px;
    height: 18px;
    margin: 0 4px;
    padding: 0px 4px 0px 4px;
    width: 105px;
}

.cajaTexto{
	border:solid 0px;
	background-image:url(../img/campoTexto.png);
	background-repeat:no-repeat;
	width:125px;
	height:25px;	
}


#principal #menuLateral .menu{
	background-image:url(../img/cajaCentro.png);
	background-repeat:repeat-y;
	padding-left:15px;
	line-height:22px;
	width:165px;
	height:auto;
	border:solid 0px;

}

#principal #menuLateral .menu .opciones{
	/*padding-left:5px;*/
	text-indent:0.5em; /* Sangria del texto*/
	width:165px;
	height:auto;

}

#principal #menuLateral .menu .logo{
	padding-top:5px;
	text-align:center;
	width:150px;
	height:auto;

}

#principal #menuLateral .cabeceraSup{
position:relative;
top:5px;
}

#principal #menuLateral #monitor{
	position:relative;
	top:10px;
	left:40px;
}

/* ***********************************/

#principal #anuncio{
	border:solid 0px;
	padding:8px;
	background:url(../img/cajaAnuncio.png);
/*	background-image:url(../img/cajaAnuncio.png);*/
	background-repeat:no-repeat;
	height:120px;
	width:520px;
}

#principal #noticias {
/*	position:relative;
	top:10px;*/
	border:solid 0px;
	padding:0px;
	
/*	background-image:url(../img/cajaAnuncio.png);
	background-repeat:no-repeat;*/
	height:220px;
	width:540px;
}
#principal #noticias .listaIndex{
	margin-top:5px;
	background:url(../img/cajaRitual.png);
	height:180px;
	width:530px;
}



#principal #tarotistas{
	margin-top:15px;
	height:500px;
	width:550px;
}
#principal #tarotistas *{
	background-repeat:no-repeat;
	/*display:inline;*/
}
#principal #tarotistas #cabeceraTarot{
postion:relative;
top:20px;
}

#principal #tarotistas #cabeceraTarot *{
/*	display:inline;*/
}

#principal #tarotistas #cabeceraTarot h1{
	float:left;
}

#principal #tarotistas ul{
	clear:left;
    list-style: none;
    margin: 0;
    padding: 0;
}
#principal #tarotistas li{
	padding-top:20px;
	padding-left:16px;
	margin:0px;
	float:left;
	width:117px;
	height:128px;
	border:solid 0px;
}
#principal #tarotistas small{
	float:right;
	padding-right:20px;
	padding-top:0.6em;
	/*margin-left:180px;*/
	
/*	color:#0273F0;*/
	color:#666666;
	border:solid 0px;
}

#principal #informacion{
	position:relative;
	top:10px;
	width:510px;
	border:solid 1px;
	background-color: #ECF4FF;/*#CEDFFF;*/
	padding:10px;
}
#principal #publicidadTele{
	position:relative;
	top:10px;
	left:30px;
}

/* */
#principal #clearing{
	clear:both;
}

.subTarotistas{
text-align:right;
}

.subcabera{
border:solid 0px;
clear:right;
}
#principal #tarotistas .tarot1{
background-image:url(../img/fondoTarotista1-trans.png);
}
#principal #tarotistas .tarot2{
background-image:url(../img/fondoTarotista2.png);
}
#principal #tarotistas .tarot3{
background-image:url(../img/fondoTarotista3.png);
}
#principal #tarotistas .tarot4{
background-image:url(../img/fondoTarotista4.png);
}


#principal #tarotistas .tarotCone1{
background-image:url(../img/fondoTarotista1-transCone.png);
}
#principal #tarotistas .tarotCone2{
background-image:url(../img/fondoTarotista2Cone.png);
}
#principal #tarotistas .tarotCone3{
background-image:url(../img/fondoTarotista3Cone.png);
}
#principal #tarotistas .tarotCone4{
background-image:url(../img/fondoTarotista4Cone.png);
}
/*
 ***************************
*/

/*
	Botonera principal
*/
#cabecera #contenido #topBar * {
    float: left;
    margin: 0;
}
#cabecera #contenido #topBar p {
    margin: 0 0 0 4px;
	border:solid 10px;
}
#cabecera #contenido #topBar {
    height: 36px;
}
#cabecera #contenido #topBar ul {
    list-style: none;
    margin: 0;
    padding: 0;
}


/*
****************************************
*/

/*
	Pie de pagina
*/
#principal #piePagina{  
	clear:both;
    line-height: 130%;
    margin: 20px auto 10px;
    text-align: center;
	border:solid 0px;
}

#principal #piePagina ul{
	border:solid 0px;
    list-style: none;
    margin: 0;
	margin-bottom:5px;
    padding: 0;
	clear:left;
	height:0.8em;
}

#principal #piePagina li {
	color:#333333;
	font-size: 0.8em;
    border-right: 1px solid #868F98;
    display: inline;
    margin: 0px;
    padding: 5px;
}

#principal #piePagina li.last-item{
    border-right: none;
}