/* CSS Document */

/* CSS Document */


*{padding: 0; margin: 0; border: 0; outline: none;}
body {background-color: #8f2b46; text-align:center; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; }
img {border:0}
p {font-family: Arial, Helvetica, sans-serif; margin: 0 0 10px 0; clear:left; font-size: 15px; line-height:24px;}

.left {float: left}
.right {float: right}

h1 {font-size: 20px; color:#8f0b4b}
h2 {font-size: 16px; color: #8f0b4b}
h2.especial {font-size: 14px; color: #4a4c4b}

.nina{color:#e32355}
.nino{color:#007bba}

.naran{color: #e64d0a}


ul a {color: #000;}
ul a:hover{color: #e64d0a; text-decoration:underline }

input, textarea {font-family: Verdana, Geneva, sans-serif; font-size: 16px; color: #333; padding: 2px; }
input:focus{ outline: solid 1px #f6a147}
textarea:focus{ outline: solid 1px #f6a147}

a {text-decoration:none; color: #e64d0a;}
a:hover {text-decoration:underline;}

a.pequeno {font-size: 12px; font-family:Arial, Helvetica, sans-serif}
a.rosa {color:#e32355}
a.azul{color:#007bba}
a.all{margin: 0 10px}
a.nino {text-decoration:none; color:#007bba }
a.nino:hover {text-decoration:underline; }
a.nina {text-decoration:none; color:#e32355 }
a.nina:hover {text-decoration:underline; }





#contenedor { width:976px; text-align:left; margin:0 auto; background:url(../images/fd_contenedor.png) repeat-y;overflow:hidden;}

#top { width:968px; margin: 0 auto; height:130px; background:url(../images/top.jpg) no-repeat right top }
#top .imglogo{float:left; margin: 0 0 0 4px}

/* Buscador, sólo en las interiores */
#top .buscadortop{ width: 340px; float: left; margin: 30px 0 10px 0; padding-left:172px;}
#top input{width:260px; height:21px; border:1px #e64d0a solid;}
#top .bot{vertical-align:bottom;}


/* Menu */
#navegacion { width:966px; margin:0 auto; height:33px; background:url(../images/fd_menu.gif) repeat-x;  border:1px #cb3400 solid; clear:both;}
#navegacion img{ float: left; margin:0 15px;}
#navegacion img.alinbuscar{margin:0 15px 0 0;}
#navegacion ul{ list-style: none; margin: 0 auto; float:left; }
#navegacion li{ float:left;  text-align:center}
#navegacion a{ float:left; margin:6px 0 0 0;font-size: 16px; text-decoration:none; color:#FFF; font-weight:bold }
#navegacion a:hover{text-decoration:none; color:#f0e054; }

#content { width:954px; margin:0 auto; padding: 0 7px 0 7px; clear:both; overflow:hidden;}

#hilo { width:954px; margin:2px auto; padding: 0 7px 0 7px; clear:both; }

/*COLUMNA IZQUIERDA-------------------------*/
#colum_left { width: 160px; margin: 0 15px 0 0; float:left; padding-bottom:15px; }
#colum_left .publicidad{float: left;}
#colum_left .menuINT{width: 160px; margin:0 0 15px 0; float:left; font-size:14px; line-height: 18px; font-weight:bold; color:#333;padding: 2px 0; background:url(../images/linea_menuint_top.gif) no-repeat;}

#colum_left .menuINT ul {list-style: none inside;}
#colum_left .menuINT li { padding: 3px 0 3px 12px; background:url(../images/linea_menuint.gif) no-repeat bottom; font-size: 14px; font-weight:bold }
#colum_left .menuINT li a {color: #e64d0a;}
#colum_left .menuINT li a:hover { text-decoration: none; color:#8f0b4b; }


/*HOME-------------------------*/
/* Columna central*/
#principalH { width:514px; margin: 0; float:left}

#principalH .bebe{ width: 514px; height:250px; margin:0 0 15px 0; background:url(../images/fd_buscadorindex.jpg) no-repeat; clear:both} /* Intro con el buscador*/
#principalH .intro{ width: 325px; float: right; font-family: Georgia, "Times New Roman", Times, serif, ; font-style:italic; }
#principalH .intro p.rosa{color:#8f0b4b; font-family: Georgia, "Times New Roman", Times, serif; font-size:20px; line-height:22px  }
#principalH .intro p.gris{color: #565857; font-family: Georgia, "Times New Roman", Times, serif; font-size:18px; line-height:22px }
#principalH .buscador{ width: 305px; height: 88px; float: right; margin:31px 0 0 15px; padding:10px; background:url(../images/fd_colorbuscador.gif) no-repeat right; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-style:normal;color:#FFF;font-size: 14px; font-weight: bold}
#principalH .buscador p{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; margin:10px 0 15px 0}
#principalH input{ width:200px; height:21px; border:1px #e64d0a solid; margin: 4px 0 ; float:left; font-size: 16px;}
#principalH .bot{ margin: 4px; vertical-align:baseline;float:left;}

#principalH .destacado1 {width: 238px; height:123px; padding:6px 20px 6px 6px; background:url(../images/fd_destacado1.gif) no-repeat ; float:left;}
#principalH .destacado1top{ width:232px; height:18px;padding:3px; background-color:#dae18a; }

#principalH .destacado2 {width: 238px; height:123px; margin: 0; padding:6px; background:url(../images/fd_destacado2.gif) no-repeat ; float:left;}
#principalH .destacado2top{ width:232px; height:18px; padding:3px; background-color:#fcd4a1; }

/* el estilo del listado de nombres es común a todos los destacados*/
#principalH ul.destacado{list-style:none inside; padding-left:3px; width: 112px; margin:4px 0 8px 0; float:left; font-size:16px; line-height:24px;}

/*listas de sugerencias index*/
#principalH .listas{ width:514px; margin: 25px 0 0 0; float:left; clear: both}
#principalH .listasdestacadas{ width: 250px;  margin:10px 0; float:left;}
#principalH .listasultimas{ width: 250px; margin: 10px 0; padding-left:14px; float:left; background: url(../images/fd_separadorlistas.gif) repeat-y left top}
#principalH .listas ul{ width: 250px; margin:6px 0 ; float:left; list-style:none inside; }
#principalH .listas li{ font-size: 14px; line-height:20px; background: url(../images/bullet_na_fle.gif) no-repeat left; padding-left:12px;}
#principalH .vermas{clear:left}

#principalH .bannercentral{margin: 15px 0}

/* Columna izquierda */
#colum_rightH { width: 250px; margin: 0 0 15px 15px; float:left}
#colum_rightH .populares{ width:238px; height:238px; padding:6px; margin: 0 0 15px 0; background:url(../images/fd_populares.gif) no-repeat ; clear:both;}
#colum_rightH .popularestop{ width:232px; height:18px;padding:3px; background-color:#fedd7c; }
#colum_rightH .populares ul{list-style:decimal inside; width: 112px; margin:6px 4px 3px 3px; float:left;}
#colum_rightH .populares li{color:#4a4c4b;font-size:16px; line-height:23px;}/*-----------++++++-----------*/

#colum_rightH .destacado3 {width: 238px; height:123px; margin: 0 0 15px 0; padding:6px; background:url(../images/fd_destacado3.gif) no-repeat ; clear: both}
#colum_rightH .destacado3top{ width:232px; height:18px; padding:3px; background-color:#c1e3e3; }
#colum_rightH ul.destacado{padding-left:3px; list-style:none inside; width: 112px; margin:4px 0 8px 0; float:left; font-size:16px; line-height:24px; }

/* pie */
#footer { width:954px; margin: 0 auto; padding: 15px 7px; height:100px; background: #dae18a; clear:both; font-size:11px;}
#footer ul{list-style: none inside; text-align:center }
#footer li{display: inline; margin: 0 15px; }
#footer li a{ font-size: 14px; font-weight:bold; color: #333 }
#footer li a:hover{ color: #8f0b4b; text-decoration:none }


/*INTERIOR--------letras---------*/

#contenidoINT { width:771px; margin: 0 8px 15px 0 ; float:left; }
#contenidoINT .titulo{float:left; margin:0 0 10px 0; }
#contenidoINT .volver{float:right; margin:0 0 15px 0; clear:right;}

#contenidoINT .genero{float:right; font-weight:bold; font-size:12px; display:inline;}
#contenidoINT img.iconbebe{vertical-align: bottom; margin-left:6px}

#contenidoINT .menuabc{float: left;clear:both; width:100%; }
#contenidoINT ul.abc{ list-style: none; float:left; margin-bottom:10px;}
#contenidoINT li.abc{ display:inline; padding: 2px 6px; background-color: #8f0b4b; border: solid 1px #f0e054; font-size: 16px; font-weight:bold; line-height:24px;}
#contenidoINT li.abc a{color: #f6a147; }
#contenidoINT li.abc a:hover{text-decoration: none; color:#fff; }

#contenidoINT .menuNletras{float: left; margin: 10px 0 0 0; clear:left; width:100%;  }
#contenidoINT ul.listaNletras{ list-style: none; float:left}
#contenidoINT li.Nletras{ display:inline; padding: 2px 4px 1px 4px; background-color: #feeebd ;border: solid 1px #f6a147; font-size: 14px; font-weight:bold; line-height:24px;}
#contenidoINT li.Nletras a{color:#e64d0a}
#contenidoINT li.Nletras a:hover{text-decoration: none; color: #8f0b4b  }

#contenidoINT .centrarlista{width: 100%; margin-bottom:15px; clear:both; overflow:hidden}/*para centrar contenidos*/
#contenidoINT .contenedorcentrado{width: 500px; margin: 0 auto;}/*para centrar contenidos*/

#contenidoINT .letrasnombres{float: left}
#contenidoINT .letrasnombres ul {list-style: none inside; margin: 15px 0; float:left; width:100%; }
#contenidoINT .letrasnombres li {width: 120px; padding-right:5px;font-size: 17px; line-height:28px; display:block; float:left;}

#contenidoINT .paginacion{clear:both ;text-align: center; padding:15px 60px 15px 0; font-size: 16px; color:#565857; }
#contenidoINT img.flechas{margin: 0 15px }

#contenidoINT .sugerencias{  width: 100%;  padding:20px 0; float:left; background: url(../images/img_sep_int.gif) repeat-x left top ; clear:both }
#contenidoINT .listasINT{float:left; }
#contenidoINT .listasINT ul{ margin:10px 0 ; float:left}
#contenidoINT .listasINT li{list-style: none inside; font-size:14px; line-height:20px; background: url(../images/bullet_na_fle.gif) no-repeat left; padding-left:12px;}
#contenidoINT .listasINTads{margin: 0 20px 0 0;float:left; vertical-align:bottom}
#contenidoINT .linklistas{clear:left; font-weight: bold}

#contenidoINT .lineaseparacion{width: 100%; margin-bottom: 10px; padding-top:20px; float:left; background: url(../images/img_sep_int.gif) repeat-x left top; clear:both;}

#contenidoINT .text {margin: 0 0 25px 0}/*utilizado en privacidad----------*/
#contenidoINT .text li{ list-style: url(../images/bullet_na.gif) inside; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:22px; margin: 0 0 10px 0;list-style-type:none;}
#contenidoINT .text a {font-weight:bold;}



/*INTERIOR-------nombre----------*/

#contenidoINT .fichanombre{width: 100%; float:left;}
#contenidoINT .nombre{text-align:center; clear:both; }
#contenidoINT .nombre h1{font-size:28px}
#contenidoINT .tituloespecial{float:left; margin:0 0 10px 0; color:#8f0b4b; font-size: 20px; font-weight:bold}
#contenidoINT .nomcaracteristicas{float:left; margin:0 15px 10px 0;line-height:24px;}
#contenidoINT .nomcaracteristicas p {margin: 0; line-height:24px}
#contenidoINT .nomdescripcion{float:left; margin-bottom: 20px; clear:left; width:100%;}

#contenidoINT .nomfamosos{float:left; clear:left; width:100%; padding-bottom: 15px;}
#contenidoINT .nomfoto{float: left; width: 100px; margin: 15px 15px 0 0}
#contenidoINT .nomfoto p {margin:0; font-family:Arial, Helvetica, sans-serif; font-size: 11px; line-height:14px;}

#contenidoINT .comentarios{width: 100%; margin-bottom: 15px; float:left; font-size: 14px;}
#contenidoINT .comentusuario{float:left;margin-bottom: 5px;padding: 6px}
#contenidoINT .comentusuariocolor{float:left; background-color:#fff5d6; padding: 6px;margin-bottom: 5px}
#contenidoINT .comentnombre{float:left; padding: 8px 15px 0 30px; background:url(../images/icon_coment.gif) no-repeat top left; clear:right;color:#e64d0a}
#contenidoINT .comentfecha{float:right; padding-top: 8px; clear:right; color:#333; font-size:12px}

#contenidoINT .widget {float:left; margin: 0 20px 20px 0;}
#contenidoINT .bannerwidget {float:left; width:450px; font-family: Georgia, "Times New Roman", Times, serif ; font-style:italic; font-size:18px; color:#8f0b4b; }
#contenidoINT .bannerwidget p {color:#000; font-style:normal; margin-top:10px;}
#contenidoINT .bannerwidget textarea {height:70px; font-size:12px;}

/*INTERIOR-------origen-estilo-significado----------*/

#contenidoINT .categoria ul { list-style: none inside; float:left; width: 235px; margin:10px 0 15px 0; }
#contenidoINT .categoria li {background:url(../images/bullet_na.gif) no-repeat left; padding-left:12px ; font-size: 14px; font-weight:bold; line-height:22px}

/*INTERIOR-------popularidad----------*/

#contenidoINT .popularesnino{width: 250px; float:left; clear:left; font-size:18px; font-weight: bold; color: #007bba}
#contenidoINT .popularesnino ul{ list-style:decimal outside; margin: 10px 0 15px 36px; color:#565857; font-weight:normal}
#contenidoINT .popularesnino li{ font-size:17px; line-height:26px}
#contenidoINT .popularesnino li a { color: #007bba}
#contenidoINT .popularesnino li a:hover { color: #e64d0a}
#contenidoINT .popularesnina{width: 250px;float:left; font-size:18px; font-weight: bold; color: #e32355; }
#contenidoINT .popularesnina ul{ list-style:decimal outside; margin: 10px 0 15px 36px;color:#565857 ;font-weight:normal}
#contenidoINT .popularesnina li{font-size:17px; line-height:26px}
#contenidoINT .popularesnina li a {color: #e32355}
#contenidoINT .popularesnina li a:hover { color: #e64d0a}

#contenidoINT img.alinicono{vertical-align: bottom; margin-right:10px}

/*INTERIOR-------listas de sugerencias----------*/

#contenidoINT .sugerenciasprincipal{width: 100%; min-height:200px; float:left; background:url(../images/img_listas.jpg) no-repeat bottom right}
#contenidoINT .sugerenciasprincipal ul{list-style: none inside; vertical-align: bottom ;margin: 0 15px 0 0;float:left;}
#contenidoINT .sugerenciasprincipal li{background:url(../images/bullet_na_fleG.gif) no-repeat left; padding-left:18px; font-size: 16px; line-height:26px;}

/*INTERIOR-------contacto----------*/


#contenidoINT .contentlabel{float: left; margin:10px 15px 15px 100px}
#contenidoINT .contenttextarea{float: left; margin:10px 0 0 0}
#contenidoINT label{display:block; margin: 15px 0 0 0 }
#contenidoINT input.contacto{ width:260px; height:21px; border:1px #aaa solid; margin: 10px 0 0 0 ; display:block}
#contenidoINT textarea{ width:460px; height:200px; border:1px #aaa solid; margin: 10px 0 ;}
#contenidoINT .bot{ float:left; clear:left;margin: 4px 0 50px 0;}
#contenidoINT .mensajeform{width: 100%; height: 300px;text-align:center; margin: 15px 0 ;clear:both; font-size:18px; line-height:35px }
#contenidoINT .mensajeform a {font-size:14px;}