/*RESET*/
img, div, a, ul, li, h1 { behavior: url(iepngfix.htc) }
*{
padding:0;
margin:0;
}
ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
blockquote, q {
quotes:none;
}
.error	{ color: #f00; padding: 0 0 4px 0 !important; margin: 0 !important; }
*:focus {
outline-color:invert;
outline-style:none;
outline-width:0pt;
}
ins {
text-decoration:none;
}
del {
text-decoration:line-through;
}
table {
border-collapse:collapse;
border-spacing:0pt;
}

/*EMPEZAR*/
body{
	font-family:"Trebutchet MS",arial,tahoma,verdana,sans-serif;
	color:#888888;	
	background-color:white;
	background-image:url(bg.gif);
	background-repeat:repeat-x;	
	margin:0;
	}
#wrapper{
width:950px;
margin:0 auto 0 auto;
	}
/*CABECERA*/
#head{
	background-image:url(logo.gif);
	background-repeat:no-repeat;
	background-position:10px 25px;
	margin:0 auto;
	height:104px;
	text-align:center;	
	margin:0 auto;
	position:relative;
	}
#head h1{
	top:-450px;
	position:absolute;
	color:#000000;	
	}
#menu{
	float:right;
	margin:73px 0 0 0;
	padding:0;
	font-size:90%;	
	}
#menu ul li{
	float:left;
	padding:0 15px;
	margin:0;
	text-align:center;
	line-height:29px;
	}
#menu ul li .active{
	float:left;
	padding:0 40px;	
	text-align:center;
	background-image:url(pastilla-btn.gif);
	background-repeat:no-repeat;
	background-position:top center;
	color:#006633;	
	}
#menu a:link{
	color:white;	
	text-decoration:none;
}
#menu a:visited{
	color:white;
	text-decoration:none;	
}
#menu a:hover{
	color:white;
	text-decoration:underline;	
}
#menu a:active{
	color:white;
	text-decoration:none;	
}
/*IDIOMAS*/
#idiomas ul li a{
	
	text-decoration:none;
	text-align:left;
	}
#idiomas ul li{
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	padding:2px 2px;
	
	}
#idiomas img{
	border:none;
	margin:2px 2px
	}
#idiomas{
	position:absolute;
	top:0;
	right:0;
	}

/*CONTENEDOR GENERAL*/
#content{
	padding:0 0 5px 0;
	position:relative;
	background-image:url(ralla1.gif);
	background-repeat:no-repeat;
	background-position:110px bottom;
	}
#content h2{
	font-family:"Times New Roman", Times, serif;
	color:#149140;
	text-indent:20px;
	padding:0;
	margin:0 0 10px 0;
	font-size:28px;
	background-image:url(roda-gran.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	line-height:20px;
	text-decoration:none;
	}
#content h3{
	font-family:"Times New Roman", Times, serif;
	color:#149140;	
	font-size:19px;	
	}
#content h4{
	font-family:"Times New Roman", Times, serif;
	color:#888888;
	padding:0 0 5px 0;		
	font-size:16px;	
	}
#content li{
	display:block;
	float:left;
	margin:1em 0;
	
	}
/*INTRO*/
#intro{
	font-family:"Georgia", Courier, monospace;
	font-size:20px;
	letter-spacing:1px;
	margin:0 25px 65px 0;
	padding:50px 0 0 0;
	text-align:justify;
	width:510px;
	}
#intro-int{
	font-family:"Georgia", Courier, monospace;
	font-size:20px;
	letter-spacing:1px;
	margin:0 25px 65px 0;
	padding:50px 0 0 0;
	text-align:justify;
	width:620px;
	}
#intro-int a{
color:#17ab4a;
text-decoration:underline;
	}
#intro span, #intro-int span{
	color:#17ab4a;
}
#lateral-img{
	
	position:absolute;
	top:40px;
	left:580px;
	border:none;		
	}
#lateral-imgint{
	width:203px;	
	position:absolute;
	top:40px;
	left:680px;
	border:none;		
	}
/*MEDIO*/
#destacados{
	margin:0;
	padding:0;
	}

#destacados li{
	font-family:"Trebutchet MS",arial,tahoma,verdana,sans-serif;
	font-size:14px;
	color:#888888;
	width:280px;
	text-align:justify;
	padding:25px 20px 0 15px;	
	background-image:url(ralla-ver1.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	text-decoration:none;
	cursor:pointer;
	}

a{
	color:#888888;
	text-decoration:underline;	
	}
#destacados li p, #destacados-two .desplazado, #destacados-form p, #colaboramos{

	padding:0 0 0 20px;	
	}
#destacados .first, #destacados-two .first, #colaboramos .first, #menu-lat .first{
	background-image:none;
	}
#destacados-two li{	
	font-family:"Trebutchet MS",arial,tahoma,verdana,sans-serif;
	font-size:14px;
	color:#888888;
	width:380px;
	text-align:justify;
	padding:25px 25px 0 25px;
	background-image:url(ralla-ver1.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	text-decoration:none;
	cursor:pointer;
	}
#destacados-two li a:link{
	text-decoration:none;
	}
#destacados-two img{
	float:right;
	margin:0 0 0 20px;
	border:none;
	}
#destacados-two p{
	width:250px;
	}
#destacados-form p {
	font-family:"Trebutchet MS",arial,tahoma,verdana,sans-serif;
	width:400px;
	font-size:14px;	
	}
#colaboramos{
	clear:both;
	margin:10px 0;
}
#colaboramos li{
	font-family:"Trebutchet MS",arial,tahoma,verdana,sans-serif;
	font-size:12px;
	line-height:1.5em;
	width:30	0px;
	padding:0 55px 15px 30px;
	background-image:url(ralla-ver1.gif);
	background-repeat:no-repeat;
	background-position:center left;
	text-align:left;}
#colaboramos .second{
	margin:68px 0 0 0;
	padding-left:95px;	
	}

form {
	padding: 0 0 0 0;
	
}
#observacion{
	width:200px;
	height:88px;
	border: 1px Solid #888888;
	}
.messaje{
	font-family:"Trebutchet MS",arial,tahoma,verdana,sans-serif;
	margin:0 0 20px 0;
	font-size:11px;
	width:240px;
	text-align:justify;
	}

label, #form_colaboramos, select {
	font-size: 14px;
	font-family:"Times",arial,tahoma,verdana,sans-serif;
	color: #888888;
	display: block;
}
#boton-enviar {
	width: 93px;
	height: 28px;
	margin:20px 0 0 0;
	cursor:pointer;
	
}
.campo {
	width: 200px;
	height: 20px;
	margin-bottom: 20px;
	border: 1px Solid #888888;
	background: #fff;
	padding: 2px;
	color: #888888;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/*LINKS*/
#links a:link{
	font-size: 21px;
	font-family:"Times",arial,tahoma,verdana,sans-serif;
	color: #888888;
	display: block;
	float:none;
	text-decoration:none;
	margin:15px 0 15px 25px;
	text-indent:20px;
	background-image:url(roda_mini_gris.png);
	background-repeat:no-repeat;
	background-position:center left; 
	}
#links a:visited{
	font-size: 21px;
	font-family:"Times",arial,tahoma,verdana,sans-serif;
	color: #888888;
	display: block;
	float:none;
	text-decoration:none;
	margin:15px 0 15px 25px;
	text-indent:20px;
	background-image:url(roda_mini_gris.png);
	background-repeat:no-repeat;
	background-position:center left; 
	}
#links a:hover{
	font-size: 21px;
	font-family:"Times",arial,tahoma,verdana,sans-serif;
	color: #006633;
	display: block;
	float:none;
	text-decoration:none;
	margin:15px 0 15px 25px;
	text-indent:20px;
	background-image:url(roda_mini_gris.png);
	background-repeat:no-repeat;
	background-position:center left; 
	}
#links a:active{
	font-size: 21px;
	font-family:"Times",arial,tahoma,verdana,sans-serif;
	color: #006633;
	display: block;
	float:none;
	text-decoration:none;
	margin:15px 0 15px 25px;
	text-indent:20px;
	background-image:url(roda_mini_gris.png);
	background-repeat:no-repeat;
	background-position:center left; 
	}
/*Productos interior / Noticias*/
.textos, .textos-fin{
	font-family:"Trebutchet MS",arial,tahoma,verdana,sans-serif;
	font-size:12px;
	color:#888888;
	width:500px;
	text-align:justify;
	margin:30px;
	background-image:url(pie-noticias.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
	padding:0 0 25px 0;
	}
.textos-fin, .textos-fin p{
	background-image:none;
	}
.clean{
	clear:both;
	}
#content .textos h4, .textos p, .textos-fin p {
	padding:0 0 10px 20px;
	}
.centrado img{
	padding:0 0 10px 10px;}
.centrado span{
	font-size:18px;
	}
.separador{
	width:556px;
	height:5px;
	margin:0 0 20px 0;
	background-image:url(separador.gif);
	background-repeat:no-repeat;
	}
.centrado{	
	text-align:center;
	margin:0px 15px 5px 19px;
}
.centrado p{	
	margin:0;
	padding:0;
}
#puntos-venta{		
	clear:both;
	}
#puntos-venta ul{
	margin:15px 0;
	}
#puntos-venta ul li{	
	float:left;
	margin:0px 15px 5px 19px;
}
.ocult{
	display:none;
	}
#swf{
	margin:25px 0 0 0;
	}
#menu-lat{
	position: absolute;
	margin-left: 650px;
	width: 230px;
}
#cos-menu{
	background-image:url(bg-lateral.png);
	background-repeat:no-repeat;
	background-position:top;
	}
#pie-menu{
		background-image:url(pie-bg-lateral.png);
		background-repeat:no-repeat;
		background-position:bottom center;
		height:30px;
		}
#menu-lat ul{
	padding:15px 0 0 12px;
	}
#menu-lat  li a{
	text-decoration:none;	
	}
#menu-lat  li{
	font-family:"Trebutchet MS",arial,tahoma,verdana,sans-serif;
	font-size:13px;	
	color:#888888;
	display:block;
	height:15px;
	margin:0;
	float:none;
	padding:8px 0 0 25px;
	background-image:url(bg-li-lat.gif);
	background-position:top center;
	background-repeat:no-repeat;
	
}
ul.block li{	
	float:left;
	width:270px;
	height:120px;	
	}
ul.block li h3{
	padding:5px 0 0 0;	
	}
ul.block li img{
	margin:15px;
	float:left;
	border:1px solid #cccccc;
	position:inline;
	}
ul.lat-der{
	float:right;
	width:350px;
	position:relative;
	}
ul.lat-der li{
	float:left;
	width:150px;
	height:130px;
	position:relative;
	padding-right:15px;
	display:block;
	}
ul.lat-der li img{
	border:1px solid grey;
	}
ul.lat-der li p{
	width:150px;
	display:block;
	}
	blockquote.lat-izq{
	height:500px;
	}
blockquote.texto-como p{
	font-family:"Georgia", Courier, monospace;
	font-size:20px;
	margin:5px 0 15px 0;
	text-align:justify;
	width:510px;
	}
/*PIE*/
#footer p{
		font-size:70%;
		height:30px;
		background-image:url(bg-footer.gif);
		background-repeat:no-repeat;
		background-position:center 15px;
		margin:0 auto;
		text-align:center;
		vertical-align:middle;
		padding:25px 0 0 0;
		clear:both;
		}