/* *** 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;*/
	background:#F0F7FC;
    font-size: 12px;
    font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
    color:#564b47;
    padding:0;
    margin:0;
    }

a {color: #006699; text-decoration:none;}
a:visited {color:#006699;}
a:hover {color: #990000; text-decoration:underline;}
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;}

.AdminTable {
    font-size:12px;
	}

.AdminListAnunHeader{
    padding:2px; 
	margin:1px;
	background-color:#006699;
	color:#FFFFFF;
	font-weight:bold;
	border-top:#999999 solid 1px;
	}
	
.AdminListAnun{
    padding:2px; 
	margin:1px; 
	background-color: #FFFFCC;
    border-top:#999999 solid 1px;
	}
	
.AdminListAnunBottom{
    padding:2px; 
	margin:1px; 
	background-color: #FFFFCC;
	font-size:10px;
	color:#000000;
    }

#barraFiltro { 	
    border:#ACCFE8 solid 1px;
	color:#3366CC;
	background:#F0F7FC;
	padding:5px;
	margin:15px 3px;
	}
	
#tilde_red {
    list-style-image:url(img/ico_tilde.gif);
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;
	font-size:13px;
    }
	
.listado_cobro_domicilio {
    font-size:14px;
	border-bottom:1px dotted #333333;
	padding-top:5px;
	padding-bottom:5px;
	width:95%;
	margin:auto;
	}
	
.titulosNoticias {
	height:22px;
	background:#CCC;
	border-bottom:#666 solid 1px;
	color:#FFF;
	padding:2px;
	margin:5px auto;
}
/* ----------container to center the layout-------------- */

#container {
    width: 900px;
    margin-bottom: 10px;
    margin: 0 auto;
    background-color:#F0F7FC;
    }

/* ----------------------- Header ------------------------ */
#header {
    background:#fff url(img/bg_header.jpg) repeat-x;
    padding: 0 0 0 5px;
    margin: 0px;
    }

#header_login {
	background:url(img/bg_header_login.gif) no-repeat right;
	
	height:30px;
    }
	
#header_login form{
	margin:0px;
	padding-left:360px;
	padding-top:3px;
    }

#header_login input{
	font-size:11px;
    }
	
#header_right {
    font-size:12px;
	float: right;
	margin-top:20px;
	width: 420px;
	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;
    }
#searchTop .bot_busqueda{
	text-align:right;
	margin:7px 14px 0 auto;
	padding:0px;
	font-size:12px;
    }
	
#marqueeHeader {
    border-top:#016A97 solid 2px; 
    border-bottom:#016A97 solid 1px;
    background:#CC0000 url(img/bg_marquee.png) repeat-x; 
    color:#FFFFFF;
    font-weight:bold;
    font-size:14px;
    padding:2px;
    }

/* menu Top */

.MenuTop {
	padding:0 0 0 32px;
	margin:0; 
	list-style:none; 
	height:25px; 
	background:#fff url(img/menutop_eight_back.gif); 
	position:relative; 
	/*border:1px solid #000;*/
	border-width:0 1px 1px 1px; 
	border-bottom-color:#444;
	}
.MenuTop li {
	float:left;
	}
.MenuTop li a {
	display:block; 
	float:left; 
	height:25px; 
	line-height:23px; 
	background:url(img/menutop_eight_0.gif); 
	color:#fff; 
	text-decoration:none; 
	font-size:12px; 
	font-family:arial, verdana, sans-serif; 
	font-weight:bold; 
	text-align:center; 
	padding:0 0 0 12px; 
	cursor:pointer;
	}
.MenuTop li a b {
	float:left; 
	display:block; 
	padding:0 12px 0 0; 
	background:url(img/menutop_eight_0.gif) right top;
	}
.MenuTop li a:visited {
	color:#FFF;
	}
.MenuTop li.current a {
	color:#fff; 
	background:url(img/menutop_eight_2.gif);
	}
.MenuTop li.current a b {
	background:url(img/menutop_eight_2.gif) right top;
	}
.MenuTop li a:hover {
	color:#FFF; 
	background:url(img/menutop_eight_1.gif);
	text-decoration:none;
	}
.MenuTop li a:hover b {
	background:url(img/menutop_eight_1.gif) right top;
	}
.MenuTop li.current a:hover {
	color:#fff; 
	background:url(img/menutop_eight_2.gif); cursor:default;
	}
.MenuTop li.current a:hover b {
	background:url(img/menutop_eight_2.gif) right top;
	}

/* ------------------------ Index.php ----------------------- */

#tabla_ultimos_publicados
{
	font-size: 12px;
	background: #fff;
	width: 95%;
	border-collapse: collapse;
	text-align: left;
}
#tabla_ultimos_publicados th
{
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 5px 8px;
	border-bottom: 2px solid #6678b1;
}
#tabla_ultimos_publicados td
{
	border-bottom: 1px solid #ccc;
	color: #669;
	padding: 5px 8px;
}
#tabla_ultimos_publicados tr:hover td
{
	color: #016A97;
}

/* ------------------------ content ----------------------- */
#content {
    background-color:#F0F7FC;
    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;
	background: #F0F7FC;
    }
	
#leftBoxRed {
    margin: 0px;
    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;
	}
.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 {
    border-top:#CCCCCC solid 1px;
	color:#999999;
	font-size:10px;
    clear: both;
    margin-top: 10px;
    padding: 10px 0px;
    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;
	text-align:center;
	width:135px;
    }
#listaPrecio img{
    border:none;
	width:47px;
	height:14px;
	float:none;
	margin:auto !important;
    }
#icoEshop{
	float:none;
		margin:auto !important;
    }	
#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, .destacado1_esp, .destacado2_esp  {
	color: #333333;
	height:60px;
	border-top:#999999 solid 1px;
    }

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

.comun a:link, .comun a:visited, .destacado1_esp a:link, .destacado1_esp a:visited, .destacado2_esp a:link, .destacado2_esp 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 {
    background-color:#F0F7FC;
    padding:5px;
    text-align:center;
    margin-right:10px;
    }
#imgAnun img {
    margin-bottom:10px;
    }

#cuadroRecoAviso {
    width:160px; 
	float:right;
	}
#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;
   }
#barra a{color:#FFFFFF; text-decoration:none;}
#barra a:hover{text-decoration:underline;}

#emailAnunciante{ 
   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;
    }