@charset "utf-8";
/* CSS Document */

/***********************************************/
/* pagina diseñada ideayaccion          */
/***********************************************/ 

*{
	margin-top: 12;
	margin-right: 12;
	margin-bottom: 0;
	margin-left: 12;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 10;
}
body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	background-image: url(../img/fondo_b.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
body#index {
	background: url(../img/fondo.jpg) top repeat-x;
	background-color: #fff;
}
body#quienes {
	background: url(../img/fondo.jpg) top repeat-x;
	background-color: #fff;
}
h1, h2, p { margin: 0 0 14px 0; }
h1{ 
	font: 18px Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
}
h2{
	font: 11px/1.5 verdana, arial, helvetica, sans-serif;
	background-color: #0073BF;
	padding: 2px 8px;
	display: block;
	font-weight: bold;
}
h3, h4, h5{
	font: 12px/1.5 verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding-top: 5px;
	padding-right: 34px;
	padding-bottom: 6px;
	padding-left: 34px;
}
h3{	
    background: url(../img/bullet01.gif) 12px 10px no-repeat; 
    background-color: #B8CC66; }

h4{
	background-color: #0073BF;
	background-image: url(../img/bullet02.gif);
	background-repeat: no-repeat;
	background-position: 12px 10px;
}

h5{	
    background: url(../img/bullet03.gif) 12px 7px no-repeat; 
    background-color: #B8CC66; }

h6{ 
    font: 11px/1.5 verdana, arial, helvetica, sans-serif; 
    font-weight: bold; 
    margin: 0 0 5px 0; }

a, a:hover, a:visited {
	color: #000000;
	border: none;
	text-decoration: none;
}

a:hover {
	background-color: #FFFFFF;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}

a, a:visited {
	background: none;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}

img {
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-width: 0px;
}

ul {
	list-style: none;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 16px;
	margin-left: 20px;
}
ol { margin: 0 0 18px 30px; }
blockquote{
	display: block;
	background: url(../img/quote.gif) top left no-repeat; 
	font: 14px/1.5em Verdana, Arial, Helvetica, sans-serif;
	float: left;
	width: 438px;
	padding: 2px 10px 2px 42px;
	margin: 0 0 10px 0;
}
hr{
	border: 0;
	color: #93AF1D;
	background-color: #93AF1D;
	height: 1px;
	margin: 16px 0;
}


/*** Main containers ***/
#content {}
#contentwrap {
	margin: auto;
	width: 810px;
}
#header{
	width: 790px;
	height: 130px;
	background-image: url(../img/header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#leftcol, #rightcol {
	float: left;
	display: block;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#leftcol {
	margin: 0;
	width: 490px;
	height: auto;
}
#rightcol {
	width: 276px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20;
	margin-left: 12px;
}
#index #rightcol {
	padding-top: 31px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 10px;
}
#footer2 {
	color: #0372B9;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border-bottom-width: thick;
	border-top-style: solid;
	border-top-color: #0372B9;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-right: 0;
	padding-bottom: 20;
	padding-left: 0;
	font-weight: bold;
}
#footer {
	color: #0372B9;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #0372B9;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 20;
	padding-left: 0;
}


/*** menu ***/
#nav {
	padding: 0;
	list-style: none;
	float: left;
	margin-top: 10px;
	margin-right: 4px;
	margin-bottom: 10px;
	margin-left: 4px;
}
#nav ul { margin: 0; padding: 0; }
#nav li {
	float: left;
	position: relative;
	padding: 1px 2px;
	font-size: 12px;
}
#nav li a, #nav li a:hover, #nav li .active{
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}
#nav li a {
	color: #FFFFFF;
}
#nav li a:hover {
	color: #FFFFFF;
	background-color: #0372B9;
}
#nav li .active{
	color: #fff;
	background-color: #0372B9;
}
#nav li .active a, #nav li .active a:hover { 
	padding: 0;
	text-decoration: none;
	display: block;
}
#nav li .active a{ 
    color: #fff; 
    background-color: #5a6b16; }
	
#nav li .active a:hover{ 
    color: #c3d773; }


/*** Sub navegacion ***/
#subnav {
	list-style: none;
	background-color: #E5E5E5;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
}
#subnav li {
	margin: 0;
	padding: 5px 0 5px 10px;
	border-top-width: thick;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	background: url(../img/lista.gif) 5px 9px no-repeat;
	padding-left: 12px; 
}
#subnav li a {
	background: none;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}

#subnav li a:hover {
	text-decoration: none;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}

#subnav li a.active { 
    font-weight: bold; 
    text-decoration: none; }

#subnav li ul { 
    margin: 0; 
	padding: 0 6px; }
	
	
#subnav li ul li{ 
border-top-width: thick;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	
background: url(../img/lista.gif) 0 9px no-repeat; 
padding-left: 12px; }


/*** Top Navegacion ***/
.topnav{ padding: 12px 0 0 0; float: right; }
.homeicon, .contacticon, .topnavtext{ float: left; }
.homeicon a:hover, .contacticon a:hover{ background: none; }
.topnavtext{ color: #dce6b4; font-size: 11px; }
.topnavtext a, .topnavtext a:visited{ color: #dce6b4; text-decoration: none; padding: 6px; }
.topnavtext a:hover{ color: #fff; text-decoration: none; background-color: #5a6b16;	padding: 6px; }


/*** Default displays ***/
#kayunatitle{
	background: url(../img/kayunatitle.png) top left no-repeat;
	width: 396px;
	height: 20px;
	margin: 60px 0 0 0;
}
#copyright{ 
    margin: 10px 0 0 0; }
	
#categorias { 
    color: #fff; 
    padding: 2px 0 0 12px; }

#categorias a { 
    color: #fff; 
    text-decoration: none; } 

#categorias a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #004489;
	padding-right: 2px;
	padding-left: 2px;
}


/*** Picture links ***/
.link03{
	padding: 0px;
	width: 268px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	background-repeat: no-repeat;
	background-position: left top;
	height: 91px;
}
.link04{
	padding: 0px;
	width: 268px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	background-repeat: no-repeat;
	background-position: left top;
	height: 80px;
}
.link05{
	padding: 0px;
	width: 268px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	background-repeat: no-repeat;
	background-position: left top;
	height: 124px;
}
.tipslink, .stablelink, .nanoteclink, .maintainlink, .subfloorlinkm, .installation{
	padding: 12px;
	width: 248px;
	height: 145px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}
.tipslink{ background: url(../img/tipslink.jpg) top left no-repeat;	background-color: #CDE572;  text-align: right;  }
.stablelink{
	text-align: right;
	background-image: url(../img/iso.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.maintainlink{
	text-align: right;
	background-image: url(../img/iso.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.nanoteclink{ padding: 105px 12px 6px 12px;	background: url(../img/nanoteclink.gif) top left no-repeat; background-color: #CDE572; text-align: center; }
.diylink{
	padding: 7px;
	background-image: url(../img/es1.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 350px;
}
.subfloorlink{ padding: 12px; background: url(../img/subfloorlink.gif) top left no-repeat; }


/*** mapping for the New Range icon ***/
dl.map {
	position:relative;
	width: 500px;
	height: 350px;
	margin:0px;
	padding:0px;
	background-repeat: no-repeat;
}
dl.map dt {
	list-style:none;
	display:inline;
}
dl.map dd {
	position:absolute;
	left:-9999px;
	width:200px;
	padding:4px;
}
dl.map a.newrange {
	display:block;
	position:absolute;
	width:100px;
	height:100px;
	outline:none;
	z-index:10;
	text-decoration:none;
}
dl.map a.newrange, a:hover.newrange { background: none; }
dl.map a#newrange01 { top:0; left:390px; }


/*** Collection Display ***/
.col01, .col02{ float: left; width: 230px; }
.col01{ margin: 0 30px 0 0; }
.panel{
	background-color: #fff; 
	text-align: center; 
	border: 1px dashed #B8CC66;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
}

.prodconstruction{ width: 250px; float: left; }

.scenepic01{ background: url(../img/scene01.png) top left no-repeat; width: 577px; height: 332px; }
.kayunalogo{ padding: 0 0 0 12px; background: none; border: none; }

.link02{ text-align: right; margin: 0 0 12px 0; }
.link02 a{ padding: 2px 0px; background: none; }
.link02 a:hover{ padding: 2px 0px; background-color: #F8EDED; }

.rightside{ float:right; margin: 0; }
.leftside{ float:left; margin: 0 14px 0 0; }

.list01, .list03 { list-style-type: square; }
.list03 li, .list05 li { padding: 0 0 12px 0; }
.list04 { margin-bottom: 0; padding-bottom: 0; }
.list04 li { list-style-type: circle; padding: 0 0 12px 0; }
.list06 { margin: 0 0 0 4px; width: 236px; float: right; }
.list02{ 
	margin: 0; 
	padding: 8px 12px; 
	list-style: none; 
	background: url(../img/list02bg.gif) left bottom repeat-x;
	background-color: #DCE6B4;
	border: 1px dashed #B8CC66; 
	float:left;
}
.list02 li { margin: 0; padding: 4px 0; float: left; }
.list02 li ul{ margin: 0; padding: 0; float: left; }
.list02 li ul li{ 
	margin: 0; 
	padding: 0 0 0 14px; 
	float: left; 
	width: 138px; 
	background: url(../img/list02.gif) 0 5px no-repeat; 
}
.list02tech{
	margin: 0; 
	padding: 8px 12px; 
	list-style: none; 
	background: url(../img/list02bg.gif) left bottom repeat-x;
	background-color: #DCE6B4;
	border: 1px dashed #B8CC66; 
	float:left;
}
.list02tech li { 
	margin: 0; 
	padding: 0 0 0 10px; 
	width: 98px; 
	float:left;
	text-align: center;
}
.list02 li ul li a, .list02tech li a { padding: 2px 0; background: none; }
.list02 li ul li a:hover, .list02tech li a:hover { padding: 2px 0; background-color: #F8EDED; }

.productspecicon, .installationicon, .maintenanceicon, .warrantyicon{ width: 69px; height: 67px; padding: 0 0 4px 24px; }
.productspecicon{ background: url(../img/productspecicon.jpg) center top no-repeat; }
.installationicon{ background: url(../img/installationicon.jpg) center top no-repeat; }
.maintenanceicon{ background: url(../img/maintenanceicon.jpg) center top no-repeat; }
.warrantyicon{ background: url(../img/warrantyicon.jpg) center top no-repeat; }

.contact01{
	float: left;
	width: 55px;
	margin: 0;
}
.contact02{
	float: left;
	width: 435px;
	margin: 0;
}
.title01{ 
	font: 12px/1.5 verdana, arial, helvetica, sans-serif; 
	font-weight: bold; 
	margin: 0 0 5px 0; 
	padding: 4px 20px;
	background: url(../img/bullet04.gif) 0px 7px no-repeat; 
}
.note{ color: #92216B; font-weight: bold; }