@charset "utf-8";

/*css reset*/

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0pt none;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0pt;
outline-color:invert;
outline-style:none;
outline-width:0pt;
padding:0pt;
vertical-align:baseline;
}
table {
border-collapse:separate;
border-spacing:0pt;
}
caption, th, td {
font-weight:normal;
text-align:left;
}
blockquote:before, blockquote:after, q:before, q:after {
content:"";
}
blockquote, q {
quotes:"" "";
}
strong {
font-weight:bold;
}
em {
font-style:italic;
}
* {
margin:0pt;
padding:0pt;
}

/* --------------------------------------------------------------------------------  */

body {
background-image:url(images/body-bg.jpg);
background-repeat:repeat-x;
background-color:#1baf63;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:14px;
line-height:20px;
}

#mainWrapper {
width:1200px;
margin:0 auto;
padding-top:20px;
}

#headerWrapper {
background-image:url(images/header.jpg);
background-position:center top;
background-repeat:no-repeat;
height:220px;
margin:0 auto;
position:relative;
width:900px;
}


#nav {
left:103px;
position:absolute;
top:145px;
width:684px;
}

#nav li {
list-style-type:none;
float:left;
display:block;
}

#nav li a {
background-image:url(images/nav-bg-trans.png);
height:50px;
text-indent:-9999px;
width:200px;
float:left;
display:block;
}

#nav li.navHome a {
width:133px;
background-position:0 0;
}

#nav li.navHome a:hover {
width:133px;
background-position:0 -50px;
}


#nav li.navServices a {
width:168px;
background-position:-133px 0;
}

#nav li.navServices a:hover {
width:168px;
background-position:-133px -50px;
}


#nav li.navGallery a {
width:161px;
background-position:-301px 0;
}

#nav li.navGallery a:hover {
width:161px;
background-position:-301px -50px;
}


#nav li.navContact a {
width:222px;
background-position:-462px 0;
}

#nav li.navContact a:hover {
width:220px;
background-position:-462px -50px;
}

/*----------------------------------------------------*/

#contentWrapper {
background-image:url(images/content-bg-trans.png);
background-repeat:no-repeat;
background-position:bottom center;
width:640px;
margin:0 auto;
}

#content {
margin:0 auto;
min-height:470px;
padding:40px 20px;
width:550px;
}

#footer {
border-top:1px solid #666666;
font-size:10px;
margin-top:20px;
padding-top:10px;
text-align:center;
}

#footer a {
color:#333333;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}

#mata {
background-image:url(images/mata-fdo-trans.png);
background-repeat:no-repeat;
background-position:bottom center;
}

h1 {
font-size:24px;
margin-bottom:10px;
background-color:#FFFFFF;
padding:10px;
}

h2 {
font-size:18px;
font-style:italic;
background-color:#fff;
padding:10px 10px 0;
}

p {
font-size:12px;
background-color:#FFFFFF;
margin-bottom:10px;
padding:10px;
}

p img {
display:block;
margin:0 auto;
}

#content ul, li{
list-style-type:square;
list-style-position:inside;
}

#content ul {
font-size:12px;
background-color:#FFFFFF;
margin-bottom:10px;
padding:10px;
}

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

a:hover {
text-decoration:underline;
}


iframe .embed #container {
border:medium none !important;
padding:15px;
width:90% !important;