/*
CSS file created with:
Instant Blueprint - Create a web project framework in seconds.
 http://instantblueprint.com

Project: artenova
File: css/style.css
Last edited: April 25, 2010, 11:53 pm
*/

/*  Main  */
body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}



#main {
}

#cabecera{
	background-image:url(../images/fondo_cabecera.png);
	height:242px;

}
.wrapper{
	width:1006px;
	margin-left:auto;
	margin-right:auto;
	


}

#pie{
	background-color:#eaeaea;
	
	padding-top:32px;
	padding-left:30px;
	padding-bottom:35px;
}
#pie ul{
	width:200px;
	float:left;
	color:#969996;
	font-size:12px;


}
#pie ul li{
	margin-bottom:10px;

}
#pie a{
	text-decoration:none;
	color:#b0b5b0;

}
#pie2{
	height:42px;
	font-size:12px;
	color:#999999;
	text-align:center;
	padding-top:22px;

}
#galeria_portada{
	float:right;
	width:665px;
	height:400px;
	background-image:url(../images/fondo_sombra.png);
	background-position:bottom;
	background-repeat:no-repeat;

}
#navizq{
	width:10px;
	height:16px;
	
	margin-top:182px;
	margin-right:19px;
	float:left;
	margin-left:83px;
	cursor:pointer;
}
#navizq img{
	border:0px;
}
#navder{
	width:10px;
	height:16px;
	
	float:left;
	margin-top:182px;
	margin-left:19px;
	cursor:pointer;
}
#navder img{
	border:0px;
}
#navfoto{
	float:left;
	width:422px;
	height:384px;
	background-color:#CCCCCC;

}
#navegador{
	float:right;
}
#navegador {
	padding-right:90px; 
}
#navegador img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.nivo-control{
	background-image:url(../images/item.png);
	width:8px;
	height:8px;
	float:left;
	margin-left:5px;
	cursor:pointer;

}
.selected{
	background-image:url(../images/item_selected.png);
	width:8px;
	height:8px;

}
.active{
	background-image:url(../images/item_selected.png);
	width:8px;
	height:8px;

}
#na{
	position:absolute;
	top:400px;
	float:right;
	width:190px;
	z-index:999;
	text-align:right;
}
#navegador ul{
	margin:0px;
	padding:0px;
	margin-right:127px;
}
#navegador ul li{
	list-style-image:none;
	list-style-type:none;
	margin-right:5px;
	float:left;
}
.menu{
	margin-top:50px;
	margin-left:10px;
	}
.ss{
	float:left;
	margin-right:7px;
	padding-left:5px;
	padding-top:5px;
	padding-right:5px;
	padding-bottom:5px;
	background-repeat:no-repeat;
	background-position:center;
}
.render{
	font-size:18px;
	color:#FFFFFF;
	float:left;
	text-decoration:none;
	


}
.btns{
	color:#b5bf06;
	text-align:center;
	font-size:22px;


}
.tituloportada{
	font-size:25px;
	color:#000000;
	margin-bottom:30px;

}
.textoportada{
	font-size:14px;
	color:#666666;
	line-height:19px;
}
.titulo{
	color:#323232;
	font-size:25px;

}

.texto{

	color:#666666;
	font-size:14px;

}
.verde{
	color:#b5bf06;


}

/* Productos */

#contenedorfichas{
	width:800px;
	float:left;
	padding-left:34px;

	
}
.fichamini{
	width:208px;
	height:190px;
	border:1px #E8E8E8 solid;
	margin-left:9px;
	margin-bottom:9px;
	float:left;
	padding:14px;

}
.fichamini2{
	width:330px;
	height:290px;
	border:1px #E8E8E8 solid;
	margin-left:9px;
	margin-bottom:9px;
	float:left;
	padding:14px;

}
.fotomini2{
	
	width:320px;
	height:240px;
	border:1px #E8E8E8 solid;
	padding:3px;
	margin-bottom:14px;

}
.titulo{
	font-size:16px;
	color:#99a110;
	margin-bottom:9px;

}
.titulo2{
	font-size:14px;
	color:#999999;
}
#menutrabajos{
	float:right;
}
#menutrabajos ul{
	margin:0px;
	padding:0px;
	margin-top:15px;

}
#menutrabajos ul li{
	
	margin-bottom:15px;
}
#menutrabajos ul li a{
	text-decoration:none;
	font-size:17px;
	color:#99a110;
	padding:6px;

}
#menutrabajos ul li a:hover{
	text-decoration:none;
	font-size:17px;
	background-color:#99a110;
	color:#FFFFFF;
	border-radius: 8px;
	-moz-border-radius: 8px;  
	-ms-border-radius: 8px;
	-webkit-border-radius: 8px; 

}

div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width:422px;
	height:384px;
	float:left;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely 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; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}



.navi { 
    margin-left:328px; 
    width:200px; 
    height:20px; 
} 
 
 
/* items inside navigator */ 
.navi a { 
    width:8px; 
    height:8px; 
    float:right; 
    margin:3px; 
    background:url(../images/item.png);
    display:block; 
    font-size:1px; 
} 
 
/* mouseover state */ 
.navi a:hover { 
       background:url(../images/item_selected.png); 
} 
 
/* active state (current page state) */ 
.navi a.active { 
    
	    background:url(../images/item_selected.png); 
}
.contatotitulo{
	font-size:16px;
	color:#333333;
	line-height:20px;

}
.conttexto{
	font-size:14px;
	color:#666666;
	line-height:20px;

}
.uul{
	font-size:12px;
	line-height:14px;
}
.uullii{
	line-height:17px;

}
.uul2{
	font-size:12px;
	line-height:14px;
	float:left;
	width:200px;
}
.uul2 li{
	padding-left:13px;
	margin-bottom:11px;
	padding-left:11px;
	line-height:14px;


}