/* CSS Document */

body { font-family: Century Gothic,Verdana,Arial,Helvetica,sans-serif; background:#f0efed url(/img/bg-content.png) repeat-y center top; font-size:13px; align:center; margin:0px; color:#000; }

* {
	margin:0;
	padding: 0;
}

p {
	margin:0px;
	padding: 5px 5px 5px 0px;
}
html {	
	height:100%;
	width:100%;
}

/* ---------------------- ID' s # ------------------------------- */

/*---------Enviar a una amigo---------*/
#block-caja { margin:0 auto; width:950px; }
#block-caja p { margin:0; margin:0; }
#caja { display: none; background-color:#000; }
#block-caja p { color:#fff; padding-top:10px; }
#block-caja a { color:#fff; }
#iframe-send { padding-left:120px; }
	
#mostrar{ display:block; padding:0px; }
#btn-enviar { width:100%; margin-left:auto; margin-right:auto; }
	 
.btn-send { width:100%; height:20px; background:#000000 url(/img/btn-enviar-open.png) no-repeat top; cursor:pointer; outline:0; border:none; margin:0 0 0 0; padding:0;  }

/*-- header flash --*/
#cabecera-home { width:100%; background: url(/img/bg-header.png) repeat-x; height:592px;}
#cabecera-logo{ height: 86px;}
#cabecera-flash { width:950px; margin:0 auto; }

/*---------Menu principal---------*/
#menu-principal { font-size:13px; height:40px; line-height:40px; background:#92c1df; width:100%; text-transform:uppercase}
#menu-principal ul { width:950px; text-align:center; margin: 0 auto;}
#menu-principal ul li { list-style:none; display:inline; padding-left:15px; }
#menu-principal ul li a { color:#253e64; text-decoration:none; }
#menu-principal ul li a:hover { color:#fff; text-decoration:none;}

/*---------Menu Lateral---------*/
#menu-lateral { font-size:13px; width:100%; text-transform:uppercase; margin-bottom:20px;}
#menu-lateral ul { width:210px; text-align:left; margin: 0 auto;}
#menu-lateral ul li {color:#253e64; margin-left:10px; list-style-type: inherit;}
#menu-lateral ul li a { color:#253e64; text-decoration:none; }
#menu-lateral ul li a:hover { color:#92c1df; text-decoration:none;}

/*-- content --*/
#contenido{width:100%; float:left; background-color: #f3f9fd; text-align:center;}
#contenido-iconos { width:950px; padding-top:18px; height: 322px; margin: 0 auto}
#contenido-iconos a { color:#253e64; font-size:12px; font-weight:normal; text-decoration:none; margin-left:8px; margin-right:8px; }
#contenido-iconos a:hover { color:#919eb1; font-size:12px; font-weight:normal; text-decoration:none; margin-left:8px; margin-right:8px; }

/*--Iconos--*/
#icon-a{ width:105px; height:120px; padding-top:18px; text-align:center; background:url(/img/estudiosexual-iconos.png) -2026px 0 no-repeat; float:left}
#icon-b{ width:105px; height:120px; padding-top:18px; text-align:center; background:url(/img/estudiosexual-iconos.png) -3px 0 no-repeat; float:left}
#icon-c{ width:105px; height:120px; padding-top:18px; text-align:center; background:url(/img/estudiosexual-iconos.png) -122px 0 no-repeat; float:left }
#icon-d{ width:105px; height:120px; padding-top:18px; text-align:center; background:url(/img/estudiosexual-iconos.png) -241px 0 no-repeat; float:left }
#icon-e{ width:105px; height:120px; padding-top:18px; text-align:center; background:url(/img/estudiosexual-iconos.png) -360px 0 no-repeat; float:left }
#icon-f{ width:105px; height:120px; padding-top:18px; text-align:center; background:url(/img/estudiosexual-iconos.png) -479px 0 no-repeat; float:left }
#icon-g{ width:105px; height:120px; padding-top:18px; text-align:center; background:url(/img/estudiosexual-iconos.png) -599px 0 no-repeat; float:left }
#icon-h{ width:105px; height:120px; padding-top:18px; text-align:center; background:url(/img/estudiosexual-iconos.png) -717px 0 no-repeat; float:left }
#icon-i{ width:105px; height:120px; padding-top:18px; text-align:center; background:url(/img/estudiosexual-iconos.png) -836px 0 no-repeat; float:left }
#icon-j{ width:105px; height:120px; padding-top:18px; text-align:center; background:url(/img/estudiosexual-iconos.png) -955px 0 no-repeat; float:left }
#icon-k{ width:105px; height:120px; padding-top:18px; text-align:center; background:url(/img/estudiosexual-iconos.png) -1074px 0 no-repeat; float:left }
#icon-l{ width:105px; height:120px; padding-top:18px; text-align:center; background:url(/img/estudiosexual-iconos.png) -1193px 0 no-repeat; float:left }
#icon-m{ width:105px; height:120px; padding-top:18px; text-align:center; background:url(/img/estudiosexual-iconos.png) -1312px 0 no-repeat; float:left }
#icon-n{ width:105px; height:120px; padding-top:18px; text-align:center; background:url(/img/estudiosexual-iconos.png) -1431px 0 no-repeat; float:left }
#icon-o{ width:105px; height:120px; padding-top:18px; text-align:center; background:url(/img/estudiosexual-iconos.png) -1550px 0 no-repeat; float:left }
#icon-p{ width:105px; height:120px; padding-top:18px; text-align:center; background:url(/img/estudiosexual-iconos.png) -1669px 0 no-repeat; float:left }
#icon-q{ width:105px; height:120px; padding-top:18px; text-align:center; background:url(/img/estudiosexual-iconos.png) -1788px 0 no-repeat; float:left }
#icon-r{ width:105px; height:120px; padding-top:18px; text-align:center; background:url(/img/estudiosexual-iconos.png) -1907px 0 no-repeat; float:left }

/*-- header little --*/
#header-little { width:100%; background: url(/img/bg-header.png) repeat-x; height:246px; }

#wrapper { width:100%; float:left}

/*---------Header con los 4 botones---------*/
#header { width:950px; height:330px; background:#000 url(/img/bg-header.jpg) no-repeat 0 0; }
	#header-top { height:135px; }
	#btn-hazeltest { background:url(/img/btn-hazeltest.gif) no-repeat 0 0; width:215px; height:71px; float:right; margin:35px 27px 0 0; cursor:pointer; }
	#header-bottom { height:196px; }
	#header-bottom ul { float:left; margin:0; margin-left:27px; padding:0px; width:930px; }
	#header-bottom li { list-style:none; float:left; }
			
	#btn-resultado2008 { background:url(../../img/btn-resultados2008.jpg) no-repeat 0 0; width:215px; height:183px; padding-left:12px; cursor:pointer; }
	#btn-conclusiones2008 { background:url(../../img/btn-conclusiones2008.jpg) no-repeat 0 0; width:215px; height:183px; padding-left:12px; cursor:pointer; }
	#btn-famosos { background:url(../../img/btn-famosos.jpg) no-repeat 0 0; width:215px; height:183px; padding-left:12px; cursor:pointer; }
	#btn-noticias { background:url(../../img/btn-noticias.jpg) no-repeat 0 0; width:215px; height:183px; padding-left:12px; cursor:pointer; }


/*------Header 2009------*/
#header{ width:100%; height:460px; background: url(/img/bg-header.jpg) repeat-x; }
#header-wrapper { width:950px; margin:0 auto; }
#header-flash { height:506px; }
#btn-test { width:291; float: right; }
		
/*---------Contenido del site---------*/
#body-content { padding:20px; width:910px; margin:0 auto; }
#body-content h1 { color:#253e64; font-size:25px; }
	
/*---------Columna izquierda---------*/
#content { width:625px; float:left; padding-right:20px; border-right:1px #cccccc dashed; margin-bottom:20px;}
/*---------Cuando solo etsa la columna izquierda---------*/
#content-all { width:100%; float:left; padding-right:0; padding-left:0; padding-bottom: 20px; }
#content-all ul { padding-left:20px; padding-top: 10px;}
/*---------Columna derecha-------*/
#lateral { width:220px; float:left; padding-left:20px; }

/*---------Footer---------*/
#footer-wrapper{ height:128px; width:100%; background-color:#253e64; float:left; clear:both;}
#footer { width:950px; background:#253e64; padding:30px; margin:0 auto}

#logos-proteja { width:100px; float:left; }
#logos-proteja img { padding-bottom:10px; }
		
#menu-footer { font-family: Century Gothic,Verdana,Arial,Helvetica,sans-serif; width:535px; float:left; padding-left:15px; }
#menu-footer ul { margin:0; padding:0; width:535px; line-height:20px; color:#fff; }
#menu-footer ul li { list-style:none; display:inline; }
#menu-footer ul li a { color:#fff; text-decoration:none; }
				
#patrocina { width:205px; float:left; padding-left:70px; }
#logo-sexole { width:202px; height:67px; background:url(/img/logo-sexole-footer.png) no-repeat 0 0; cursor:pointer; }


/*---------VIPS---------*/
.box-vip { width:179px; float:left; margin-right:28px; }

.bg-vips-img { width:179px; height:230px; background:url(../../img/bg-vips-img.gif) no-repeat 0 0; }
	.bg-vips-img img { padding:6px; }
.bg-vips-name { width:179px; height:28px; background:url(../../img/bg-vips-name.gif) no-repeat 0 0; margin-top:5px; }
	.bg-vips-name p { color:#fff; text-align:center; line-height:27px; margin:0; padding:0; }
		.bg-vips-name p a { color:#fff; text-align:center; line-height:27px; text-decoration:none; }
		.bg-vips-name p a:hover { color:#fff; text-decoration:none; }

/*---------Conclusiones---------*/		
#conclusions {}
	#conclusions ul { list-style:none; line-height:18px; } 

/*---------Menu principal de resultados---------*/		
#menu-results { font-family: Century Gothic,Verdana,Arial,Helvetica,sans-serif; padding:15px 0 0 15px; }
	#menu-results ul { list-style:none; margin:0; padding:0; line-height:28px; } 
		#menu-results ul li { color:#000; font-size:16px; text-decoration:none; }
		#menu-results ul li a { font-size:16px; text-decoration:none; }
		#menu-results ul li a:hover { color:#000; }

/*---------Menu secundario de resultados---------*/			
#submenu-results { padding:15px 0 15px 15px; }
	#submenu-results ul { list-style:none; line-height:14px; margin:0; padding:0; line-height:22px; } 
		#submenu-results ul li { color:#000; font-size:12px; font-weight:bold; text-decoration:none; }
		#submenu-results ul li a { font-size:12px; font-weight:bold; text-decoration:none; }
		#submenu-results ul li a:hover { color:#000; }
		
#content h2 { font-family: Century Gothic,Verdana,Arial,Helvetica,sans-serif; color:#000; font-size:18px; }

/*---------Paginado de los resultados---------*/	
.paginado { border-bottom:1px #838383 dotted; border-top:1px #838383 dotted; background:#f0f0f0; height:35px; text-align:center; padding:0 10px; 0 10px; margin-bottom:15px; }

.paginado p { line-height:28px;}
.anterior { float:left; margin-top:0; display: inline-block; width:160px; text-align:left} 
.indice { margin:0 auto 0 auto; display:inline-block;  width: 160px; text-align:center} 
.siguiente { float:right; margin-top:0; display: inline-block;  width: 160px; text-align:right}
		
		

		
.title { font-family: Century Gothic,Verdana,Arial,Helvetica,sans-serif; font-size:18px; }

	
/*---------Iframe Aviso---------*/
.btn-enviar { background:url(/img/btn-enviar.png) no-repeat 0 0; width:60px; height:23px; border:none; }

#btn-mapa { width:215px; height:143px; background:url(/img/btn-mapa.png) no-repeat 0 0; cursor:pointer; margin-bottom:20px; }
#btn-anteriores { width:215px; height:143px; background:url(/img/btn-anteriores.png) no-repeat 0 0; cursor:pointer; margin-bottom:20px; }

/*---------H1---------*/
h1 { font-family: Century Gothic,Verdana,Arial,Helvetica,sans-serif; color:#253e64; font-size:28px; font-weight:normal; text-decoration:none; display:inline; }
h1 a {color: #253e64;text-decoration: none;}
h1 a:hover {text-decoration:underline;}

/*---------H2---------*/
h2 { font-family: Century Gothic,Verdana,Arial,Helvetica,sans-serif; font-size:24px; color:#253e64; font-weight:normal; text-decoration:none; display:inline;}
h2 a {color: #F25C17;text-decoration: none;}
h2 a:hover {text-decoration:underline;}

/* Logo */
#logo h1 { margin:0; padding:0; display:block; width:950px; height:179px; text-indent:-9999px; background-image:none; background:url(/img/logo-estudiosexual.jpg) no-repeat 0 0; }
#logo h1 a { margin:0; padding:0; display:block; width:950px; height:179px; outline:none; border:none; }
/* #logo h1 a:hover, #logo h1 a:focus { border:0; } */

/*---------A LiNK---------*/
a { color:#253e64; font-size:13px; font-weight:normal; text-decoration:underline; }
a:hover { text-decoration:none; color:#253e64; }

/*---------Formulario de contacto---------*/
#error { width:480px; float:left; } 
	#VSummary { background-color:#ffb3b2; padding:10px; border:1px solid #990000; line-height:20px; }
	
.form { background:url(/img/bg-input.gif) no-repeat 0 0; font-family:Arial, Verdana; font-size:12px; border:1px #000 solid; }


hr { background:#f0efed; height:1px; width:100%; border:0; margin:16px auto 16px auto; text-align:left; }

.btn-flash { background:url(/img/icon-flash.gif) no-repeat 0 0; padding:0 0 0 17px; }
.btn-ips { background:url(/img/icon-ips.gif) no-repeat 0 0; padding:0 0 0 17px; }

.divide { clear:both; }

.graphic { text-align:center; }
.notes { font-size:9px; }

#content li { margin: 0 0 0 50px; padding:0px;}