/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en*/

body {
    /*background:#FFFFE6;*/
	/*background: #DDEEFF;*/
    font-size: 12px;
    font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
    color:#564b47;
    padding:0;
    margin:0;
    }

a {color: #006600}
a:visited {color:#006600;}
a:hover {color: #564b47;}
a:active { color:#000000;}

h1 {
    font-size: 11px;
    text-transform:uppercase;
    background-color: #E0A3B7;
    border-top:1px solid #564b47;
    border-bottom:1px solid #564b47;
    padding:5px 15px;
    margin:0; 
	}

h2 {
    font-size:16px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight: normal;
    padding: 15px 10px;
    margin:0;
	}

img.download {vertical-align:middle;}

.AdminListAnun{ padding:3px 5px; margin:2px 5px; background-color: #FFFFCC; border:#999999 solid 1px;}

#barraFiltro { 	
    border:#ACCFE8 solid 1px;
	color:#3366CC;
	background:#F0F7FC;
	padding:5px;
	margin:15px 3px;
	}

/* ----------container to center the layout-------------- */

#container {
    width: 700px;
    margin-bottom: 10px;
    margin: 0 auto;
    }

/* ----------------------- Header ------------------------ */
#header {
    background:#fff url(img/bg_header.jpg) repeat-x;
    padding: 0 0 0 5px;
    margin: 0px;
    }
#header img {
    padding:10px 0px;
	}	 
#header_right {
	display:none;
	float: right;
	margin-right:5px;
	width: 330px;
	text-align:center;
    }
#header_right img{
	margin:auto;
    }
#searchTop {
	background-color: #016A97;
	color:#FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
	border-top-width: 1px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #ACCFE8;
	}
#searchTop form{
	margin:0;
	padding:0px;
    }
#searchTop input, #searchTop select{
    font-size:12px;
    color:#666666;
    }
#searchTop a{
    color:#FFF;
    font-size:12px;
    }

marquee {
	display:inherit;
	display:none;
    }

/* ------------------------ content ----------------------- */
#content {
    padding: 0px;
    margin: 0 200px 0 0;
    /*margin: 0 200px 0 150px;*/
    }
div#content { 
    min-height:600px;
    height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
    }
#menuUser {
	color: #3366CC;
	background-color: #F0F7FC;
	margin: 10px 5px ;
	padding: 5px;
	border: 1px dashed #3366CC;
	display:block;
    }
#logout {
	float: right;
    }
p, pre{
    padding: 5px 10px;
    margin:0px;
    }

/* -------------------------left navi---------------------- */
.TitMenuLeft{ 
    background:#ACCFE8 url(img/bg_tit_menu.png) repeat-x; 
	color:#016A97; 
	font-weight:bold; 
	display:block; width:100%;
	}
	
#left {
    float: left;
    width: 250px;
    }
#leftBox {
    margin: 5px 0 0 0;
    padding: 5px;
	border: 1px solid #ACCFE8;
    }
	
#leftBoxRed {
    margin: 5px 0 0 0;
    padding: 5px 5px 5px 40px;
	border: 1px solid #990000;
	background: #FFFFF0 url(img/item.png) no-repeat 5px 10px;
	font-style:italic;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
    }
	
#left select, #left input{
    font-size:10px;
    }
	
#menuLeft {margin: 10px 0 10px 0;}
#menuLeft {
	border: 1px solid #ACCFE8;
	border-width: 1px 1px 0 1px;
	width: 90%;
	font: 90% "Trebuchet MS", Arial, Helvetica, sans-serif;
    }
#menuLeft ul, li {
	list-style-type: none;
	background: #F0F7FC;
    }
#menuLeft ul {
	margin: 0;
	padding: 0;
    }
#menuLeft li {
	border-bottom: 1px solid #ACCFE8;
    }
#menuLeft a {
	text-decoration: none;
	color: #3366CC;
	display: block;
	padding: 1px 6px;
	width: 94%;
    }
#menuLeft a:hover {
	background: #DBEBF6;
    }

/* --------------------------right navi-------------------- */
#right {
	float: right;
	width: 200px;
	margin: 0;
	padding: 0;
	display:none;
	}
.legendPubli {
	padding: 3px;
	border: none;
	background: none;
	font-size:10px;
	color:#999999;
	}
.fieldsetPubli {
	text-align:center;
	width:96%;
	margin:auto;
	border: 1px solid #999999;
    }

/* -----------------------footer--------------------------- */
#footer {
	display:none;
	color:#999999;
	font-size:10px;
    clear: both;
    margin-top: 10px;
    padding: 10px;
    text-align: center; 
	}
	
/* --------------------- listado.php ------------------------- */

#barraOrder{
    text-align:right;
	background:#000;
	padding:2px 5px;
	margin-bottom: 5px;
	}
#barraOrder a{
    color:#FFFFFF;
	font-size:10px;
	text-decoration:none;
	padding-left:5px;
	border-left:#0099CC solid 1px;
	}
	
#listaAnuncio {
	margin:auto;
	width:95%;
	margin-bottom:2px;
	font-size:10px;
    }
#listaPrecio {
    float:right;
	padding:20px 20px 0 0;
	font-weight:bold;
	font-size:12px;
    }
#listaPrecio img{
    border:none;
	width:47px;
	height:14px;
    }
#listaAnuncio a:hover {
    text-decoration:underline;
    }
/* ---------------------DESTACADOS 1------------------------- */
.destacado1 {
	color: #333333;
	height:60px;
	background:url(img/icoDestacado2.gif) no-repeat #FFFFE6;
	border:#FFCC00 solid 1px;
    }

.destacado1 img {
	height:50px;
	width:60px;
	float:left;
	margin-right:5px;
	margin-left:20px;
    }

.destacado1 a:link, .destacado1 a:visited {
	font-size: 12px;
	text-decoration:none;
	color: #003366;
    }

/* ---------------------DESTACADOS 2------------------------- */

.destacado2 {
	background-color: #D7FFD7;
	color: #333333;
	height:90px;
	border:#000 solid 1px;
    }

.destacado2 img {
	height:75px;
	width:95px;
	float:left;
	margin-right:5px;
	border:#000 solid 1px;
    }

.destacado2 a:link, .destacado2 a:visited {
	font-size: 12px;
	text-decoration:none;
	color: #003366;
	font-weight:bold;
    }

/* --------------------- COMUN ------------------------- */
.comun {
	color: #333333;
	height:60px;
	border-top:#999999 solid 1px;
    }

.comun img {
	height:50px;
	width:60px;
	float:left;
	margin-right:5px;
	margin-left:20px;
    }

.comun a:link, .comun a:visited {
	font-size: 12px;
	text-decoration:none;
	color: #003366;
    }

/* --------------------- Formularios ------------------------- */

fieldset {
	border:#ACCFE8 solid 1px;
	padding:5px 0 5px 0;
	margin:10px;
	}
legend {
	border:#ACCFE8 solid 1px;
	color:#3366CC;
	font-size:100%;
	background:#F0F7FC;
	padding:5px;
	font-weight:bold;
	font-size:12px;
	margin-left:15px;
	margin-bottom:10px;
	}
#form label {
	font:bold 12px Arial, Helvetica, sans-serif;
	float: left;width: 18%; 
	text-align:right;
	padding:5px; color: #000000;
	margin-top:10px;
	}
#form br {clear: left;}
#form input, #form textarea, #form select{
	margin-top:8px;
    }
#form input:focus, #form textarea:focus, #form select.focus {background:#E6F2FF;}
#form input:hover, #form textarea:hover, #form select:hover {background: #EFFFDF;}

.requerido {color:#FF0000; font-size:10px; }

.comment { 
    border-top: #009900 solid 1px;
    border-bottom: #009900 solid 1px;
    background-color:#E1FFE1;
    display:block; float:right;
    padding:3px;
    margin:0 3px 0 3px;
    width:220px;
    font-size:10px;color:#999999
    }

/* ------------ Ntooltip (Tool Tip) -------------- */

a.Ntooltip {
    position: relative; /* es la posición normal */
    text-decoration: none !important; /* forzar sin subrayado */
    color:#0080C0 !important; /* forzar color del texto */
    }

a.Ntooltip:hover {
    z-index:999; /* va a estar por encima de todo */
    /* background-color:#000000;  color de fondo */
    }

a.Ntooltip span {
    display: none; /* el elemento va a estar oculto */
    }

a.Ntooltip:hover span {
    display: block; /* se fuerza a mostrar el bloque */
    position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
    top:2em; left:2em; /* donde va a estar */
    width:250px; /* el ancho por defecto que va a tener */
    padding:10px; /* la separación entre el contenido y los bordes */
    background-color: #E1F0FF; /* el color de fondo por defecto */
    border:#0080FF solid 1px;
    color:#0080FF; /* el color de los textos por defecto */
    }

/* ---------------Mensajes OK / Error ------------------------- */

.ok{background:#E1FFE1; width:90%; padding:10px; margin:10px auto; border:#009900 solid 1px;}
.error{background:#FFDFDF; width:90%; padding:10px; margin:10px auto; border:#FF0000 solid 1px;}
.alert{background:#FFFFCC; width:90%; padding:10px; margin:10px auto; border:#FFCC00 solid 1px;}

/* -------------- Ver Anuncio (anuncio.php) -------------------- */

#imgAnun {

    padding:5px;
    text-align:center;
    margin-right:10px;
    }
#imgAnun img {
    margin-bottom:10px;
    }

#cuadroRecoAviso {
    width:160px; 
	float:right;
	display:none;
	}
#cuadroItem { 
    width:300px; 
	margin:0 auto 10px 0; 
	}
.item {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	width:98%;
	margin-right: 5px;
	margin-bottom:1;
	padding:2px 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
    }
.titulosAnun {
   font-size:14px; 
   color:#016A97;
   font-weight:bold;
   margin:5px auto;
   padding-bottom:2px;
   border-bottom: #ACCFE8 solid 3px;
   display:block;
   }
#barra{
   margin:25px auto; 
   background:#016A97;
   color:#ACCFE8;
   border-bottom:#ACCFE8 solid 2px;
   padding:3px;
   text-align:right;
   display:none;
   }
#barra a{color:#FFFFFF; text-decoration:none;}
#barra a:hover{text-decoration:underline;}

#emailAnunciante{ 
   display:none;
   background-color:#F0F7FC; 
   border-top: #016A97 solid 3px; 
   border-bottom: #016A97 solid 1px; 
   margin-top:10px;
   padding:2px 10px;;
   }
#emailAnunciante, #emailAnunciante input, #emailAnunciante textarea { font-size:12px;}

/*----------------- Listado de Tiendas -------------*/
.listaTienda {
	color: #333333;
	height:70px;
	border-top:#999999 solid 1px;
    }

.listaTienda img {
	height:60px;
	width:60px;
	float:left;
	margin:5px 3px 5px 0;
    }

.listaTienda a:link, .comun a:visited {
	font-size: 12px;
	text-decoration:none;
	color: #003366;
    }