/********** autor: www.grupadigital.com ************/
body {font:normal 12px/17px  "trebuchet ms", arial, tahoma, verdana; background:#39302a url(../images/main_bg.jpg) repeat-x; margin:auto;}

#header {margin:auto; width:860px; height:70px;}
.logo {float:left; padding:15px 0 0 0; width:474px;}

#back-home {float:left; background:#fff url(../images/back-home.jpg) repeat-x; width:100%;}
#back-white {float:left; background-color:#fff; width:100%;}
#back-footer {float:left; width:100%; color:#fff; line-height:23px}

.content {margin:auto; width:860px; padding:25px 0;}

/* menu */
.menu {padding:0; margin:auto; width:860px; list-style:none; height:38px; color:#0a0806; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}

.menu img {float:right; margin:12px 0 0 0;}

.menu li.top {display:block; float:left; background:url(../images/tabs.gif) 0 0 no-repeat;}
.menu li a.top_link {display:block; float:left; height:38px; width:69px; line-height:37px; text-decoration:none; font-size:12px; font-weight:normal; padding:0 10px; cursor:pointer; color:#0a0806;}
.menu li a.top_link span {float:left; display:block; height:38px;}
.menu li a.top_link span.down {float:left; display:block; height:38px;}
.menu li a.top_link:hover {color:#0a0806 !important; background:url(../images/tabs.gif) 0 -38px no-repeat;}

.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible; position:relative; z-index:200;}
.menu li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, .menu :hover ul ul, .menu :hover ul :hover ul ul, .menu :hover ul :hover ul :hover ul ul, .menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu :hover ul.sub {left:0; top:38px; background-color:#d9d6d4; white-space:nowrap; width:150px; height:auto; z-index:300;}
.menu :hover ul.sub li {display:block; position:relative; float:left; width:150px; font-weight:normal;}
.menu :hover ul.sub li a {display:block; font-size:11px; width:140px; line-height:20px; padding:3px 5px; color:#39302a !important; text-decoration:none;}
.menu :hover ul.sub li a.fly {background-color:#6ab124;}
.menu :hover ul.sub li a:hover {background:#39302a; color:#fff !important;}
.menu :hover ul.sub li a.fly:hover {background-color:#39302a; color:#fff !important;}
.menu :hover ul li:hover > a.fly {background-color:#39302a; color:#fff !important;} 

.menu :hover ul :hover ul, .menu :hover ul :hover ul :hover ul, .menu :hover ul :hover ul :hover ul :hover ul, .menu :hover ul :hover ul :hover ul :hover ul :hover ul {left:150px; top:0; background-color:#6ab124; border-bottom:1px solid #9ad33c; white-space:nowrap; width:150px; z-index:400; height:auto; border-left:1px solid #9ad33c; border-right:1px solid #9ad33c;}

* html .menu :hover ul :hover ul, * html .menu :hover ul :hover ul :hover ul, * html .menu :hover ul :hover ul :hover ul :hover ul, * html .menu :hover ul :hover ul :hover ul :hover ul :hover ul  {top:-1px}

/*HOME*/
ul#gallery {float:left; width:950px; margin:0 0 23px 0; padding:0;}
ul#gallery li {float:left; width:150px; height:150px; list-style-type:none; margin:10px 23px 23px 0;}
ul#gallery li img {border:solid 1px #ccc; padding:5px}

ul#footer-mod {float:left; width:950px; margin:20px 0;}
ul#footer-mod li {float:left; list-style-type:none; width:240px; border:1px dotted #625750; padding:10px 15px; margin:0 20px 10px 0; height:260px;}

/*SUBPAGES*/
.testimonials {float:right; background-color:#f7f5f5; padding:15px; margin:0 0 15px 15px; width:240px;}
.bio {float:right; margin:0 0 15px 15px; border:solid 1px #ccc; padding:5px}

/* TAGS */
p {font-size:13px; line-height:21px; margin:0 0 15px 0;}
p.clear {margin:0; padding:0; clear:both;}

/* BERNI
A {color:#b99683; text-decoration:none;}
A:hover {color:#9d6343; text-decoration:none;}
*/
A {color:#000000;}
A:hover {color:#9d6343; text-decoration:none;}

H1, H2, H3, H4 {font:normal 20px/21px "trebuchet ms", arial, tahoma, verdana; margin:0 0 10px 0; padding:0; clear:both; color:#504228;}
H2 {font-weight:bold; font-size:17px; line-height:21px; border-bottom:1px dotted #504228; padding:7px 0 7px 7px; margin:0 0 20px 0; background-color:#f7f5f5;}
H3 {font-weight:bold; font-size:15px; line-height:19px;}
H4 {font-weight:bold; font-size:13px; line-height:16px;}

.path {color:#7e7e7e; font-size:12px; padding:0 10px 10px 0; border-bottom:1px dotted #7e7e7e; margin-bottom:15px; font-size:11px;}

/* COLOR */
.white {color:#fff;}
.white a {color:#fff;}
.white a:hover {text-decoration:underline;}

.ten {font-size:10px; line-height:12px; font-weight:normal;}
.eleven {font-size:11px; line-height:14px;}
.thirdteen {font:bold 13px/18px arial, tahoma, verdana; margin:0 0 3px 0;}

/* COMMON ELEMENTS */
.box-left {float:left;}
.box-right {float:right;}
.box-center {text-align:center; vertical-align:middle;}

.line, .line-d, .line-dot {border-bottom:1px solid #d9dbdd; margin:10px 0; clear:both;}
.line-d {border-bottom:1px dashed #d9dbdd;}
.line-dot {border-bottom:1px dotted #504228; margin:6px 0 15px 0;}

.bullet {font:normal 11px/17px "comic sans ms"}

/*FORMS*/
form {margin:0; padding:0;}

.back-form {float:left; border:1px dotted #504228;  width:530px; padding:15px; margin-bottom:20px;}

.field-wrapper {float:left; width:500px; margin:0; padding:12px 0;}

label {float:left; width:200px; text-align:right; padding-top:3px;}

select, .field, input {vertical-align:middle; border:1px solid #cecece; color:#00305c; font:normal 12px/18px  arial, tahoma, verdana; height:18px; margin-left:6px;}
.textarea {width:280px; height:80px; margin-bottom:3px; vertical-align:middle; border:1px solid #cecece; color:#00305c; font:normal 12px/18px  arial, tahoma, verdana;}

input {border:none;}
input:focus {background-color:#f7f5f5;}

.alert, .thanks {float:left; width:500px; background-color:#fff6e8; padding:7px 10px; margin:10px 0; font-size:13px;}
.alert img {padding-right:10px;}
.thanks {background-color:#e9f4ff; text-align:left;}

.error-mark {background-color:#ddeeba;}

.size280 {width:280px;}
.size305 {width:304px;}

.btn {font:bold 12px/11px arial, tahoma; text-align:center; color:#000; cursor:pointer; padding:5px 10px; margin:3px 0; height:30px; background:url(../images/tabs.gif) 0 0 no-repeat;) repeat-x; border:1px solid #504228;}

/*HACKS*/
*+html .floatFix {height:1%}
* html .floatFix {height:1%}
.floatFix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}