/* Shining at me */

/*

------------------------------------------------------
Copyright Bruno Kerrien,
some rights reserved
http://creativecommons.org/licenses/by-sa/2.0/

You are free to use this style sheet and its
associated image files to create your own site.
However, we ask that you respect the template's
creator by maintaining this attribution in
the style sheet.
------------------------------------------------------

*/

body {
	background: #C6C6C6;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;
	text-align: center;
	font-size: small;
	color: #666666;
}

/* --- Links --------- */

a {
color: #FF6600;
text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #FF3300;
}

/* --- H1, H2, H3 --------- */

h1, h2, h3 {
font-family:  Georgia, "Times New Roman", Times, serif;
font-weight: normal;
margin-top: 0;
color: #666666;
}

h1 {
background: transparent url("img/bullet_red.gif") no-repeat 0 55%;
border-bottom: 1px dotted #930;
padding-left: 12px;
font-size: 150%;
}

h2 {
background: transparent url("img/bullet_orange.gif") no-repeat 0 55%;
padding-left: 10px;
font-size: 133%;
}

h3 {
background: transparent url("img/small_bullet_yellow.gif") no-repeat 0 55%;
padding-left: 8px;
font-style: italic;
font-size: 110%;
}

/* --- Wrap --------- */

#wrap {
	background: transparent repeat-y left top;
	width: 792px;
	margin: 0 auto;
	padding: 0;
	height: 100%;
	text-align: left;
	border: thin dotted #999999;
	border-top:none;
	position:relative;
}
/* --- Banner --------- */

#banner {
	background: transparent url(logo.jpg) no-repeat left top;
	height: 170px;
	margin: 0;
	color: #CCCCCC;
}

#banner p {
background: transparent url("img/large_bullet_yellow.gif") no-repeat 0 90%;
font-family:  Georgia, "Times New Roman", Times, serif;
font-size: 26pt;
text-indent: 20px;
color: #fff;
margin: 0 48px;
padding-top: 0.5em;
min-height: 21px;
line-height: 1em;
}

/* --- Nav top level --------- */

#nav-toplevel {
	background: url(none) no-repeat left top;
	height: 20px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

#nav-toplevel ul {
list-style-image: none;
margin: 0;
padding: 0;
}

/* --- Nav meta --------- */

#nav-meta {
height: 30px;
font-size: 85%;
line-height: 1.25em;
}

#nav-meta ul {
	margin: 0px 20px 0 490px;
	border-bottom-style: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}

#nav-meta ul li {
display: inline;
float: left;
}

#nav-meta ul li a {
	display: block;
	background: transparent no-repeat 50%;
	padding: 0 10px 0 8px;
	color: #A5BCD3;
	text-decoration: none;
	border: none;
}

#nav-meta ul li a:hover {
background: #FFFFFF no-repeat 50%;
color: #FFF;
}

/* --- Nav main --------- */

#nav-main {
	background: #eee;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	border: none;
}

#nav-main ul {
	margin-left: 0px;
	background-image: url(img/tabs.gif);
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}

#nav-main ul li {
	/*float: left;
	margin-right: 0px;
	text-align: center;
	*/
	float:left;
	list-style:none;
	padding:0;
	background-image: url(img/tabs.gif);
}

#nav-main ul li a {
	float:left;
	display:block;
background: transparent url("img/tabs.gif") no-repeat 0 0;
height: 20px;
line-height: 20px;
color: #336699;
text-decoration: none;
font-weight: bold;
padding:0 12px 0 13px;
}

#nav-main ul li a.current {
	background: transparent url(img/tabs.gif) no-repeat left;
	color: #000066;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding:0 14px;
}

#nav-main ul li a:hover {
background: transparent url("img/tabs.gif") no-repeat 0 -26px;
color: #FF3300;
}

#nav-main ul li a.current:hover {
background: transparent url("img/tabs.gif") no-repeat 0 -52px;
}

/* --- Container --------- */

#container {
	background-color: #FFFFFF;
	border: none;
	padding:0;
	margin:0;
	width:790px;
	position:relative;
	clear:both;
}

/* --- Content --------- */

#content {
	float: left;
	margin: 0;
	padding: 16px;
	border: none;
	width: 490px;
}

#content p, #content ol, #content ul {
	font-size: 100%;
	line-height: 1.5em;
	border: none;
}

/* --- Nav subs --------- */
#nav-subs {
	clear:none;
	padding: 0;
	font-size: 100%;
	line-height: 1.5em;
	border: none;
	float:right;
}

#nav-subs ul {
list-style: none;
margin-left: 16px;
margin-right: 16px;
padding-left: 0;
border-top: 1px solid #8EA7C6;
}

#nav-subs ul li {
padding: 1px 0;
border-bottom: 1px solid #8EA7C6;
}

#nav-subs ul li a {
position: relative;
display: block;
float: left;
width: 100%;
background: transparent url("img/small_bullet_red.gif") no-repeat 4px 50%;
color: #6699CC;
text-indent: 14px;
text-decoration: none;
}

html>body #nav-subs ul li a {
float: none;
}

#nav-subs ul li a:hover {
background: #E5F0F5 url("img/small_bullet_red.gif") no-repeat 4px 50%;
color: #000066;
}

#nav-subs ul li a.youarehere {
color: #930;
}

/* --- Nav section --------- */

#nav-section {
background: transparent url("img/bgd_sidebar_top.jpg") no-repeat top left;
padding-top: 24px;
min-height: 156px;
}

/* --- Nav supp --------- */

#nav-supp {
background: transparent url("img/bgd_sidebar_sub.jpg") no-repeat top left;
padding-top: 8px;
min-height: 156px;
}

/* --- Info site --------- */

#info-site {
	position:relative;
	clear:both;
	background: #FFFFFF url(img/basefondo.jpg) no-repeat left top;
	width: 792px;
	height:50px;
	padding-top: 12px;
	text-align: right;
	border-top:thin dotted #999;
}

#info-site p {
font-size: 75%;
clear:both;
}

/* --- Info company --------- */

#info-company {
	margin: 0 16px;
	color: #666666;
	clear:both;
}

#info-company a {
	text-decoration: none;
	color: #666666;
}

#info-company a:hover {
	color: #666666;
}

/* --- Info standards --------- */

p#info-standards {
margin: 4px 314px 0 610px;
padding-bottom: 6px;
display:none;
clear:both;
}

a#xhtml {
display: block;
float: left;
background: transparent left top;
width: 78px;
height: 13px;
border: 0px none;
}

html>body a#xhtml {
margin: 0 82px 0 0;
}

a#xhtml:hover {
border: 0px none;
}

#xhtml span {
display: none;
}

#css {
display: block;
background: transparent left top;
width: 78px;
height: 13px;
border: 0px none;
}

html>body #css {
margin: 0 0 0 82px;
}

a#css:hover {
	border: 0px none;
}

#css span {
display: none;
}
#info-company2 {
	color: #333333;
	margin: 0 16px;
	text-align: left;
	text-indent: 100pt;
	vertical-align: top;
}
#info-company2 a:hover {
color: #333333;
}
#info-company2 a {
color: #666666;
text-decoration: none;
}
/**/
/*span.bf {float:right; margin-right:2em;}

.nails div{
	width:89px;
	height:80px;
	float:right;
	position:relative;
	padding:3px;
	
}
.nails div a{
	display:block;
	background-image:url(images/transparent2.png)!important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/transparent2.png',sizingMethod='scale');
	background: none;
	width:84px;
	height:74px;
	position:absolute;
	top:0px;
	left:0px;
	text-decoration:none;
	border:1px solid #ddd;
	text-indent:-999em;
	outline:none;
}
.nails div a:hover{
	text-decoration:none;
	border:1px solid #F27E43;
	background:none!important;
}
.nails div a.current{
	text-decoration:none;
	border:1px solid #F27E43;
	background:none!important;
}
.nails div a.current:hover{
	cursor:default;
}
div.lastDiv{
	width:80px;
}*/

#nails a {
	float:left;
	display:block;
	margin:3px;
	border:1px solid #ddd;
	padding:3px;
}
#nails a:hover, #nails a.current {border:1px solid #F27E43;}
#nails a img {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
	border:none;
	display:block
}
#nails a:hover img, #nails a.current img {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
#nails a.current img {cursor:default}
#bigPhoto{
	text-align:center;
	padding:2px;
	width:524px;
	height:355px;
	background:#F5F5EB url(images/load.gif) no-repeat 50% 50%;
	vertical-align:center;
}
#bigPhoto img{
	border:2px solid #EEC;
	background:none;
	margin:auto;
}