html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 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;}
img {margin: 0; padding: 0; border: 0; outline: 0; background: transparent;}
/*body {line-height: 1;}*/
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}/* remember to define focus styles! */
ins {text-decoration: none;}/* remember to highlight inserts somehow! */
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}/* tables still need 'cellspacing="0"' in the markup */
select,label,.pointer { cursor:pointer; }/*add pointer cursor to elements*/
table td { vertical-align: top; }
* html ul li a {height:1em;} /*fixes IE6 list whitespace bug*/
.clear {clear: both;height: 0px;} /*clears floats*/
.spacer10 {float: left;width: 10px;} .spacer15 {float: left;width: 15px;} .spacer20 {float: left;width: 20px;} .spacer25 {float: left;width: 25px;} .spacer30 {float: left;width: 30px;} /*spacer*/
.mR10 { margin-right: 10px;} .mR15 { margin-right: 15px;} .mR20 { margin-right: 20px;} .mR25 { margin-right: 25px;} .mR30 { margin-right: 30px;}
.mL10 {margin-left: 10px;} .mL15 {margin-left: 15px;} .mL20 {margin-left: 20px;} .mL25 {margin-left: 25px;} .mL30 {margin-left: 30px;}
/*-----------------------------------------------------------*/

body { background: #000; color: #FFF; font: 13px Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; }
p { margin-bottom: 10px; line-height: 18px; }
a:link, a:active, a:visited { color: #FFF; text-decoration: none; }
a:hover { text-decoration: underline; }

/*=====================HEADER=====================*/
.header { width: 770px; margin: 0px auto; padding: 0px; height: 96px; }
.header a img { float: left; margin-right: 66px; }
.header img.contact { margin-right: 142px; }


/*======================NAV===============*/
.nav { float: left; padding-top: 64px; }
.nav ul li { float: left; margin-right: 60px; }

/*about*/
.nav ul li.navAbout a:link, .nav ul li.navAbout a:active, .nav ul li.navAbout a:visited { display: block; height: 28px; width: 86px; line-height: 28px; text-align: center; color: #000; background: url(../images/bgrAbout.gif) no-repeat center top; text-indent: -9999px; }
.nav ul li.navAbout a:hover { background: url(../images/bgrAbout2.gif) no-repeat center top; }

/*contact*/
.nav ul li.navContact a:link, .nav ul li.navContact a:active, .nav ul li.navContact a:visited { display: block; height: 28px; width: 110px; line-height: 28px; text-align: center; color: #000; background: url(../images/bgrContact.gif) no-repeat center top; text-indent: -9999px; }
.nav ul li.navContact a:hover { background: url(../images/bgrContact2.gif) no-repeat center top; }

/*portfolio*/
.nav ul li.navPorto a:link, .nav ul li.navPorto a:active, .nav ul li.navPorto a:visited { display: block; height: 28px; width: 110px; line-height: 28px; text-align: center; color: #000; background: url(../images/bgrPort.gif) no-repeat center top; text-indent: -9999px; }
.nav ul li.navPorto a:hover { background: url(../images/bgrPort2.gif) no-repeat center top; }


/*IFRAME*/
#info { display: none; }
#ifr100 { margin-top: 0px; background: #000; }

/*=====================CENTRAL=====================*/
.mid { margin-top: 30px; width: 770px; margin-right: auto; margin-left: auto; }

.aboutM { background: #cbb149; color: #000; font-size: 14px; padding: 25px 15px 15px; text-align: justify; }
.photocredits { font-size: 11px; margin-top: 8px; color: #F8D586; }
.contactL, .mid .contactR {color: #bf4dc6; font-size: 15px; }
.contactL { margin-right: 30px; width: 330px; }
.contactL h1 { font-size: 18px; margin-bottom: 9px; }
.contactL h1 span { font-size: 14px; }
.contactL h2 { font-weight: normal; margin-bottom: 14px; }
.contactL p { margin-bottom: 2px; }
.contactL a:link, .contactL a:active, .contactL a:visited { color: #bf4dc6; }

.contactR { width: 278px; color: #bf4dc6; }
.contactR .contactTit { margin-bottom: 6px; display: block; height: 21px; color: #000; padding-left: 155px; font-size: 2px; }
.contactTit.contName { background: url(../images/contName.gif) no-repeat left top; }
.contactTit.contEmail { background: url(../images/contEmail.gif) no-repeat left top; }
.contactTit.contMsg { background: url(../images/contMsg.gif) no-repeat left top; }

.contactR input, .contactR textarea { width: 274px; margin-bottom: 18px; background: #e3ce6c; border-style: none; height: 23px; line-height: 23px; }
.contactR form .input_mesaj { height: 131px; margin-bottom: 15px; }

.contactR form .message { margin-bottom: 16px; font-weight: bold; }
.contactR form .contact_btns .btnSubmit { background: #000 url(../images/btnSend.gif) no-repeat left top; border-style: none; height: 23px; width: 96px; cursor: pointer; }


/*=====================FOOTER=====================*/
.footer { width: 770px; margin: 15px auto 20px; }
#contact .footer { width: 666px; margin: 15px auto 20px; }
.footer h1 a:link, .footer h1 a:active, .footer h1 a:visited { font-size: 11px; font-weight: bold; color: #E3CE6C; }
.aaa { width: 777px; margin-right: auto; margin-left: auto; background: #930; }
#wrap { width: 100%; }
#contact .footer { margin-top: 33px; }


/*======================HOMEPAGE=================*/
#home table tr td { vertical-align: middle; }
.homeDiv { margin: 0px 0px 0px; padding: 0px; }
.homeDiv .about, .homeDiv .porto, .homeDiv .contact { height: 80px; width: 157px; }


/*about*/
.homeDiv .about a:link, .homeDiv .about a:active, .homeDiv .about a:visited { background: url(../images/homeAbout.gif) no-repeat left top; display: block; height: 80px; width: 157px; text-indent: -9999px; }
.homeDiv .about a:hover { background: url(../images/homeAbout2.gif); }
/*portfolio*/
.homeDiv .porto a:link, .homeDiv .porto a:active, .homeDiv .porto a:visited { background: url(../images/homePorto.gif) no-repeat left top; display: block; height: 80px; width: 157px; text-indent: -9999px; }
.homeDiv .porto a:hover { background: url(../images/homePorto2.gif); }
/*contact*/
.homeDiv .contact2 a:link, .homeDiv .contact2 a:active, .homeDiv .contact2 a:visited { background: url(../images/homeContact.gif) no-repeat left top; display: block; height: 80px; width: 157px; text-indent: -9999px; }
.homeDiv .contact2 a:hover { background: url(../images/homeContact2.gif); }
.front { width: 730px; margin-right: auto; margin-left: auto; margin-top: 88px; }
.frontPic img { padding-top: 8px; }

#home .homeTbl td { vertical-align: middle; }

/*vertically center main & contact*/
html, body {height:100%;}
.centerH { width: 730px; margin-right: auto; margin-left: auto; }
.floater { position:relative; float:left; height:48%; margin-bottom:-200px; width:1px; }
#contact .floater { height:39%; }
.centered { position:relative; clear:left; height:420px; max-width:730px; margin:0 auto; max-width:730px; min-width:730px;}
 #contact .centered { position:relative; clear:left; height:510px; max-width:666px; margin:0 auto; max-width:666px; min-width:666px;}
 
 /*CONTACT PAGE NAVI*/
ul.navContactPage li { display: inline; float: left; padding-top: 49px; }
ul.navContactPage li a { height: 29px; display: block; text-indent: -9999px; }
ul.navContactPage .ContPorto a:link, ul.navContactPage .ContPorto a:active, ul.navContactPage .ContPorto a:visited { background: url(../images/btnContPort.gif) no-repeat left top; width: 151px; }
ul.navContactPage .ContPorto a:hover { background: url(../images/btnContPort2.gif) no-repeat left top; }
ul.navContactPage .ContAbout a:link, ul.navContactPage .ContAbout a:active, ul.navContactPage .ContAbout a:visited { background: url(../images/btnContAbout.gif) no-repeat left top; width: 126px; }
ul.navContactPage .ContAbout a:hover { background: url(../images/btnContAbout2.gif) no-repeat left top; }

ul.navContactPage2 .ContAbout a:link, ul.navContactPage2 .ContAbout a:active, ul.navContactPage2 .ContAbout a:visited { background: url(../images/btnContAbout.gif) no-repeat left top; width: 126px; }
ul.navContactPage2 .ContAbout a:hover { background: url(../images/btnContAbout2.gif) no-repeat left top; }

.footer .partnersites { margin: 0px; padding: 20px 0px 0px; }
.footer .partnersites a { font-size: 11px; font-weight: bold; color: #CBB149; margin: 0px; }