/* CSS Document */

/* ---------------------------------------------reset-----------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: baseline;
	}
:focus {
	outline: 0;
	}

ol, ul {
	list-style: none;
	}
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}

/* ----------------------------------- */

html{
	height: 100%;
	}

body{
	background-image: url(../images/design/background.gif);
	background-repeat: repeat;
	background-position:top;
	height: 100%;
	font-size:12px;
	line-height:16px;
	color:#59662D;
	}
	
	#mapback{
	background-image:url(../images/design/sindrome.gif);
	background-color:#000;
	background-repeat: repeat;		
		}

a{color:#59662D; text-decoration:none;
/*	display: block;
*/	}
a:hover {text-decoration:underline;}
p{
	margin-top:9px;
	margin-bottom:18px;
	text-align:justify;
	}

#container{
	position: relative;
	min-height: 100%;
	/*background-image: url(../images/design/back_grad.gif);
	background-repeat: repeat-x;
	background-position: left bottom;*/
	
	}

* html #container{
	height: 100%;
	background:none;
	}

#header{
	height:160px;
	width:100%;
	background-image: url(../images/design/header.gif);
	background-repeat: no-repeat;
	background-position: -35px top;	
	margin-top:0;
	padding-top:0;
	}
#header.home{background-image: url(../images/design/headerflash.gif);}	
	
#header h1{text-indent:-9999px; }
#header h1 a{
	display:block;font-size:70px;
	margin-left:150px;
	height:150px;
	width:150px;
	padding:0;
	margin-top:0px; padding-top:0px;
	}
* html #header h1 a {
	background-image: url(../images/design/trans_ie.gif);
	margin-left:170px;
	width:200px;
	}

/* ----------------------------------main navigation---------------------------------*/

#nav{
	height:186px;
	width:264px;
	margin-left:5px;
	margin-top:14px;
	position:relative;
	float:left;
	padding-bottom:10px;
	}
	/*#nav li{
		margin: 0;
		padding: 0;
		list-style: none;
    	position: absolute;
		top: 0;
		}
	#nav li, #nav li a{
		text-decoration:none;
		font-size:30px;
		height:36px;
		width:264px;
		display:block;
		text-indent:-9999px;
		}
		#nav li#nav01{
			top:0;
			}
		#nav li#nav02{
			top:37px;
			}
		#nav li#nav03{
			top:73px;
			}
		#nav li#nav04{
		height:36px;
			top:110px;
			}
		#nav li#nav05{
			top:150px;
			}
		
		#nav li#nav01 a{background-image: url(../images/design/menu.gif); background-repeat: no-repeat; background-position: left top;}
		* html #nav li#nav01 a{background-image: url(../images/design/menu.gif); background-repeat: no-repeat; background-position: left top;}
		#nav li#nav01 a:hover, #nav li#nav01 a.current {background-position: left -185px;}
		
		#nav li#nav02 a{background-image: url(../images/design/menu.gif); background-repeat: no-repeat; background-position: left -37px;}
		* html #nav li#nav02 a{background-image: url(../images/design/menu.gif); background-repeat: no-repeat; background-position: left -37px;}
		#nav li#nav02 a:hover, #nav li#nav02 a.current {background-position: left -222px;}
		
		#nav li#nav03 a{background-image: url(../images/design/menu.gif); background-repeat: no-repeat; background-position: left -73px;}
		* html #nav li#nav03 a{background-image: url(../images/design/menu.gif); background-repeat: no-repeat; background-position: left -73px;}
		#nav li#nav03 a:hover, #nav li#nav03 a.current {background-position: left -258px;}
		
		#nav li#nav04 a{background-image: url(../images/design/menu.gif); background-repeat: no-repeat; background-position: left -110px;}
		* html #nav li#nav04 a{background-image: url(../images/design/menu.gif); background-repeat: no-repeat; background-position: left -110px;}
		#nav li#nav04 a:hover, #nav li#nav04 a.current {background-position: left -295px;}
		
		#nav li#nav05 a{background-image: url(../images/design/menu.gif); background-repeat: no-repeat; background-position: left -150px;}
		* html #nav li#nav05 a{background-image: url(../images/design/menu.gif); background-repeat: no-repeat; background-position: left -150px;}
		#nav li#nav05 a:hover, #nav li#nav05 a.current {background-position: left -335px;}
		
*/
/* ------------------------------------------ */
#content{
	margin-left:56px;
	width:920px;
	padding-bottom:135px;
	}
#content2{
	padding-bottom:135px;
	}
#home_content {
	padding-top:108px;
/*	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #9eb150;*/
	}
* html #home_content{ padding-top:120px;}
	
#leftpanel {
	float:left;
	display:inline;
	width:270px;
	padding-top:18px;
}
* html #leftpanel{ }


#rightpanel {
	float:left;
	display:inline;
	width:650px;
}
* html #rightpanel{
	float:none;
	
	}
#text_home {
	margin-left:55px;
	}

h1.title_home{
	display:block;
	width:426px;
	height:50px;
	background-image: url(../images/design/title_home.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	background-position: left top;

	}
h1.title_historia{
	display:block;
	width:453px;
	height:67px;
	background-image: url(../images/design/title_pildora_info.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	background-position: left top;
	margin-bottom:24px;
	}
	
h1.title_consejos{
	display:block;
	width:453px;
	height:67px;
	background-image: url(../images/design/title_pildora_consejos.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	background-position: left top;
	margin-bottom:24px;
	}
	
h1.title_dudas{
	display:block;
	width:453px;
	height:67px;
	background-image: url(../images/design/title_pildora_dudas.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	background-position: left top;
	margin-bottom:24px;
	}

h1.title_verdadero{
	display:block;
	
	width:453px;
	height:67px;
	background-image: url(../images/design/title_pildora_verda.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	background-position: left top;
	margin-bottom:24px;
	
	}

h1.title_sabias{
	display:block;
	width:453px;
	height:67px;
	background-image: url(../images/design/title_pildora_sabias.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	background-position: left top;
	margin-bottom:24px;
	}

h1.title_beneficios{
	display:block;
	width:453px;
	height:67px;
	background-image: url(../images/design/title_pildora_beneficios.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	background-position: left top;
	margin-bottom:24px;
	}

h1.title_sindrome{
	display:block;
	width:600px;
	height:75px;
	background-image: url(../images/design/title_spm_que.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	background-position: left top;
	margin-bottom:24px;
	}
h1.title_test{
	display:block;
	width:600px;
	height:75px;
	background-image: url(../images/design/title_spm_test.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	background-position: left top;
	margin-bottom:24px;
	}	
	
h1.title_sobrellevarlo{
	display:block;
	width:600px;
	height:75px;
	background-image: url(../images/design/title_spm_consejos.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	background-position: left top;
	margin-bottom:24px;
	}	
	
h1.title_pildora{
	display:block;
	width:429px;
	height:75px;
	background-image: url(../images/design/title_espana_historia.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	background-position: left top;
	margin-bottom:24px;
	}	
	
h1.title_estadisticas{
	display:block;
	width:429px;
	height:75px;
	background-image: url(../images/design/title_espana_estad.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	background-position: left top;
	margin-bottom:24px;
	}		

h1.title_enlaces{
	display:block;
	width:429px;
	height:75px;
	background-image: url(../images/design/title_enlace.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	background-position: left top;
	margin-bottom:24px;
	}		
	
h1.title_expo{
	display:block;
	width:429px;
	height:75px;
	background-image: url(../images/design/title_espana_expo.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	background-position: left top;
	margin-bottom:24px;
	}		
	
h1.title_testimonios{
	display:block;
	width:429px;
	height:75px;
	background-image: url(../images/design/title_espana.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	background-position: left top;
	margin-bottom:24px;
	}		
	
h1.title_informate{
	display:block;
	width:364px;
	height:67px;
	background-image: url(../images/design/title_info.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	background-position: left top;
	margin-bottom:24px;
	}

h1.title_informate_publicaciones{
	display:block;
	width:364px;
	height:67px;
	background-image: url(../images/design/title_info_publicaciones.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	background-position: left top;
	margin-bottom:24px;
	}

h1.title_informate_donde_acudir{
	display:block;
	width:364px;
	height:67px;
	background-image: url(../images/design/title_info_donde_acudir.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	background-position: left top;
	margin-bottom:24px;
	}



h1.title_prensa{
	display:block;
	width:161px;
	height:31px;
	background-image: url(../images/design/title_prensa.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	background-position: left top;
	margin-bottom:24px;
	}

h2{	font-size:12px;
	font-weight:bold;
	margin:0px;
	line-height:normal;
	}


#main_text{
	margin-left:10px;
	padding-top:14px;
	}
*html #main_text{
	margin-left:312px;
	}
*html #main_text2{
	margin-left:50px;
	}

#main_text ul{
	margin-top:9px;
	margin-bottom:18px;
	list-style:disc;
	margin-left:15px;
	}
#main_text ul li{
	margin-bottom:2px;
}
/* ------------- footer ---------------------- */

#footer{
	height:82px;
	background-image: url(../images/design/background_footer.gif);
	background-repeat: repeat-x;
	margin-top:-82px;
	font-size:10px;
	clear:both;
	color:#113a4b;
	position: relative;
	}
	
	#footer div#text_footer{
	margin-left:330px;
	padding-top:14px;
	width:644px;
	
	}
	* html #footer div#text_footer{
	margin-left:365px; width:620px;}
	#footer div#text_footer.home{margin-left:480px; width:500px;}
/* ------------------- */

/* --------------- sabias que --------------------*/

#sabiasbox{
	width:300px;
	min-height:160px;
	position:absolute;
	top:174px;
	left:680px;
	color:#008eca;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	}
	* html #sabiasbox{ left:700px;}
#divSabiasQue{
	float:left;
	width:230px;
	min-height:100px;
}

#divSabiasQue .panelContainer{
	width:230px;
	min-height:100px;
}

#divSabiasQue .panelContainer .panel{
	width:230px;
	min-height:100px;
}

#sabiasbox h2{
	font-size:24px;
	line-height:normal;
	margin-bottom:0;
	}
	#mitexto{width:220px; float:left;}
	#sabiasbox p{ margin: 7px 0; text-align:left; font-size:12px; }
	#sabiasbox p.sabias {
	line-height:normal;
	text-align:center;
	display:block;
	width:70px;
	float:right;
	}
	#sabiasbox a{color:#008eca; text-decoration:none;}
	#sabiasbox a:hover{color:#008eca; text-decoration:underline;}
	
	
#sabiasbox2{
	width:300px;
	min-height:160px;
	position:absolute;
	top:50px;
	left:50px;
	color:#008eca;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	}

#sabiasbox2 h2{
	font-size:24px;
	line-height:normal;
	margin-bottom:0;
	}
	#mitexto{width:220px; float:left;}
	#sabiasbox2 p{ margin: 7px 0; text-align:left; }
	#sabiasbox2 p.sabias {
	line-height:normal;
	text-align:center;
	display:block;
	width:70px;
	font-size:10px;
	float:right;
	}
	#sabiasbox2 a{color:#008eca; text-decoration:none;}
	#sabiasbox2 a:hover{color:#008eca; text-decoration:underline;}
	
	
/* ------------------- */
/* ------------map ------------------*/
#mapa{
	width:397px;
	height:318px;
	background-image: url(../images/design/map.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position:relative;
	float:left;
	display:inline;
	padding-bottom:50px;
}
#clak{float:left; display:inline; margin:0; padding:30px 0 0 0;}

* html #mapa{ float:left; margin:0; padding:0; background-image: url(../images/design/mapa.gif); display:block;}


#mapa ul{list-style:none; color:#59662D;}
#mapa b{ color:#008eca;}
#mapa ul li {margin: 0; padding: 0; list-style: none; display: block; position: absolute; width: 40px;
	height: 40px;}

#mapa ul a {display: block; height: 40px; text-decoration:none; font-size:10px;}

#map01 {left: 50px; top: 50px;}
#map02 {left: 200px; top: 50px;}
#map03 {left: 315px; top: 75px;}
#map04 {left: 250px; top: 160px;}
#map05 {left: 120px; top: 240px;}
#map06 {left: 170px; top: 130px;}

		
	
		#mapa a{}
		#mapa a:hover{
			position:relative;
			}			
		#mapa a span{
			display:none;
			}
		#mapa a:hover span{
			display:block; 
			position:absolute;
			float:left;
			white-space:nowrap;
			line-height:normal;
			border:none;
			}
		/* info position */
		#mapa #map01 a:hover span{ left:155px; top:250px;}
		#mapa #map02 a:hover span{ left:5px; top:250px;}
		#mapa #map03 a:hover span{ left:-110px; top:225px;}
		#mapa #map04 a:hover span{ left:-45px; top:140px;}
		#mapa #map05 a:hover span{ left:85px; top:60px;}
		#mapa #map06 a:hover span{ left:35px; top:170px;}
/* ------------------- */

/* -------- xtras ----------- */
.left{float:left;}
.right{float:right;}
.clear{clear:both;}

.imgleft{
	float:left;
	margin-right:18px;
	clear:both;
	border: 1px solid #c9e262;
	}
.imgright{float:right; margin-left:18px; clear:both;}

.txtright{text-align:right;}

.testimonio{clear:both; display:block; padding:9px 0 18px; 0}

i{ font-size:14px;}

.box {
	width:366px;
	height:161px;
	margin-bottom:21px;
	padding-left:14px;
	padding-top:5px;
	background-image: url(../images/design/box.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
.tabla{ border:#330;}

#wrapper {
	width:260px;
	text-align: left;
	float:left;
/*	margin: 0 auto;
*/}

.information {
	background: #fff;
}

/* --------------------------- */
#flash_header{
	padding-left:9px;
	}