/* ESTILOS GENERALES */

* {margin: 0px;padding: 0px;}
img {border:0px;}
li {list-style:none; display:inline;}



body {
	font-family: 'Trebuchet Ms', tahoma, arial, verdana;
 	font-size: 12px;
 	line-height: 18px;
 	color: #412D6A;
 	text-align: center;
	background:url("http://www.blascohigiene.es/images/wallpaper.jpg") repeat-y center #DAE4F1; 
}

	/* LINKS GENERALES */
a{text-decoration:none;color:#412D6A;font-family: 'Trebuchet Ms', arial, tahoma, arial, verdana;font-size:12px;}

	/* H1, H2 H3 ... */

.opacity img{

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity: 0.7;

}
.opacity:hover img{

	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;

}
	/* ENVOLTURA */

#wrapper {
	width:900px;
	margin:auto;
	background:#FFF;
}

	/* CABECERAS */

#logo {	
	width: 272px; 
 	height: 66px;
 	background:url("http://www.blascohigiene.es/images/logo.jpg") no-repeat;
 	float: left;
	position:relative;
	margin-top:20px;
	margin-left:10px;
}

#gota{
	width: 112px; 
 	height: 100px;
 	background:url("http://www.blascohigiene.es/images/gota.jpg") no-repeat;	
	position:relative;
	margin-left:10px;
	margin-top:8px;
	float:left;
}

#flash {

	clear:both;
	height:212px;
	padding-left:42px;
	background:url("http://www.blascohigiene.es/images/bg_left_flash.gif") left no-repeat;
}
#allContent{
	clear:both;
	margin-right:8px;
	margin-left:8px;
	border-top:4px solid #5BB135;
	border-left:1px solid #5BB135;
	border-right:1px solid #5BB135;
	border-bottom:4px solid #3C2C8A;
	padding:2px;
	width:878px;
	background:url("http://www.blascohigiene.es/images/bg_allcontent.jpg") repeat-y;	

	_position:relative;
	_top:-24px;

}

#header {

	clear:both;
	background:url("http://www.blascohigiene.es/images/bg_header.jpg") repeat-x;
	height:105px;
	margin-left:1px;
	*margin-left:2px;
	width:897px;
	padding-bottom:10px;

}

#header ul.mainNav {
	float:right;
	text-align:right;
	margin-top:2px;;
}

#header ul.mainNav li {float:left;width:101px;margin:0;padding:0;}

#header ul.mainNav li a{
	color:#3229AF;
	font-family:tahoma, arial;
	font-size:11px;
	font-weight:bold;
	margin-right:20px;


}
#header ul.mainNav li a:hover{color:#96C238;}


	/* #twoColLayout #navigation */


#twoColLayout #navigation{
	float:left;
	width:240px;
	font-family: verdana, arial, trebuchet ms;
	color:#DDD;
	font-size:11px;
	text-align:left;
	margin-right:5px;
	_width:233px;	
}


#secondaryNav {
	
	width:240px;
	background:url("http://www.blascohigiene.es/images/bg_secondaryNav.jpg") repeat-x bottom;
	text-align:center;
}

#secondaryNav ul{margin:0;padding:0;width:238px;margin-left:1px;background: #E1E9F4;margin-top:-5px;*margin-top:-2px;}
#secondaryNav li{display:block;text-align:left;border-bottom:1px solid #FFF;border-top:1px solid #C7D6EB;padding-top:4px;padding-bottom:4px;

	background:url("http://www.blascohigiene.es/images/bg_li_secondaryNav.gif") no-repeat left;
	padding-left:20px;
}
#secondaryNav li img {padding-right:5px;}
#secondaryNav li a{font-family:Trebuchet Ms, tahoma, arial; font-size:12px;color:#412D6A;font-weight:normal;}
#secondaryNav li a:hover{font-weight:bold;}

#secondaryNav .menu{display:block;text-align:left;margin-left:20px;}
#secondaryNav .menu img{padding-right:5px;}
#secondaryNav .menu a{font-family:Arial Black, tahoma;color:#FFF;}
#secondaryNav .menu a:hover{color:#111;}



/* #twoColLayout #primaryContent */

#twoColLayout #primaryContent {
	float:left;
	width:633px;
	text-align:left;
	color:#CCC;
	
	
}
	/* RUTA */

#ruta {
	background:url("http://www.blascohigiene.es/images/bg_ruta.gif") no-repeat center left #3C2C8A;
	height:21px;
	color:#FFF;
	width:600px;
	padding-left:30px;
	margin-bottom:5px;
	margin-top:5px;
	border-bottom:2px solid #5BB135;
}
#ruta b{font-size:11px;font-family:arial, tahoma, verdana;font-weight:normal;position:relative;top:1px;}
#ruta li{font-size:11px;font-family:arial, tahoma;}
#ruta a{padding-right:5px;padding-left:5px;font-family:arial, verdana;font-size:11px;color:#FFF;position:relative;top:1px;}
#ruta a:hover{text-decoration:underline;}

#ruta a.rutasel{text-decoration:underline;}
	/* FOOTER */

#footer {clear:both;height:55px;

	_position:relative;
	_top:-20px;
}
#footer img{float:left;position:relative;margin-top:8px;margin-left:8px;}
#footer ul{float:right;padding-top:4px;padding-bottom:4px;margin-right:8px;}
#footer ul li{color:#412D6A;}
#footer ul a{color:#412D6A;font-size:11px;font-family:arial, Trebuchet Ms, tahoma;font-weight:bold;padding-right:1px;}
#footer ul a:hover{text-decoration:underline;}


	/* CONTENT */


#content {
	width:630px;
	background:url("http://www.blascohigiene.es/images/content.gif") no-repeat #D1DEED;
	margin-bottom:3px;
}

	/* BOLETINES */


#boletines {
	margin-top:30px;	
	width:240px;
	background:url("http://www.blascohigiene.es/images/newsletter.gif") no-repeat;
	height:107px;
	text-align:left;
	padding-top:30px;
	color:#412D6A;
	font-size:12px;
	font-family: Trebuchet Ms, tahoma, arial;
}
#boletines p {margin-bottom:7px;margin-left:10px;padding-top:10px;line-height:15px;_margin-left:0;display:block;}
#boletines input{
	font-size:12px;
	font-family: Trebuchet Ms, tahoma, arial;
	color:#412D6A;
	border:1px solid #93B0D9;
	float:left;
	padding-top:1px;
	padding-bottom:1px;
	margin-left:10px;
	margin-top:2px;
	padding-left:5px;
	width:195px;
	_width:175px;
}

#boletines .boton1{float:right;margin-top:5px;margin-right:10px;}

	/* STYLES */

.styleHeader{background:#E0E5EC;margin-bottom:1px;height:6px;border-bottom:1px solid #FFF;}


.styleLinea1{background:#3C2C8A;width:884px;margin-left:8px;margin-right:8px;height:5px;

	background:url("http://www.blascohigiene.es/images/stylelinea1.gif") repeat-x;
	_position:relative;
	_top:-12px;

}
.styleLinea2{background:#5BB135;margin-top:1px;width:884px;margin-left:8px;margin-right:8px;height:5px;
	background:url("http://www.blascohigiene.es/images/stylelinea2.gif") repeat-x;

	_position:relative;
	_top:-24px;

}
.styleFooter1{background:#E1EFDA;margin-bottom:1px;margin-left:1px;height:6px;width:898px;margin-bottom:2px;clear:both;_height:1px;_clear:both;}
.styleFooter2{background:#E2E2E2;margin-bottom:1px;margin-left:1px;height:6px;width:898px;margin-bottom:2px;clear:both;_height:1px;_clear:both;}