body	{font-family: Georgia, "Times New Roman", Serif;}
body .container	{margin-left: 21px;margin-right: 0px; }
#content	{margin-left: 21px;}

body img.background {position: absolute;  top: 0; left: 0; overflow: hidden; width: 100%; min-width: 1000px;z-index:-1;}

body ul#nav	{margin: 0 1.5em 0 1.5em;;list-style-type:none;}
body ul#subnav	{margin: .7em 1.5em 0 1.5em; list-style-type:none;}
ul#nav li,
ul#subnav li	{float: left; padding: 0px;}
ul#nav a	{display:block;padding: 0px .1em .6em 2em; }
ul#subnav a	{display:block;padding: 0px 0px .2em 1.7em; }
ul#subnav a	{width: 165px;_width: 185px; margin-bottom: .8}

#claim	{margin-top: 3em; margin-left: 180px; _margin-left: 30px!important;}

#works #content	{margin-top: 0px; margin-right: 50px; _text-align: left;}
#works #gallery	{height: 350px; margin: 0px; padding: 0px; overflow-x: scroll; overflow-y: hidden; _overflow: auto; _width: 90%;}
#works #gallery img
	{float: left;margin: 0px; padding: 0px;}
#works #desc p	{float: left; margin-top: 5px; margin-right:26px;}

/** Logo  **/

#logo span	{display:none;}
#logo  a 	{display: block; height: 130px; width: 154px;}
html>body#home #logo  a, html>body#clientes #logo  a, html>body#news #logo  a,  html>body#servicios #logo  a,  html>body#cayena #logo  a, html>body#contacto #logo  a
	{background: transparent url(logo-white.png)  no-repeat top left;}
#home #logo a, #clientes #logo a, #news #logo a, #clientes #logo a, #servicios #logo a, #contacto #logo a, #cayena #logo a
       	{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='logo-white.png')!important; cursor: pointer;}

html>body#works #logo  a 
	{background: transparent url(logo-color.png)  no-repeat top left;}
#works #logo a      {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://cayena.es/logo-color.png')!important; cursor: pointer;}




#box	{margin-top: 0px; margin-left: 180px; _margin-left: 93px; padding-bottom: 20px;}
#news #box div, #cayena #box div
	{float: left; width: 218px;_display: inline; margin-left: 18px; margin-right: 8px;}
#servicios #box div,
#clientes #box div,
#contacto #box div	{float: left; width: 327px;_display: inline; margin-left: 18px; margin-right: 8px;}
#clientes #box div + div
	{border-left: 3px solid #000;}

#news #box div.item	{position: relative;margin-top: 20px;  height: 218px;}
#news #box div.item img
	{margin:0px; padding: 0px; width: 218px; height: 218px;}
#news #box div.item div
	{position: absolute; width: 150px; top: 18px; left: 18px; margin-right: 18px; margin-left: 0px;}


html>body#clientes #box, html>body#servicios #box, html>body#cayena #box, html>body#contacto #box, html>body#news #box
	{background:  url(../bkg-trans.png)  no-repeat top left;}
	
#clientes #box, #servicios #box, #clientes #box, #contacto #box, #cayena #box, #news #box
	{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='bkg-trans.png')!important;}
#clientes #box h2, #servicios #box h2,#cayena #box h2, #contacto #box h2
	{margin: 30px 0 20px;}

#news  #box div.item  a.vertexto	
	{display: none;}
#news #box div.item p
	{height: 140px;  padding: 5px; padding-right: 10px; margin-top: 0px;  color: #FFF;}
	


div.special
	{margin: 30px 0 20px; height: 320px; min-height: 320px; border-left: 2px solid #000;}

div.special h3, div.special p
	{margin: 5px 0px 5px 15px;}
#contacto #box div	{margin-top: 30px;}
#contacto #box h2	{display:none;}



/** type **/
ul#nav li	{font-size:0.9em; _font-size:0.9em; text-transform: uppercase;}
ul#nav li, x:-moz-any-link 
	{font-size:0.9em}
ul#subnav li	{font-size:0.89em;_font-size:0.85em;}
ul#subnav li, x:-moz-any-link 
	{font-size:0.87em}
ul#nav a	{text-decoration: none;line-height: 1.7em;}
ul#subnav a	{text-decoration: none;line-height: 1.2em;}
/**
ul#nav a.active,
ul#nav a.active	{text-decoration:line-through;}
**/


ul#nav a.active span
	{padding-left: 2px; padding-right: 1px;  background-color: transparent; background-repeat: repeat-x; background-image: url(dot-white.gif); _background-position: 0px 6px;}
#works ul#nav a.active span
	{background-image: url(red-white.gif)}
html>body ul#nav a.active span
	{background-position: 0px 5px;}
html>body ul#nav a.active span, x:-moz-any-link 
	{background-position: 0px 6px;}




#claim h2	{font-size: 20em; line-height: 90%;_margin-left: .5em;}
#works h2	{font-size: 3em;}

#works #desc p	{width:190px;font-size: .9em; font-family: helvetica, arial, "san-serif";}

#box h2	{font-family: Georgia, "Times New Roman", Serif;  font-size: 2em; line-height: 130%;}
#box p	{font-family:Arial, Verdana, "San Serif"; font-size: .9em; line-height: 150%;}

div.special h3	{font-family:Arial, Verdana, "San Serif"; font-size: .9em; font-weight: bold; text-transform: uppercase; line-height: 120%;}

div.special ul	{font-family:Arial, Verdana, "San Serif"; font-size: .9em; line-height: 130%; list-style-type: none;}

#news .item h3	{font-family:Arial, Verdana, "San Serif"; font-size: 1em; font-weight: bold; line-height: 120%; margin-bottom: 0px; padding: 9px 2px 3px 5px; }


/** colors **/
#home ul#nav, #clientes ul#nav, #news ul#nav, #cayena ul#nav, #servicios ul#nav, #contacto ul#nav
	{border-bottom: 1px solid #FFF;}
#home #header a, #clientes #header a, #news #header a, #cayena #header a, #servicios #header a, #contacto #header a
	{color: #FFF;}
#home #claim h2	{color:#FFF;}

#works ul#nav	{border-bottom: 1px solid #ba1221;}
#works #header a	{color: #000;}
#works #claim h2	{color:#000;}


#news .item a	{color: #FFF; text-decoration:none; font-weight:bold;}


html>body#news #box div.item div
	{background:  url(../bkg-black-trans.png)  no-repeat top left;}
	
#news #box div.item div
	{background: #000;}


#box a	{color: #000;}

#news h3  	{color: #FFF;}
#news .item p a	{text-decoration: underline;}
body img.background, x:-moz-any-link 
	{z-index:10;}
body .container, x:-moz-any-link{position: relative; z-index:20;}




#box p     {_position: relative; _z-index: 2; }
#box p a   {_cursor: pointer;}




#contacto	{background: #ccc;}