body {
	background: #dedede url(../pics/bg_header.jpg) top repeat-x;
	margin:0px;
	}

.invisible { display: none; }
.contenedor {
	width:980px;
	height:auto;
	margin:auto;
	}

.cabezal { 
	width:980px; 
	position:relative;
	height:141px; 
	}

.logo {
	margin-left:50px;
	margin-top:29px;
	}	
	
.flags {
	position: absolute; 
	right:52px; 
	top: 20px;
	}
	
.clientes_acceso {
	position: absolute; 
	right:52px; 
	top: 72px;
	background-image:url(../pics/btn_clientes_bg.png);
	background-repeat:no-repeat;
	width:134px;
	height:35px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#858585;
	text-align:center;
	padding-top:10px;
	}
	
.clientes_acceso a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#858585;
	text-align:center;
	padding-top:11px;
	text-decoration:none;
	}

.clientes_acceso a:hover{
	color:#cccccc;
	}				

.sinborde {
	border:0px;
	}	
	
.contenido {
	width:880px;
	height:386px;
	margin-top:37px;
	margin-bottom:37px;
	padding-left:50px;
	padding-right:50px;
	background-image:url(../pics/bg_contenido.png);
	}

.solapas {
	width:auto;
	height:43px;
	}

div.solapas ul {
	margin: 0px; padding: 0px; list-style-type:none;
	}	
	
div.solapas ul li {
	display: inline; text-indent: -999px; font-size: 0px; display:block; line-height: 0px;
	}	
	
	div.solapas ul li a {
		display: block;
		height:43px;
		float: left;
	}

/***************** se duplican estos 3 *********************/
	
	div.solapas ul li a#home {
		background-image:url(../pics/01_home_off.jpg);
		width:89px;
		}	
	div.solapas ul li a#home:hover {
		background-image:url(../pics/01_home_hover.jpg);
		}	
	div.solapas ul li a.homeSel {
		background-image:url(../pics/01_home_on.jpg) !important;
		}	
	
/************************************************************/
	
	div.solapas ul li a#nosotros {
		background-image:url(../pics/02_nosotros_off.jpg);
		width:98px;
		}	
	div.solapas ul li a#nosotros:hover {
		background-image:url(../pics/02_nosotros_hover.jpg);
		}	
	div.solapas ul li a.nosotrosSel {
		background-image:url(../pics/02_nosotros_on.jpg) !important;
		}	

/*************************************************************/

	div.solapas ul li a#productos {
		background-image:url(../pics/03_productos_off.jpg);
		width:210px;
		}	
	div.solapas ul li a#productos:hover {
		background-image:url(../pics/03_productos_hover.jpg);
		}	
	div.solapas ul li a.productosSel {
		background-image:url(../pics/03_productos_on.jpg) !important;
		}
		
/*************************************************************/

	div.solapas ul li a#portfolio {
		background-image:url(../pics/04_portfolio_off.jpg);
		width:94px;
		}	
	div.solapas ul li a#portfolio:hover {
		background-image:url(../pics/04_portfolio_hover.jpg);
		}	
	div.solapas ul li a.portfolioSel {
		background-image:url(../pics/04_portfolio_on.jpg) !important;
		}	
		
/**************************************************************/

	div.solapas ul li a#clientes {
	background-image:url(../pics/05_clientes_off.jpg);
		width:89px;
		}		
	
	div.solapas ul li a#clientes:hover {
		background-image:url(../pics/05_clientes_hover.jpg);
		}	
	
	div.solapas ul li a.clientesSel {
		background-image:url(../pics/05_clientes_on.jpg) !important;
		}	
		
/*****************************************************************/
	
	div.solapas ul li a#novedades {
		background-image:url(../pics/06_novedades_off.jpg);
		width:122px;
		}	
	div.solapas ul li a#novedades:hover {
		background-image:url(../pics/06_novedades_hover.jpg);
		}	
	div.solapas ul li a.novedadesSel {
		background-image:url(../pics/06_novedades_on.jpg) !important;
		}

/*******************************************************************/

	div.solapas ul li a#blog {
		background-image:url(../pics/07_blog_off.jpg);
		width:64px;
		}	
	div.solapas ul li a#blog:hover {
		background-image:url(../pics/07_blog_hover.jpg);
		}	
	div.solapas ul li a.blogSel {
		background-image:url(../pics/07_blog_on.jpg) !important;
		}

/*******************************************************************/

	div.solapas ul li a#contacto {
		background-image:url(../pics/08_contacto_off.jpg);
		width:114px;
		}	
	div.solapas ul li a#contacto:hover {
		background-image:url(../pics/08_contacto_hover.jpg);
		}	
	div.solapas ul li a.contactoSel {
		background-image:url(../pics/08_contacto_on.jpg) !important;
		}

/*****************************************************************/

.medio {
	width:830px;
	height:317px;
	float:left;
	padding-top:10px;
	padding-left:25px;
	padding-right:25px;
	padding-bottom:25px;
	background-image:url(../pics/bg_medio.gif);
	background-repeat:no-repeat;
	}	


#ultimo_momento{
	width:880px;
	margin-top:24px;
	padding-left:50px;
	padding-right:50px;
	color:#858585;
}

#ultimas_novedades{
	width:380px;
	float:left;
}

.novedad, .novedad a{
	padding-top:15px;
	color:#858585;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.ampliar{
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
}

.ampliar:hover{
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
}


#ultimas_entradas, #ultimas_entradas a{
	color:#858585;
	width:380px;
	float:right;

}
#ultimas_entradas, #ultimas_entradas a:hover { 
	color: #000000;
}

.separador{
	background-image:url(../pics/separador.gif);
	background-repeat:repeat-x;
	height:2px;
	width:100%;
	clear:both;
}

.blog_post{
	padding-top:15px;
	color:#858585;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}


.contenedor_foot{
	height:80px;
	width:100%;
	bottom:0px;
	background-image:url(../pics/bg_foot.gif);
	background-repeat: repeat-x;
	margin-top: 25px;
}

.foot{
	margin:auto;
	height:80px;
	width:980px;
	position:relative;
	bottom:0px;
	background-image:url(../pics/bg_foot.gif);
	background-repeat: repeat-x;
	color:#dedede;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.foot a{
	text-decoration:none;
	color:#dedede;
}

.foot a:hover{
	text-decoration:none;
	color:#ffffff;
}

.datos_foot {
	width:880px; 
	position:relative;
	padding-top:30px;
	margin:auto;
	}

.adds {
	width:60px;
	position: absolute;
	right:146px;
	bottom:-10px;
	top:32px;
	}	

.adds_icons {
	width:146px;
	position: absolute;
	right:0px;
	top:20px;
	}	



				
/****************scroll **************/

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:22px;
	height:21px;
	background:url(../pics/left.png) no-repeat;
	float:left;
	margin-top:138px;
	margin-bottom:138px;
	cursor:pointer;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -22px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(../pics/right.png);
	clear:right;	
}

/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.scrollable {
	float:left;	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 780px;	
	height:296px;	
	
	/* custom decorations */
	padding:10px 0;	
	border:0px outset #ccc;
			
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
	/* decoration */
	margin-left:0px;
	left: 54,000px;
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
	
	/* custom decoration */
	background-color:transparent;
	text-align:center;
	width:261px;
	height:292px;
	padding:0px 0px;
	font-size:30px;

	border:0px outset #ccc;
	margin-right: 1px;	

	border-right-color:#dedede; border-right-style:solid; border-right-width:1px;
}

/* active item */
div.scrollable div.items div.active {
/*	border:0px inset #ccc;
	border-right-color:#dedede; border-right-style:solid; border-right-width:1px;
*/	}

/*********************PORTFOLIO*****************/

.titulo_item_bloque {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#858585;
	text-align:left;
	padding-left:13px;
	padding-right:13px;
	margin-top:15px;
}

.contenido_item_bloque {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	text-align:justify;
	padding-left:13px;
	padding-right:13px;
	margin-top:-10px;
	padding-top:-10px;
}

.link_item_bloque {
	width:67px;
	background-image:url(../pics/bg_ver_sitio.gif);
	background-position:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#858585;
	text-align:left;
	margin-top:-6px;
	padding-left:20px;
	padding-right:10px;
	padding-top:-10px;
	float:left;
}

.link_item_bloque a{
	text-decoration:none;
	color:#858585;
	
}

/***********************CONTACTO*************************/

.bloque_1_contacto {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	text-align:left;
	width:390px;
	height:282px;
	padding:0px 0px;
	font-size:11px;
	padding-top:15px;
	padding-left:23px;

	border:0px outset #ccc;
	margin-right: 1px;	

	border-right-color:#dedede; border-right-style:solid; border-right-width:1px;
	margin-top:10px;
}

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 0px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
}

.cssform p#primero{
	margin-top: 15px;
}


.cssform label{
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
font-size:13px;
color:#333333;
margin-top:0px;

}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 188px;
height: 16px;
padding-bottom:0px;
color:#858585;
}

.cssform textarea{
width: 188px;
height: 76px;
padding-bottom:0px;
color:#858585;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

.input_enviar {
	margin-left: 124px;
	background-image: url(../pics/enviar.png);
	width:74px;
	height:29px;
	border: 0px;
}

.bloque_2_contacto {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	text-align:left;
	width:380px;
	height:282px;
	padding-top:15px;
	padding-left:23px;
	margin-right: 1px;	
	margin-top:10px;
	position:relative;
}


.adds_contacto {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 16px;
	padding-top:5px;
	padding-bottom:3px;
}

.adds_contacto_link {
	width:165px;
	background-image:url(../pics/bg_mail.png);
	background-repeat:no-repeat;
	background-position:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#858585;
	text-align:left;
	margin:-10px;
	padding-left:19px;
	padding-top:-10px;
	float:left;
}

.adds_contacto_link a{
	text-decoration:none;
	color:#858585;
}

.adds_c {
	width:60px;
	position: absolute;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	left:23px;
	bottom:-10px;
	top:132px;
	}	

.adds_icons_c {
	width:146px;
	position: absolute;
	left:93px;
	top:120px;
	}	

/**** scroll pane nosotros ***/

.scroll-pane {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	text-align:justify;
	padding-right:20px;
	margin-top:10px;
	margin-left:15px;
	width:801px;
	height:290px;
	overflow: auto;
}

/****** scroll pane servicios ****/

.scroll-pane-ser {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	text-align:justify;
	padding-right:20px;
	margin-top:10px;
	margin-left:15px;
	width:386px;
	height:290px;
	overflow: auto;
	float:right;
}

.servicios-menu {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	text-align:justify;
	width:390px;
	height:282px;
	padding:0px 0px;
	font-size:11px;
	padding-top:15px;
	padding-left:23px;
	border:0px outset #ccc;
	margin-right: 1px;	
	border-right-color:#dedede; border-right-style:solid; border-right-width:1px;
	margin-top:10px;
}

.serv_icons {
	width:100%;
	height:80px;
	margin-top:5px;

}

.serv_icon {
	width:24.9%;
	float:left;
	border:0px;
}

.serv_variable {
	font-style: italic;
}

.serv_variable img{
	margin-bottom:28px;
}

.serv_variable p{
	margin-top:0px;
	padding-top:0px;
	width:350px;
}

/************* novedades ***************/

.novedades_mostrar {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	text-align:justify;
	width:370px;
	height:295px;
	font-size:11px;
	padding-top:0px;
	padding-left:23px;
	padding-right:20px;
	border:0px outset #ccc;
	margin-right: 1px;	
	border-right-color:#dedede; border-right-style:solid; border-right-width:1px;
	margin-top:10px;
	position:relative;
}

.titulo_novedad {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
	text-align:left;
	padding-right:0px;
	margin-top:15px;
}

.contenido_novedad {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	text-align:justify;
	padding-right:0px;
	margin-top:-10px;
	padding-top:-10px;
}

.abajo_novedad {
	padding-right:0px;
	margin-top:-10px;
	padding-top:-10px;
	position:absolute;
	bottom:5px;
	margin-left:80px;
	width:203px;
	height:30px;
	background-image:url(../pics/barra_novedad.png);
	background-repeat:no-repeat;
	padding-top: 15px;
}

.abajo_novedad_paginado {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	width:43px;
	float:left;
	margin-left:40px;
}

.paginado_1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	text-align:center;
	width:18px;
	float:left;
	border-left-color:#dedede; border-left-style:solid; border-left-width:1px;
	background-image:url(../pics/bg_num.png);
	background-repeat:no-repeat;
}
	
.paginado_1_selected {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	text-align:center;
	width:18px;
	float:left;
	border-left-color:#dedede; border-left-style:solid; border-left-width:1px;
	background:#FFFFFF;
}

.paginado_1 a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	text-decoration:none;
}

/************* blog ***************/

.blog_der{
	float:left;
	margin-left:50px;
	margin-top:40px;
}

.blog_contenido{
	float:left;
	margin-left:25px;
	margin-top:40px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	text-align:justify;
	width:550px;
}

.blog_contenido p{
	margin-top:0px;
}

.blog_contenido img{
	border:0px;
}



/************* clientes ***************/

.clientes_bloque{
	width:390px;
	float:left;
}

.clientes_logo{
	width:146px;
	float:left;
}

.clientes_descripcion{
	width:220px;
	float:left;
	margin-left:10px;
}

.clientes_separador{
	width:1px;
	margin-left:5px;
	margin-right:7px;
	float:left;
}

.clientes_separador img{
	margin-top:5px;
}

.clientes_item_bloque {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#858585;
	text-align:left;
	margin-bottom:10px;
	margin-top:0px;
}


.clientes_bloque_juntos{
	width:801px;
	float:left;
	margin-bottom:30px;
}