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

html, body, div, span, applet, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style: none;}
address, caption, cite, code, dfn, em, strong, th, var {font-weight: normal;font-style: normal;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-weight: normal; font-size: 100%;}
q:before, q:after {content: '';}
abbr, acronym {border: 0;}

html, body {height:100%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background:#FFFFFF; text-align: center; font-family: Helvetica, Arial, sans-serif; }
a {text-decoration:none; color: #000}
a img, fieldset, img { border: none ; }
a:hover {text-decoration:none; color: #5170A1; }
a:hover span { cursor: pointer }
a:active, a:focus {outline:none; }
acronym {cursor: help;}
a.lang {color: #FFF}
a.lang:hover {color: #333}

#floater {position:relative; float:left; height:50%; margin-bottom:-257px; width:1px;}
#content {clear:both; height:502px; width:972px; margin: 0 auto; text-align: left; position:relative; }
#rightcol {float:right; height:502px; width:220px;}
#imageBox {float:left; width:750px; height:500px; border:1px solid #000; background-image:url(images/loading.gif) no-repeat center;}
#swings {float:right; width:746px; height:498px; border:thin solid;}
#logo {padding:30px 0px 0px 20px; display:block;}
h1 {color: #555; font-family: Verdana, Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 11px; text-align:left; margin:-10px 0px 12px 30px; font-weight:400}
h1 a {margin-left:0px; color:#000}
h1 a:hover, tag a:hover { color:#000;}
tag {display:block; color: #555; font-family: Verdana, Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 11px; text-align:left; margin:-12px 0px 12px 30px; font-weight:400}
tag a {margin-left:0px; color:#000}
#copyright {color: #666666; font-family: Verdana, Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 9px; clear:both; width:200px; padding-top: 2px;}
p.menu {padding-bottom: 14px;}
.multi {padding:180px 0px 0px 30px; line-height:27px; vertical-align:top;}
h2 {padding:80px 0px 0px 30px; width:150px; color: #666666; font-family: Verdana, Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 9px; text-align:left}
#dtp {position: absolute; bottom: 2px; left:6px; color: #666; font-family: Helvetica Neue, Arial, sans-serif; font-size: 10px; }
#SSVtitle {color: #ff7010; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold; line-height:1.3; padding-bottom:6px}
#SSVq {color: #888; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold; line-height:1.3; padding-bottom:6px;}
#SSVexpl {color: #999999; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 11px; line-height:1.3}
#about {width:470px; height:400px; background-color:#DADADA; color: #333; font-family: Helvetica, Arial, Helvetica, sans-serif; font-size: 13px; line-height:1.4em; padding:100px 140px 0px 140px; }
#textbloc {position: relative; float:right; width:750px; height:500px; background-color:#DADADA; color: #333; font-family: Helvetica, Arial, Helvetica, sans-serif; font-size: 13px; line-height:1.4em;}
#oops {width:750px; height:500px; margin: 150px 0px 0px 140px; font-family: Times, serif; color:#666; }
h3 {font-size: 30px; font-weight:600; line-height:2em; }
h4 {font-size: 20px; font-weight:400; line-height:1.4em; }

#fb {position:absolute; background-color:#DADADA; color:#444; font-size:13px; top:20px; left:20px; line-height:0; width:200px;}
#fbhp {padding:5px 0px 0px 30px;}

#textabout {position:absolute; color:#444; width:275px; font-size:13px; top:60px; left:370px;}
#textaproposde {position:absolute; color:#444; width:275px; font-size:13px; top:60px; left:370px;}
#textcontact {position:absolute; color:#333; width:275px; font-size:13px; top:60px; left:370px; line-height:2.4em;}
#textcontact a { border-bottom: 1px dotted #666;}
#textcontact a:hover {border-bottom: none;}
#skype img {vertical-align:-7px;}
#skype a {border:none;}

#lang {font-size:18px; font-family: Georgia, 'Times New Roman', Times, serif; bottom:70px; left:370px; font-style:italic;}
#lang a, #langfr a {color:#999;}
#lang a:hover {color:#5170A1;}
#langfr {font-size:18px; font-family: Georgia, 'Times New Roman', Times, serif; bottom:70px; left:370px; font-style:italic;}
#langfr a:hover {color:#5170A1;}

#texttitle {position:absolute; float:left; color:#FFF; font-size:86px; font-family: Georgia, 'Times New Roman', Times, serif; bottom:-12px; left:10px; line-height:1;}
#texttitleb {float:left; position:absolute; color:#FFF; font-size:66px; font-family: Georgia, 'Times New Roman', Times, serif; bottom:-12px; left:10px; line-height:1;}
#texttitlefr {float:left; position:absolute; color:#FFF; font-size:60px; font-family: Georgia, 'Times New Roman', Times, serif; bottom:1px; left:10px; line-height:1;}

#textclient {float:left; background-color:#DADADA; color:#444; width:275px; font-size:13px; font-family: Helvetica, Arial, sans-serif; padding:150px 0px 0px 0px; line-height:1.4em}
.contact {color: #333; font-family: Helvetica, Arial, Helvetica, sans-serif; font-size: 13px; line-height:2em; background-color:#DADADA }
#social {padding-top:10px; background-color:#DADADA;}
#social a {border: none;}
#fluent {padding-top:30px; background-color:#DADADA;}
#nav {background:url("images/nav.png") 0px 0px no-repeat;height: 218px; width: 75px; margin:60px 0px 0px 30px; padding: 0px;}
#nav li, #nav a {height:31px;/* Each button must have the same height, define it here */display:block; margin:0; padding:0px; width:75px;}  
li#news, li#portraits, li#multimedia, li#corporate, li#about , li#contact, li#clientarea { margin:0px; width:75px; }
#nav_news a:hover {background:url("images/nav.png") -77px -0px no-repeat; }
#nav_portraits a:hover {background:url("images/nav.png") -77px -31px no-repeat; }
#nav_multimedia a:hover {background:url("images/nav.png") -77px -62px no-repeat; }
#nav_corporate a:hover {background:url("images/nav.png") -77px -93px no-repeat; }
#nav_about a:hover {background:url("images/nav.png") -77px -124px no-repeat; }
#nav_contact a:hover {background:url("images/nav.png") -77px -155px no-repeat; }
#nav_clientarea a:hover {background:url("images/nav.png") -77px -186px no-repeat; }
#nav_news_current {background:url("images/nav.png") -77px -0px no-repeat; }
#nav_portraits_current {background:url("images/nav.png") -77px -31px no-repeat; }
#nav_multimedia_current {background:url("images/nav.png") -77px -62px no-repeat; }
#nav_corporate_current {background:url("images/nav.png") -77px -93px no-repeat; }
#nav_about_current {background:url("images/nav.png") -77px -124px no-repeat; }
#nav_contact_current {background:url("images/nav.png") -77px -155px no-repeat; }
#nav_clientarea_current {background:url("images/nav.png") -77px -186px no-repeat; }
#navfr {background:url("images/navfr.png") 0px 0px no-repeat;height: 218px; width: 75px; margin:60px 0px 0px 30px; padding: 0px;}
#navfr li {height:31px;/* Each button must have the same height, define it here */display:block; margin:0; padding:0px;}  
#navfr a {height:31px;/* Each button must have the same height, define it here */display:block; margin:0; padding:0px;}  
li#news, li#portraits, li#multimedia, li#corporate, li#about , li#contact, li#clientarea { margin:0px; width:75px; }
#navfr_news a:hover {background:url("images/navfr.png") -77px -0px no-repeat; }
#navfr_portraits a:hover {background:url("images/navfr.png") -77px -31px no-repeat; }
#navfr_multimedia a:hover {background:url("images/navfr.png") -77px -62px no-repeat; }
#navfr_corporate a:hover {background:url("images/navfr.png") -77px -93px no-repeat; }
#navfr_about a:hover {background:url("images/navfr.png") -77px -124px no-repeat; }
#navfr_contact a:hover {background:url("images/navfr.png") -77px -155px no-repeat; }
#navfr_clientarea a:hover {background:url("images/navfr.png") -77px -186px no-repeat; }
#navfr_news_current {background:url("images/navfr.png") -77px -0px no-repeat; }
#navfr_portraits_current {background:url("images/navfr.png") -77px -31px no-repeat; }
#navfr_multimedia_current {background:url("images/navfr.png") -77px -62px no-repeat; }
#navfr_corporate_current {background:url("images/navfr.png") -77px -93px no-repeat; }
#navfr_about_current {background:url("images/navfr.png") -77px -124px no-repeat; }
#navfr_contact_current {background:url("images/navfr.png") -77px -155px no-repeat; }
#navfr_clientarea_current {background:url("images/navfr.png") -77px -186px no-repeat; }

fieldset        {padding:10px 30px;margin:0;border:0px solid #FFF;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em;}
legend          {color:#333;padding:0 10px;margin:0;font-size:1em;font-weight:400;}
input           {width:225px; border:1px solid #ccc;padding:5px;margin:10px 0 0 0;}
textarea {border:1px solid #ccc;padding:5px;margin:16px 0 0 0; font:.9em Verdana, Arial, Helvetica, sans-serif;}
input:focus, textarea:focus {background:#ffc; color:#000;}
label           {display:block;margin:5px 0px -10px 0px;font-weight:400;font-size:.8em;float:left;clear:left;width:90px; color:#999;}
#email          {margin:8px 0 0 0;}
#password       {margin:8px 0 0 0;}
#send           {margin:17px 0 0 0; width:235px; color:#666;}
#forget  {font-size:10px; color:#999; padding-top:5px;}
input[type=text]:hover {border-color:#000; background:#FFF;}
input[type=password]:hover {border-color:#000; background:#FFF;}
input[type=submit]:hover {border-color:#000; background:#ccc;}
#forget:hover {color:#000;}