/* = BASIC ------------------------------------- */

	body{padding:0px; margin:0px; font-family: Arial, Verdana !important; color:#666; font-size:12px !important; }
	a{color:#666; text-decoration:none;}
	a:hover{color:#000; text-decoration:none;}
	p{margin-bottom:12px; line-height:18px !important;}
	strong, b{font-weight:bold;}
	html, body{height:100%;}
	img, input{vertical-align:middle;}
	small{font-size:9px;}
	input.checkbox{vertical-align:middle;}

	/* = MISC ------------------------------------- */
	
	.bullets-on ul, ol{margin:0 0 10px 10px;}
	.bullets-on ul li, .bullets-on ol li{list-style:disc; margin:0 0 5px 0;}

	.no-border-l{border-left:0px !important;}
	.no-border-r{border-right:0px !important;}
	.margin-b-5{margin-bottom:5px;}
	.margin-b-10{margin-bottom:10px;}
	.margin-b-20{margin-bottom:20px;}
	.margin-t-5{margin-top:5px;}
	.margin-t-10{margin-top:10px;}
	.margin-t-20{margin-top:20px;}
	.no-bg{background:none !important;}
	.align-center{text-align:center;}
	.no-bg{background:none;}
	
	.bullet{padding-left:23px; background:url(../../images/icons2.gif) no-repeat 0px -23px;}
	
	h1.L, h1.M{color:#666666; font-family:"Lucida Sans", Arial; font-size:24px; letter-spacing:-0.5px; position:relative; font-weight:normal;}
	h1.M{font-size:18px;}
	h1.L a{position:absolute; right:0px; top:5px; font-size:12px; font-weight:bold; font-family:Arial, Verdana; letter-spacing:0px;}
	
	.clear{clear:both;}
	
	input.shine, select.shine, textarea.shine{border:1px solid #9a2965 !important;}
	input.file{width:40px;}
	
	.preloader0{ background:url(../../images/preloader0.gif) no-repeat 50% 75%;}
	.preloader0centered{ background:url(../../images/preloader0.gif) no-repeat 50% 50% !important;}
	.preloader0bottom{ background:url(../../images/preloader0.gif) no-repeat 50% 100% !important;}
	
	.inline-alrt-err{padding-left:10px !important; color:#ca0000; background:none !important; font-weight:bold;}
	.inline-alrt-scs{padding-left:10px !important; color:#009933; background:none !important; font-weight:bold;}
	.inline-alrt-loading{padding-left:22px; background:url(../../images/preloader1.gif) no-repeat;}
	
	/* FORMS ------------------------------------- */
	
	input.boxes, select.boxes, textarea.boxes{padding:2px; border:1px solid #999; font-family: Arial, Verdana; font-size:12px; background:#f2f2f2;}
	
	table.form{
		border-collapse:collapse;
	}
	table.form td{
		padding:2px;
	}
	table.form td.label{
		text-align:right;
		padding-right:6px;
	}
	table.form td.label div{
		line-height:20px;
		text-align:right;
	}
	table.form td.submit{
		padding-top:8px;
		text-align:center;
	}
	table.form td.header div{
		margin:8px 0 8px 0;
		padding:5px;
		font-weight:normal;
		font-size:15px;
		border-bottom:1px solid #ccc;
	}
	input.btn{
		border:1px solid #999;
		background:#f2f2f2;
		font-size:11px;
		padding:1px;
	}
	
    div.notification-box{margin-bottom:10px; font-size:12px; font-family:Arial;}
    div.notification-box ul{margin:0px; padding:0px;}
    div.notification-box ul li{list-style:none; margin-bottom:3px; padding:4px; padding-left:0; font-weight:bold !important;}
    div.notification-box ul li.error{color:#A63923; font-weight:normal; background:url("../../images/notification-error.gif") no-repeat 0px 1px;}
    div.notification-box ul li.success{color:#469E15; font-weight:normal; background:url("../../images/notification-success.gif") no-repeat;}
    div.notification-box ul li.info{color:#D38403; font-weight:normal; background:url("../../images/notification-info.gif") no-repeat;}
	
	.inputadv{border:1px solid #be1010 !important;}

	/* WRAPER ------------------------------------- */

	#wraper{width:852px; margin:20px auto; display:none;}
	#frame{ min-height:480px; border-left:1px solid #ccc; border-right:1px solid #ccc;}
	
	#intro{position:absolute; top:50%; left:50%; margin-top:-195px; margin-left:-275px; display:none;}
	#intro div.intro-wraper{position:relative;}
	#intro-nav{position:absolute; text-align:center; top:230px; left:0; width:550px; font:normal 14px Helvetica,Arial,Verdana; display:none;}
	#intro-nav a{margin:0 10px 0 10px;}

	/* HEADER ------------------------------------- */

	#header{position:relative;}
	#blocker{width:850px; height:20px; background:#fff; position:absolute; z-index:2000; top:0; left:0; -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; display:none;}
	
	#slideshow{position:relative;}
	#slideshow div.ss-shadow{font-size:0; height:5px; background:red; position:absolute; top:0; left:0; width:100%; background:url(../../images/shadow-x.png) no-repeat;}
	
	/*IE6*/ * html #slideshow div.ss-shadow{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/shadow-x.png'); display:none;}
	
	#slideshow div.imgs{height:250px; background:#ccc; overflow:hidden; z-index:2000;}
	
	/* el width y el textaling por lo de haiti */
	#logo{text-align:right; width:840px; height:38px; background:url(../../images/logo.gif) no-repeat 0 0; margin-bottom:8px;}
	
	div.frame-top, div.frame-bottom{width:100%; height:5px; font-size:0;}
	* html div.frame-top, * html div.frame-top div.frame-bottom{height:2px;}
	div.frame-top{background:url(../../images/borders.gif) no-repeat 0 0;}
	div.frame-bottom{background:url(../../images/borders.gif) no-repeat 0 -5px;}
	
	#footer{padding-top:6px;  font-size:11px;}
	#footer div.languages{float:left; width:50%;}
	#footer div.languages a{margin-right:10px;}
	
	#footer div.copy{float:right; width:50%; text-align:right;}
	#footer div.copy a{margin-left:10px;}
	
	#nav{margin-right:10px; text-align:right; margin-top:-3px; padding-bottom:1px;}
	#nav li{ height:20px; position:relative; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; }
	#nav li a{display:block; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; padding:0 7px 0 7px; color:#666; line-height:19px; text-transform:lowercase; height:20px;}
	#nav li a:hover{color:#000;}
	.nav-on{background:url(../../images/nav-link-bg.jpg) repeat-x; color:#fff !important;}
	
	div.subnav{position:absolute; z-index:500; left:50%; top:0;}
	div.subnav div.left{font-size:0; width:5px; height:27px; background:url(../../images/shadow-left.png) no-repeat; float:left;}
	div.subnav div.right{font-size:0; width:5px; height:27px; background:url(../../images/shadow-right.png) no-repeat; float:left;}
	div.subnav div.middle{height:27px; float:left;}
	/*IE6*/ * html div.subnav div.left, * html div.subnav div.right{display:none}
	div.subnav div.middle div.top{height:22px; background:#fff; }
	div.subnav div.middle div.top a{float:left;  height:22px; line-height:22px; color:#000; padding:0 6px 0 6px; color:#666;}
	div.subnav div.middle div.top a:hover{color:#000;}
	div.subnav div.middle div.bottom{font-size:0; height:5px; background: url(../../images/shadow-x.png) no-repeat;}
	
	#subnav-decostudio{margin-left:-306px; top:89px; z-index:2100; display:none;}
	/*IE6*/ * html #subnav-decostudio div.middle{width:535px; }
	#subnav-area-reservada{margin-left:230px; top:89px; display:none;}
	/*IE6*/ * html #subnav-area-reservada div.middle{width:140px;}
	
	/* CONTENT ------------------------------------- */
	
	div.section{padding:15px; }
	/*IE6*/ * html div.section{height:150px;}
	div.section h1.title{font-size:20px; height:16px; line-height:16px; margin:0 0 25px 25px; color:#999;}
	div.section h1.title span{display:block; float:left; height:16px; line-height:16px; margin-right:10px;}
	div.section h1.title a{color:#999;}
	div.section h1.title a:hover{color:#333;}
	div.section h1.title span.bullet{background:url(../../images/icons/set1.gif) no-repeat 0 -16px; padding-left:25px; }
	div.section-lined{background:url(../../images/dot.gif) 30% 0 repeat-y;}
	.section-sidemenu{float:left; width:30%}
	.section-sidemenu ul{padding-right:20px; text-align:right; min-height:180px;}
	.section-sidemenu ul li{margin-bottom:1px; }
	.section-sidemenu ul li a{display:block; color:#666; padding:2px 0 3px 5px;}
	.section-sidemenu ul li a:hover{color:#333;}
	.section-sidemenu ul li a.on{color:#333; cursor:default; font-weight:bold;}
	.section-content{float:right; width:70%;}
	div.section-content-inner{margin-left:20px; padding-right:10px;}
	.section-content div.subsection{display:none;}
	
	/* -------------------------------------------- */
	
	#Terms{width:500px; height:300px; overflow:auto;}
	
	#Contacto{}
	#Contacto li.address{margin-top:0px;}
	#Contacto li.address a{font-size:11px; font-weight:bold; padding-top:8px;}
	
	#Contacto-Contactenos{}
	#Contacto-Contactenos p{margin-bottom:10px; color:#333;}
	#Contacto-Contactenos .comentarios{padding-left:15px;}
	#Contacto-Contactenos .comentarios div{margin-bottom:5px;}
	#Contacto-Contactenos .comentarios textarea{width:200px; height:50px; overflow:auto;}
	#Contacto-Trabaja p{margin-bottom:10px; color:#333;}
	#Contacto-Trabaja .comentarios{padding-left:15px;}
	#Contacto-Trabaja .comentarios div{margin-bottom:5px;}
	#Contacto-Trabaja .comentarios textarea{width:200px; height:50px; overflow:auto;}
	#Contacto-Localizacion{}
	
	#DecostudioLibro-Solicitud p{margin-bottom:10px; color:#333;}
	#DecostudioLibro-Solicitud img{float:left; margin-right:8px;}
	#DecostudioLibro-Solicitud .comentarios div{margin:10px 0 5px 0;}
	#DecostudioLibro-Solicitud .comentarios textarea{width:300px; height:55px; overflow:auto;}
	
	#AreaClientes div.txt{float:left; margin-right:30px; width:220px; line-height:17px;}
	#AreaClientes div.login{margin-left:170px; margin-top:40px;}
	
	#AreaProveedores div.txt{float:left; margin-right:30px; width:220px; line-height:17px;}
	#AreaProveedores div.login{margin-left:170px; margin-top:40px;}
	
	#Home{width:740px; border:0 solid red; margin:20px auto auto 45px; padding:0 0 20px 0; position:relative;}
	#Home h1.title{padding:0; margin:0 0 20px 25px; border:0 solid red;}
	#Home ul.cats{margin-bottom:30px; margin-left:25px;}
	#Home ul.cats li{float:left; margin:0 13px 0 0; }
	#Home ul.cats li.last{margin-right:0;}
	#Home ul.cats li a{display:block; font-size:12px; color:#999; font-weight:bold;}
	#Home ul.cats li a.on, #Home ul.cats li a:hover{color:#333;}
	#Home div.minis-container{width:710px; height:105px; margin-left:25px; overflow:hidden; position:relative; border:0 solid red;}
	#left,#right{position:absolute; width:12px; height:21px; background:url(../../images/arrows.gif) no-repeat 0 0; display:block; z-index:100;}
	#left{background-position:0 0; top:100px; left:-20px;}
	#left:hover{background-position:0 -21px;}
	#right{background-position:-12px 0; right:-35px; top:100px;}
	#right:hover{background-position:-12px -21px;}
	.nav-disable{-moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; cursor:default;}
	#Home ul.minis{width:5000px; height:105px; position:absolute; left:0; top:0; }
	#Home ul.minis li{float:left; margin:0 50px 0 0;}
	#Home ul.minis li a{display:block; border:2px solid #fff; padding:1px; width:132px; cursor:pointer;}
	#Home ul.minis li a:hover{border:2px solid #ccc;}
	#Home ul.minis li a div.img{width:130px; height:60px; border:1px solid #fff; overflow:hidden; background:url(../../images/preloader0.gif) no-repeat 50% 50%;}
	#Home ul.minis li a div.name{background:#fff; /*height:15px;*/ line-height:12px; overflow:hidden; width:110px; margin:auto auto; text-align:center; font-size:11px; display:none;}
	#Home ul.minis li a:hover div.name{display:block;}
	#project-name{font-weight:bold; margin:3px 15px 0 28px; border-top:1px dashed #d7d7d7; text-align:center; padding:5px 0 3px 0; font-style:italic; display:none;}
	
	#newstickets{width:350px; position:absolute; left:22px; top:2px;}
	#newstickets div.newstickets-inner{position:relative;}
	#newstickets a.nav{position:absolute; display:block; width:11px; height:16px; background:url(../../images/arrows2.gif) no-repeat 0 0;}
	#newstickets a.nav-left{left:-16px; top:0; background-position:0 0;}
	#newstickets a.nav-left:hover{background-position:0 -16px;}
	#newstickets a.nav-right{right:-16px; top:0; background-position:-11px 0;}
	#newstickets a.nav-right:hover{background-position:-11px -16px;}
	#newstickets div.tickets{ overflow:hidden; position:relative; width:350px; height:16px;}
	#newstickets ul{ position:absolute; width:4000px; left:0;}
	#newstickets ul li{float:left; width:350px; height:16px; font-size:11px; overflow:hidden; text-align:center; line-height:16px;}
	#newstickets ul li a{display:block; text-align:center; line-height:16px;}
	#newstickets ul li a:hover{}
	
	#Newsletter-Suscribete form{margin-top:10px;}
	#Newsletter-Suscribete input.boxes{ width:150px; margin-right:8px;}
	#Newsletter table{width:100%;}
	#Newsletter table tr td{border-bottom:1px solid #ccc; padding:6px; }
	#Newsletter table tr td a{line-height:17px; display:block;}
	#Newsletter table tr td img{float:left; margin-right:8px;}
	#Newsletter table tr td.date{width:60px; vertical-align:top;}
	#Newsletter-Archivo table tr td.date{width:130px;}
	#Newsletter table strong.more{color:#666; font-size:11px;}
	#Newsletter table tr.on td{background:#eee;}
	#Newsletter table tr.on a.news-title{font-size:16px; font-weight:bold; color:#333;}
	#Newsletter table tr.on a.news-title img{display:none;}
	#Newsletter div.news-details{min-height:100px; margin:10px 10px 5px 0; border:2px solid #ccc; background-color:#fff !important;}
	#Newsletter div.news-details-inner{background-color:#fff; padding:15px; }
	#Newsletter div.news-details div.img{float:left; margin:0 8px 8px 0;}
	#Newsletter div.news-details div.images{margin-top:15px;}
	#Newsletter div.news-details div.images a{margin:0 8px 8px 0; display:block; float:left; padding:0;}
	#Newsletter div.news-details div.text p{}
	#Newsletter div.news-details div.docs{margin-top:15px;}
	#Newsletter div.news-details div.docs a{display:block; padding:0 0 2px 0; width:80%;}
	#Newsletter div.news-details div.docs h2{font-weight:bold; padding-bottom:3px; margin-bottom:5px; border-bottom:1px solid #ccc;}
	
	#AreaPrivadaClientes{margin-left:25px; margin-right:25px;}
	#AreaPrivadaClientes h1.title{margin-left:0; position:relative;}
	#AreaPrivadaClientes div.select-project{padding:8px; border:1px solid #ccc; background-color:#f2f2f2; margin-bottom:20px;}
	#AreaPrivadaClientes div.select-project p{margin-bottom:5px;}
	#login-alert{border:1px solid #800000; padding:4px; margin-top:8px; text-align:center; display:none;}
	#client{min-height:150px;}
	#AreaPrivadaClientes h1.title{margin-bottom:10px;}
	#AreaPrivadaClientes div.txt{margin-bottom:10px; line-height:17px;}
	#logout{position:absolute; font-size:12px; top:3px; right:0;}
	
	#AreaPrivadaClientes-Contenido div.folders{margin-bottom:15px;}
	#AreaPrivadaClientes-Contenido div.folders a{margin-right:15px; font-size:11px;}
	#AreaPrivadaClientes-Contenido div.folders a.on{font-weight:bold;}
	
	#AreaPrivadaClientes-Atencion tr.comments{display:none;}
	
	#AreaPrivadaClientes-Postventa textarea{width:500px; height:100px; margin-bottom:10px; display:block;}
	
	table.list{border:1px solid #ccc; border-collapse:none;}
	table.list thead th, table.list tbody td{padding:7px 15px 7px 12px; text-align:left;}
	table.list thead th{font-weight:bold; background-color:#ebebeb;}
	table.list tbody td{border-top:1px solid #ccc;}
	table.list a{color:#009E38;}
	table.list a:hover{color:#000;}
	
	/* FOOTER ------------------------------------- */