/* CSS Document */

* {margin: 0; padding: 0}

body {margin:0; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#666666}
a {color:#0066CC; text-decoration:none;}
a:hover {color:#003366;}
input {height: 22px; border: #CCCCCC solid 1px;}
select {height: 22px; border: #CCCCCC solid 1px;}

.tituloGris{font-size:15px;}
.textoPeque{font-size:11px;}
.botonRosa{background-image:url(../img/fondoBotonRosa.jpg);   color:#FFFFFF; padding:3px 10px 3px 10px; font-size:13px; font-weight:bold; position:relative; z-index:3;}

.pastillaAzul{font-size:15px; color:#CCCCCC; padding:5px 14px 5px 10px; background-color:#0066CC; font-weight:bold;}
.fondoPastillaAzul{background-image:url(../img/degraAzulCorto.jpg); background-repeat:repeat-x; background-position:bottom; position:relative;}

.pastillaGris{font-size:15px; color:#333333; padding:5px 14px 5px 10px; background-color:#FFFFFF; font-weight:bold; border:1px solid #DDDDDD;}
.fondoPastillaGris{background-image:url(../img/degraGris.jpg); background-repeat:repeat-x; background-position:bottom;}

.pastillaRosa{font-size:15px; color:#CCCCCC; padding:5px 14px 5px 10px; background-color:#0066CC; font-weight:bold;}
.fondoPastillaRosa{background-image:url(../img/degraRosa.jpg); background-repeat:repeat-x; background-position:bottom;}

/***** ESTRUCTURA DE BLOQUES ******/
#cenefaSuperior{ background-image:url(../img/cenefaSuperior2.gif); background-repeat:repeat-x; height:37px;}
#pagina{margin:0 auto;width:954px;}
#cabecera{height:114px; background-repeat:repeat-x; background-position:bottom; margin-bottom:15px;}
#cabeceraHome{height:104px; width:612px; float:left; /*background-color:#FF0000;*/ margin-bottom:5px; overflow: hidden; background-repeat:repeat-x; background-position:bottom; margin-top: 0px;}
#contDerecha{ width: 310px;  float: right; margin-bottom:10px; }
#contenido{ width: 612px; padding-right: 28px;}
#pie{background-image:url(../img/fondoPie.jpg); background-repeat:repeat-x; padding:15px; color:#cccc00; margin-top:20px; clear:both; }
#pietxt{padding:10px 15px 10px 15px; clear:both; margin-bottom: 25px; font-style:italic; background-color:#EEEEEE;}


/***** CABECERA ******/
#imgLogo{float:left; }
#login{ padding-top:16px;margin:0 auto;width:954px; position:relative;}
#loginado{float:left; margin-top:30px; margin-left:80px; text-align:right; }
#usuario{ border-bottom:1px solid #0; width:200px; margin-bottom:5px; }

/*BUSCADOR*/
#sombraCabeceraBuscador{ display:inline;}
#buscadorHome{height:111px;  background-image:url(../img/fondoBuscarFilete.jpg); background-repeat:no-repeat; padding: 16px 0px 0px 26px; clear: left;}
#buscador{height:78px; margin-left:622px; padding: 16px 0px 0px 26px;}
#buscador p, #buscadorHome p { margin-bottom:5px;}
.relative {	position: relative;	top: -6px;}
.relativeHome {	position: relative;	top: 2px;}
#sugbus { position:absolute; width:240px; border: 1px solid #CCCCCC; background-color:#FFFFFF;  height:200px; visibility: hidden;}
#txtbuscador{ width: 240px; height: 22px; border: #CCCCCC solid 1px;}
#tag{ width: 240px; height: 22px; border: #CCCCCC solid 1px;}
/******** MENUS *******/
.menus{ height:22px; clear: left; float:left; width: 600px; overflow:hidden; margin-top:4px; margin-left:20px;}
/*.menus{ height:26px; clear: left; float:left; width: 500px; overflow:hidden;}*/
.nav, .nav ul{
margin:0;


padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
}

.nav a{
display:block;
padding:1px 20px 1px 20px;
border:1px solid #cccc00;
font-size:14px;
font-weight:bold;
color:#0066cc;
text-decoration:none;
background-color:#FFFFFF;
margin-right:.3em;
}

.nav a:hover{
background-color:#CCCC00;
}

.nav li{
float:left;
position:relative;
}
#navSel{
color:#FFFFFF;
background-color:#CCCC00;
border:1px solid #CCCC00;
}


.menusSinFloat{ height:26px;  overflow:hidden; background-image:url(../img/degraRosa.jpg); background-repeat:repeat-x; background-position:bottom; }

.nav2, .nav2 ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
}

.nav2 a{
display:block;
padding:4px 10px 4px 10px;
border:1px solid #CCCC00;
font-size:14px;
color:#666666;
text-decoration:none;
background-color:#FFFFFF;
margin-right:.3em;
}

.nav2 a:hover{
background-color:#CCCC00;
}

.nav2 li{
float:left;
position:relative;
}
#nav2Sel{
color:#333333;
font-weight:bold;
background-color:#CCCC00;
border:1px solid #CCCC00;
}


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

#cenefa{ height:10px; background-image:url(../img/degraMarquesina.jpg); background-repeat:repeat-x; clear: both; width:612px;}

/****** HOME *********/
#populares{border:1px solid  #0066CC;  border-top: 2px solid #0066CC;  margin-bottom:10px; overflow:hidden;}
#populares p{margin-bottom:5px;margin-top:5px;}
#populares td{padding:5px;}
.fondoTRAzul{background-color:#DDF0FF}

/***** CONTENIDO ******/
#ruta{color:#0066cc; padding: 12px 0 10px 5px;}
#AnadirEditar{background-color:#EEEEEE; padding:10px; margin-bottom:6px; text-align:right; height:21px;}
#editar{background-color:#FFFFFF; padding:10px; margin-left:10px; float:right; padding:3px 6px 3px 6px; color:#3399FF;}
#anadir{background-color:#FFFFFF; padding:10px; padding:3px 6px 3px 6px; float:right; color:#CCCC00;}
#privacidad{background-color:#FFFFFF; padding:10px; padding:3px 6px 3px 6px; float:right; color:#3399FF;margin-left:10px;}
#articulo{background-color:#DDF0FF; border-top: 2px solid #FFFFFF; padding: 5px 0px 5px 5px; margin-bottom:20px; position:relative;overflow:hidden;}
#articuloTema{background-color:#FFFFFF; border: 1px solid #DDF0FF; padding: 5px 0px 5px 5px; margin-bottom:20px; position:relative; overflow:hidden;}
#fondoUser{height:50px; background-image:url(../img/degraAzulCorto.jpg); background-repeat:repeat-x; background-position:bottom; position:relative;}
#userArticulo{position:absolute; top:-13px; left:216px; width: 100%;}
#userArticuloTema{position:absolute; top:11px; left:20px; width: 100%;}
.fotoUser{ border:1px solid #DDF0FF; float:left; margin-right:6px; margin-bottom:6px;}
.datosUser { margin-top:4px;float:left; margin-right:20px;}
.datosUser p{ margin-bottom:3px;}
.datosUser2 { margin-top:4px; }
.datosUser2 p{ margin-bottom:3px;}
#fotoArticulo{float:left; margin-right:10px;}
#fotoArticuloSimple{float:left; margin-right:10px; background-color:#DDF0FF; padding:5px;}
#conteArticulo{padding:0px 20px 10px 10px; margin-left:200px;}
#conteArticulo p {font-size:14px; padding: 5px 0px 5px 0px; margin-bottom:5px; text-align:justify;}
#conteArticuloSimple{padding:0px 10px 10px 0px;}
#conteArticuloSimple p { margin-bottom:5px;}
.tituloArticulo{color:#CCCC00; font-size:20px;}
.tituloArticulo a{color:#CCCC00}
#nota{background-color:#EEEEEE; font-size:14px; padding:20px; margin-top:20px; margin-right:20px; margin-bottom:10px; width:176px; float:left;}
#conteArticulo2{}

#conteArticulo2 p, ul, ol{margin-bottom:20px;}
#conteArticulo2 ul, ol{margin-left:40px;}

#temas{ border:1px solid  #DDF0FF; padding:5px 10px 5px 20px; margin-bottom:10px; clear:left;}
#pregunta{background-color:#EEEEEE; padding:5px 10px 5px 20px; margin-bottom:10px; color: #3399FF; overflow:visible; float:right; text-align:right;}
#valoracion{background-color:#EEEEEE; padding:5px 10px 5px 10px; margin-bottom:20px; width: 164px; float: left;}
#valoracioOk{background-color:#EEEEEE; padding:5px 10px 5px 10px; margin-bottom:10px;}
#valoracioKo{background-color:#EEEEEE; padding:5px 10px 5px 10px; margin-bottom:10px;}

#comparte{background-color:#EEEEEE; padding:5px 10px 5px 10px; margin-bottom:20px; margin-left:410px; }

#relacionados{border:1px solid  #DDF0FF;  border-top: 2px solid #8ED3ED; padding:5px 10px 5px 20px; margin-bottom:10px; font-size:14px;}
#relacionados p{margin-bottom:5px;margin-top:5px;}
#relacionados a {color:#0066CC;}
#relacionados a:hover {color:#003366;}
.recuadroAzul{background-color:#FAFAE5; padding: 10px; border-top: 3px solid #EEEEEE; margin-top:5px; overflow:hidden;}
.recuadroAzul td{ padding-bottom:10px; padding-right:10px;}
.recuadroAzul p { margin-bottom:20px;}
/****COMENTARIOS*****/
#comentarios{ margin-top:0; /*clear:right;border:1px solid red; */float:left; width:100%; margin-bottom:20px;}
#botOpinar{float:right; }
#ContendorComentarios{border:1px solid  #DDF0FF; border-top:2px solid #8ED3ED; }	
/*FICHA*/
.comentario{ border-top:1px solid  #DDF0FF; padding:10px;}
.fotoUserComentario{ border:1px solid #DDF0FF; float:left;}
.nomUserComentario{ background-color:#EEEEEE; padding:5px; float:left; margin-left:1px;}
.datosComentario{ border-left:1px solid  #EEEEEE; padding-left:10px; margin-left:170px;}
.fechaComentario{ background-color:#EEEEEE; padding:2px; padding-left: 10px; margin-bottom:10px; }
.numCom{font-size:15px; font-weight:bold; margin-right:20px; }
.fechaCom{font-size:10px; margin-right:20px;}
.horaCom{font-size:10px;margin-right:10px;}
/*PAGINADOR*/
#paginador{ background-color:#DDF0FF; color:#3399FF; padding:6px 20px 6px 20px; margin-top:20px; margin-bottom:10px;}
#paginaSel{background-color:#FFFFFF; font-weight:bold; padding:2px 4px 2px 4px;}
/*OPINION*/
#opinion{margin-top:20px;}
#cajaOpinion{border-top:2px solid #8ED3ED; background-color:#DDF0FF; padding:10px;}
.cajaOpinionDentro{ margin-left:70px;}
#txtComentario{margin-bottom:10px; margin-top:10px; width: 500px; height: 80px;}

/***** CONTENIDO DERECHA HOME******/

#lasExpertas{background-color:#DDF0FF; padding: 7px 0px 0px 7px; border-top: 2px solid #EEEEEE;}

.experta{float:left; margin-right:6px; margin-bottom:6px; width:140px;}
.fotoExperta{ border:1px solid #EEEEEE; float:left; margin-right:6px; margin-bottom:6px;}
.datosExperta p{ margin-bottom:6px;}
#registrateDer{background-color:#DDF0FF; padding: 10px; border-top: 2px solid #EEEEEE;text-align:center; clear:left; width:290px; }

/***** CONTENIDO DERECHA ******/
#publi{background-color:#EEEEEE;  padding: 5px 0px 5px 5px; margin-top:12px;}
#destacados{margin-top:20px;}
#pastillaDestacadoPrin{background-color:#FFFFCC; padding: 10px; border-top: 2px solid #EEEEEE;}
.pastillaDestacado{background-color:#FFFFCC; padding: 10px; margin-top:1px;}

.tituloDestacado{color:#0066CC; font-size:14px;}
.fotoDestacado{float: left; margin-right:10px;}
.conteDestacado{ margin-left:60px;}
.conteLink{margin-left:0;}
.pastillaLink{background-color:#EEEEEE; padding: 5px; margin-top:1px; font-size:10px; }
#mas{margin-top:20px;}
#pastillaMasPrin{background-color:#FAFAE5; padding: 10px; border-top: 2px solid #EEEEEE;}
#pastillaMasPrin p{ margin-top:5px;}
.pastillaMas{background-color:#FAFAE5; padding: 10px; margin-top:1px;}
.pastillaMas p{ margin-top:5px;}

/************** FORMULARIO *****************/
#titGrabar{background-color:#EEEEEE; padding:10px; margin-bottom:6px; overflow:hidden; clear:left;}
#botGrabar{float:right;}
#botGrabarAbajo{float:right;}
#botSubifoto{float:right;}
#contenedorInput{border:1px solid #DDF0FF; padding:10px; margin-top:20px; margin-bottom:30px;}
#contenedorInput p {margin-bottom:10px;}
#titulo{ width:386px; height: 22px; border: #CCCCCC solid 1px;}
#txtEntradita,#conte,#txtIngredientes{ width:576px; height: 122px; border: #CCCCCC solid 1px;}
#tags{ width:386px; height: 22px; border: #CCCCCC solid 1px;}
#relacionadosForm{ background-color:#DDF0FF;  border-top: 3px solid #EEEEEE; padding:10px 10px 10px 20px; margin-top:10px; width:272px;}
#galeriaFotos{margin-bottom:20px;}
#cajaTemas{border:1px solid #DDF0FF; padding:10px 0px 10px 0px; width:300px; margin-bottom:20px; float:left;}
#selectTemas{border: #CCCCCC solid 1px; width:274px;}
.temaRelacionado{ border-bottom:1px solid #DDF0FF;margin-top:10px; margin-bottom:5px; padding-bottom:5px; color:#0066CC; cursor:pointer;}
.temaRelacionadoTexto{margin-left:10px;}
#cajaTemasSel{padding:10px 0px 10px 0px;  margin-bottom:20px; margin-left:320px;}

#errorForm{ border: 1px dashed red; background-color:#EEEEEE; color:#FF0000; font-size:15px; display:none; padding:10px; margin-top:20px;}

/************** CATEGORIAS ***************/
#categorias{ margin-top:10px; }
#listadoCat{border-left:1px solid #DDF0FF; border-right:1px solid #DDF0FF; border-top: 2px solid #8ED3ED; border-bottom: 1px solid white;}
.catPrin{ padding:20px 5px 20px 5px; color:#3399FF;border-bottom:1px solid #DDF0FF; background-color:#DDF0FF;}
.cat{ padding:5px; color:#3399FF;border-bottom:1px solid #DDF0FF;}
.tituloCat{color:#CCCC00; font-size:12px; font-weight:bold;}
.tituloCat a{color:#CCCC00;}
.listadoSubCat{color:#3399FF;margin-top:5px;}
.listadoSubCat p{ margin-top:5px;}
#cenefa2{ height:3px; background-image:url(../img/cenefa.gif); background-repeat:repeat-x;}
#listadoTop{ margin-top:20px;}
#listadoSoluciones{border-left:1px solid #FCCBDC; border-right:1px solid #FCCBDC; border-top:2px solid #FF3366;}
.pastillaSoluciones{ /*border-bottom:1px solid  #FCCBDC;*/}
.conteSoluciones{padding: 14px 10px 20px 10px; margin-left:60px;}
.titTablaSol{color:#FF3366; width:340px;}

/************ LISTADO TEMAS ***********/
#desplegableSubCat{ background-color:#DDF0FF;  border-top: 2px solid #8ED3ED; padding:10px 10px 10px 20px; margin-bottom:20px;}
#listadoTemas{border:1px solid #CCCC00; border-top: 3px solid #CCCC00; margin-bottom:20px;}
#listadoTemasTabla td {/*border-bottom:1px solid #FCCBDC;*/ padding:10px;}
#listadoTemasTabla tr:last-child td{border-bottom: none;}
.titTabla{color:#FF3366; width:290px; font-size:12px;}
.fechaTabla{font-size:12px;}
.titTablaHome1{color:#FF3366; font-size:21px;}
.titTablaHome2{color:#FF3366; width:400px; font-size:12px;} /*ojo el width era 320, han pedido sacar la categoria

/************ REGISTRO ***********/
#recuadroForm{ border:1px solid #DDF0FF;  border-top: 2px solid #8ED3ED; font-size:15px;}
#recuadroForm p{ margin-bottom:10px;}
#recuadroForm td{ padding-bottom:10px; padding-right:10px;}
.contePading{ padding:10px;}
.contePading #tabla td{ border-bottom:1px solid #DDF0FF; padding:10px; }
.contePading select {width:50px;}
.linea{border-top: 1px solid #DDF0FF;}
#recuadroBot{ border-top: 3px solid #DDF0FF; background-color:#EEEEEE; padding:20px 10px 20px 10px;}
#errorMail{display:none; color:#FF0000;}
#errorNick{display:none; color:#FF0000;}

.recuadroMarcoAzul{ padding:10px; border: 1px solid #8ED3ED;}
/*****************galeria de fotos *****/
#conteGaleria{margin-top: 15px; margin-bottom: 15px;}
.thumbGaleria{float: left; margin-right: 5px; }
#galeria{background-color:#EEEEEE; padding:5px 10px 5px 10px; margin-bottom:20px; width: 164px;}