/* CSS Document */
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
} 

body { 
 color: #000000;
 font: normal 10px verdana;
 scrollbar-face-color:#ffffff;
 scrollbar-shadow-color:#505750;
 scrollbar-highlight-color: #505750;
 scrollbar-3dlight-color:  #ffffff;
 scrollbar-darkshadow-color: #ffffff;
 scrollbar-track-color:   white;
 scrollbar-arrow-color:   #000000;
 background-color: #fff;
} 

div {margin:0px; padding:0px;}
table {color: #000000; font: normal 10px verdana;}
form {margin:0px;}
a, a:link, a:visited {font: normal 10px verdana;color: #000000;}
a:hover {color: #FF1721;}

/* CENTRAR ************************************************ */
#pagewidth { 
 width:765px; 
 text-align:left; 
 min-width: 500px;
 margin-left:auto; 
 margin-right:auto;  
} 


/* CABECERA y CUERPO ************************************************ */
#cabecera {
	width:737px; 
	padding-top:48px;
	text-align: right; /* eliminar en version para print background-color:#ff3300;*/ 
	}
	
#contactar {
	width:16px; 
	margin-top:93px;
	padding-right:2px;
	text-align: right;
	}

.clr{clear:both;}

#container {
			width: 770px;
			margin-left: auto;
			margin-right: auto;
		}
* html #container {width: 775px;}
#content {	
			position:relative;
			padding: 0px;
			margin-left: 16px;
			margin-right: 16px;
			width:auto;
			width:737px;
		}
					
#sidebar-a {float:left;background: url("../img/fondo_i.gif") no-repeat right top;}
#sidebar-b {float:right;background: url("../img/fondo_d.gif") no-repeat left top;}

#sidebar-a, #sidebar-b  {
			width: 16px;
			\width: 16px;
			w\idth: 16px;
			margin: 0px;
			height:400px;
			padding: 0px;
		}

#centrecontent {width:100%;}
#right {position:relative;float:right; width:167px;text-align: left;}
#left {position:relative;float:left; width:566px;text-align: left;}

/* CUERPO HOME ************************************************************* */
#rayaroja {
margin-right:-7px;
padding-left:7px; 
background: url("../img/home/raya-roja.gif") no-repeat left top;
width:559px; 
text-align: left;
}
* html #rayaroja {margin-top:-2px;}

#fecha {text-align: right;padding-top:2px;padding-bottom:18px;}

/* MENU ************************************************************* */	
#menucab {height:102px;}
* html #menucab {height:104px;}
#menucab a {display:block; text-align: right;}
#menucab ul{
   margin:0px;
   padding:0px;
   }
#menucab ul li{
margin-left:25px;
list-style-type: square;
}

#menu ul {
   margin:0px;
   padding:0px;
   list-style: none;
   list-style-position: outside;
   text-align: right;
   font: normal 10px verdana;
   color: #000;
}

#menu ul li {
	display:block;
	width: 167px;
	text-align: left;
	padding: 2 0 2 0;
	}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	display: block;
	text-decoration:none;
	padding-left: 14px;
	background: url("../img/menu/flecha.gif") no-repeat left top;
}
* html #menu ul li a {width: 167px;}

#menu ul li a:hover{
	color:#fff;	
	text-decoration: none;
	background: url("../img/menu/flecha_blanco.gif") no-repeat left top;
	background-color: #797777;
	}




#menu ul li.titulo a, #menu ul li.titulo a:visited {
display:block;
color:#fff;
font: normal 9px verdana;
text-decoration:none;
padding-right: 14px;
padding-top: 2px;
margin-top: 2px;
height:17px;
background: url("../img/menu/flecha_titulo_on.gif") no-repeat right top;
background-color: #797777;
}
#menu ul li.titulo a:hover {background: url("../img/menu/flecha_titulo_on.gif") no-repeat right top;background-color: #FF1721;}
#menu ul li.flechaon a, #menu ul li.flechaon a:visited {background: url("../img/menu/flecha_titulo_on.gif") no-repeat right top;background-color: #797777;}
#menu ul li.flechaon a:hover {background: url("../img/menu/flecha_titulo.gif") no-repeat right top;background-color: #FF1721;}

#menu ul li.titulo {text-align: right;}

#menu ul li.activo, #menu ul li.activo a, #menu ul li.activo a:link, #menu ul li.activo a:visited {
color: #fff; 
background: url("../img/menu/flecha_blanco.gif") no-repeat left top;
background-color:#FF1721;
}

/* texto news
----------------------------------------------*/
.titulo-news {
display:block;
width: 97%;
padding: 2px 3px 2px 3px;
font: normal 10px verdana;
color: #fff;
background-color: #828282;
text-align: left;
}

#news{
text-align: left;
}

/* ficha
----------------------------------------------*/
#caraclinea {
	width:280px;
	height:40px;
	border-right: 1px solid #797777;
	}
#caraclinea b {
	display:block;
	padding:4px 10px 0px 10px;
	text-align: right;
	font: bold 10px verdana;
	}
#caracteristicas {
	display:block; 
	width:280px; 
	color:#fff;
	font: bold 10px verdana;
	text-decoration:none;
	height:17px;
	padding-top:2px;
	background-color: #797777;
	}
#ficha {width:280px;}
#fichafotos {
	position:relative;
	float:right;
	font: bold 10px verdana;
	background-color:#000;

	}
#fichapalets {
	position:relative; 
	float:left; 
	background-color:#000;
	}
#fichanota {
	border-top: 1px solid #797777;
	border-bottom: 1px solid #797777;
	width:280px;
	font: normal 10px verdana;
	background-color: #F7F7F7;
	margin-top:7px;
	text-align: justify;
	}
#fichanota p {padding:7px 7px 7px 7px;}

#producto ul {
	list-style-type:square;
   margin-left:15px;
   padding:0px;
}

#producto ul li {
	padding: 3 0 3 0;
	}
#producto ul  .subtitulo1 {
    color: #FF1721;
    list-style: none;
	padding-top: 15px; 
}

#foto-presentacion{
     position:relative;
	 float: left;
	 margin-right:8px;
}

/* situacion y contacto
----------------------------------------------*/
#fotomapa{
	position:relative;
	float: left;
	margin-right:5px;

	}
#texto_situacion {
	position:relative;
	float: left;
	margin-right:8px;
	padding-top: 10px;
	margin-left:10px;
	/*margin-bottom:20px;*/
}
#caracteristicas_situacion {
	display:block; 
	width:270px; 
	color:#fff;
	font: bold 10px verdana;
	text-decoration:none;
	height:17px;
	padding-top:2px;
	background-color: #797777;
	}
.txt, .formulariotxt { 
 color: #000000;
 font: normal 10px verdana;
}

.formulariotxt {width:195px; }
/* quienes somos
----------------------------------------------*/
#foto{
	position:relative;
	float: left;
	margin-right:15px;
	}
	
/* pie
----------------------------------------------*/
#pie  {
     display:block;
	 padding-right: 12px;
     text-align:right;
	 background: url("../img/home/raya-roja.gif") no-repeat right; 
}

.disseny, a.disseny:link, a.disseny:visited { 
	color: #666;
 	font: normal 10px verdana;
	}


 /*printer styles*/ 
@media print { 
/*hide the left column when printing*/
#right {display:none;} 
#cabecera {text-align:left;} 
#linea_cabecera{display:none;} 
}