body{
	margin:0 auto 10px;
	background:#DEDEDE;;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#444;
	cursor:default;
}
a{
	color:#444;
}
a:hover{
	color:#111;
}
a img{
	border:0;
}
/* --------------------
	CONTAINER
----------------------- */
#container{
	position:relative;
	width:960px;
	height:620px;
	margin:0 auto;
	background-color:#FFF;
	z-index:0;
}
/* --------------------
	HEADER
----------------------- */
#header{
	z-index:255;
	position:absolute;
	float:left;
	display:inline;
	width:140px;
	margin:0 0 0 25px;
}
#header h1{
	width:140px;
	height:150px;
	text-indent: -9999px;
	background: url(logo-cortinas-polito.gif) no-repeat;
}
#header h1 a{
	width:100%;
	height:150px;
	display:block;
}
/* --------------------
	SUB-MENU
----------------------- */
ul.submenu{
	z-index:200;
	position:absolute;
	display:block;
	top:65px;
	left:190px;
	width:500px;
	height:20px;
	font:bold 11px/20px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	text-transform:lowercase;
}
ul.submenu li {
	display:inline;
}
ul.submenu li a{
	display:block;
	float:left;
	margin:0 15px 0 0;
	text-decoration:none;
}
ul.submenu li a:hover{
	color:#0AD;
}
/* --------------------
	BACKGROUND
----------------------- */
#background{
	z-index:5;
	position:absolute;
}
#background p.distribuidor{
	display:block;
	width:960px;
	height:90px;
	margin:0 0 9px 0;
	border-bottom:1px solid #DEDEDE;
	text-align:right;
}
/* --------------------
	CENTER
----------------------- */
#center{
	z-index:10;
	position:absolute;
	overflow:hidden;
	width:725px;
	height:415px;
	padding:20px 0 0 20px;
	top:160px;
	left:190px;
	background-color:#FFF;
}
/* --------------------
	FOOTER
----------------------- */
#footer{
	position:absolute;
	top:625px;
	width:960px;
	height:25px;
	font-size:11px;
	color:#777;
}
#footer a{
	text-decoration:none;
	color:#777;
}
#footer a:hover{
	color:#333;
}
#footer address{
	position:absolute;
	left:0;
	font-style:normal;
}
#footer p.design {
	position:absolute;
	right:0;
	text-align:right;
}
/* --------------------
	TEXTOS
----------------------- */
p{
	margin:0 0 9px 0;
}
.p10{
	font-size:10px;
	color:#C1C1C1;
}
/**/
ul.lista{
	padding:0 0 18px;
}
ul.lista li{
	list-style: none;
	background: url(bullet-1.gif) 0px 7px  no-repeat;
	padding:0 0 0 10px;
}
/* --------------------
	TITULOS > img
----------------------- */
.titulo-1{
	margin:0 0 10px 0;
	padding:0;
	display:block;
}
.titulo-2{
	margin:0 0 10px 0;
	padding:0;
	display:block;
	float:left;
}
/* --------------------
	SLIDESHOW > simple
----------------------- */
.slideshow-simple{
	width:240px;
	height:220px;
	overflow:hidden;
	display:block;
	float:left;
	margin:0 20px 10px 0;
}
.slideshow-simple ul.ppt{
	position:relative;
}
.slideshow-simple ul.ppt li{
	position:absolute;
	top:0;
	left:0;
}
/* --------------------
	SLIDESHOW > grande
----------------------- */
.slideshow-grande{
	width:245px;
	height:435px;
	overflow:hidden;
	position:absolute;
	right:0;
	top:0;
	display:block;
}
.slideshow-grande ul.ppt{
	position:relative;
}
.slideshow-grande ul.ppt li{
	position:absolute;
	top:0;
	left:0;
}
/* --------------------
	CATALOGO > info
----------------------- */
.info {
	position: relative;
	float:left;
	width:215px;
	height:395px;
	overflow:auto;
	/**/
	font-size:11px;
	line-height:16px;
}
.info .logo-picnic {
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	top: 282px;
}
/* --------------------
	CATALOGO > info > scroll
----------------------- */
.scrollgeneric {
	line-height:1px;
	font-size:1px;
	position:absolute;
	top:0;
	left:0;
}
.vscrollerbase {
	width:5px;
	background-color:#DEDEDE;
}
.vscrollerbar {
	width:5px;
	background-color:#666;
}
.hscrollerbase {
	height:5px;
	background-color:#DEDEDE;
}
.hscrollerbar {
	height: 5px;
	background-color:#666;
}
.scrollerjogbox {
	width:5px;
	height:5px;
	top:auto;
	left:auto;
	bottom:0px;
	right:0px;
	background-color:#333;
}
/**/
.info ul{
	padding:0 0 18px;
}
.info ul li{
	list-style: none;
	background: url(bullet-1.gif) 0px 7px  no-repeat;
	padding:0 0 0 10px;
}
.info h2{
	margin:0 0 9px;
	font-size:12px;
	color:#333;
}
/* --------------------
	CATALOGO > colores
----------------------- */
.colores{
	position:absolute;
	width:480px;
	left:20px;
	bottom:15px;
}
.colores h3{
	font-size:11px;
	color:#666;
	margin:0 0 3px 0;
}
.colores ul li{
	display:block;
	position:relative;
	float:left;
	margin: 0 10px 0 0;
}
.colores ul li a img{
	border: 1px solid #CCC;
}
.colores ul li a:hover img{
	border: 1px solid #666;
}
.colores img.zoom{
	float:left;
	display:block;
	position:absolute;
	top:36px;
	left:36px;
}
/* --------------------
	VARIOS
----------------------- */
hr{
	display: none;
}
.hr{
	border-bottom: 1px solid #CCC;
	clear: both;
	margin: 10px 0;
}
.clear{
	clear: both;
}
.ingreso{
	display:block;
	position:absolute;
	bottom:0;
	right:0;
	margin:0;
}
.transp{
	background:transparent!important;
}
.mr-20{
	margin-right:20px;
}
.txt{
	float:left;
	width:445px;
}
/* --------------------
	CAJAS
----------------------- */
.box-2{
	width:455px;
	position:absolute;
}
/* --------------------
	BREADCUMBS
----------------------- */
.breadcrumb{
	width:725px;
	height:20px;
	padding:0 0 0 20px;
	z-index:10;
	position:absolute;
	top:130px;
	left:190px;
	background:url(bg-transp-50.png);
}
.breadcrumb p{
	margin:0;
	font:normal 10px/20px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color:#333;
}
.breadcrumb a{
	text-decoration:none;
	color:#333;
}
.breadcrumb a:hover{
	color:#000;
}
/* --------------------
	FORMS
----------------------- */
#f input{
	border:1px solid #CCC;
	padding:3px;
	font-size:11px;
	width:320px;
}
#f textarea{
	border:1px solid #CCC;
	padding:3px;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	width:670px;
	height:75px;
}
#f input:focus, #f textarea:focus{
	border: 1px solid #0AD;
}
#f label{
	padding-left:3px;
	color:#666;
}
#f .btn{
	background-color:#CCC;
	font-size:11px;
	width:70px;
	margin-top:10px;
}
/**/
#f p{
	margin:0 0 9px 0;
	font-size:11px;
}
#f .c1{
	width:350px;
	float:left;
}
#f .c2{
	width:700px;
	float:left;
}