body{background:#C6C6C6;font:14px Tahoma,Helvetica,Arial,sans-serif;font-weight:100;color:#000;padding:0;margin:0;}
h1{font-size:3em;color:#fff;}
h2{font-size:2em;color:#fff;}
h3{font-size:1.4em;color:#fff;}
h4{font-size:14px;color:#fff;}
h4.black{font-size:14px;color:#000;}
h4.grey{font-size:14px;color:#959595;}
h2.prodhead{text-align:left;background:#BCBCBC;padding:15px 10px 15px 65px;margin:105px 0 10px 10px;color:#fff;width:445px;}
h2.thanks{text-align:left;background:#BCBCBC;padding:15px 10px 15px 65px;margin:115px 10px 10px 10px;color:#fff;width:89.5%;}
h2.error{text-align:left;background:#BCBCBC;padding:15px 10px 15px 65px;margin:135px 10px 10px 10px;color:#fff;width:89.5%;}


                      /* IDs + Major containers*/
#outer_rap{width:990px;margin:10px auto;padding-bottom:15px;box-shadow:7px 7px 10px #888;-webkit-box-shadow:7px 7px 10px #888;-moz-box-shadow: 7px 7px 10px #888;background:url('../images/bg.jpg') top left repeat;border: 1px solid #00dcec;-moz-border-radius:5px;-webkit-border-radius:5px;}
#rap{width:960px;margin:10px auto;}
#head{background:url('../images/headbg.jpg') top left repeat #000;height:82px;margin:5px 0;padding:3px 10px;color:#fff;}
#nav{text-align:center;color:#fff;margin:5px 0 5px 2px;padding:0 0 30px 0;}
#nav2{height:297px;background:#4C4C4C;-moz-border-radius:6px;-webkit-border-radius:6px;border:1px solid #4C4C4C;overflow:hidden;}
#content{background-color:#E3E3E3;margin:5px 0;padding:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
#content img{margin:10px 7px;}
#foot{height:85px;background :#000;padding:14px 10px 1px 10px;overflow:hidden;}
#foot img{margin:0 40px;}
#logo{float:left;height:300px;width:225px;}
#logoimg{margin:10px 35px;}
#equipo{background-color:#2A2A2A;color:#fff;height:85px;padding:5px;margin-top:20px;}
#equipo p{margin-left:20px; margin-top: 5px;}
#minicontact{width:165px;padding:10px;background:#000;color:#fff;margin:10px 7px;border:1px solid #000;}

                      /* Horizontal Nav ID's */

li#hnav_waterpark     { background: url(../images/nav_buttons_up/nav_up_01.png) no-repeat;height: 36px; width: 230px; margin-bottom: 0; }
li#hnav_playground    { background: url(../images/nav_buttons_up/nav_up_02.png) no-repeat;height: 38px; width: 230px; margin-bottom: 0; }
li#hnav_urban         { background: url(../images/nav_buttons_up/nav_up_03.png) no-repeat;height: 38px; width: 230px; margin-bottom: -1px; }
li#hnav_pista         { background: url(../images/nav_buttons_up/nav_up_04.png) no-repeat;height: 38px; width: 230px; margin-bottom: 0; }
li#hnav_canopy        { background: url(../images/nav_buttons_up/nav_up_05.png) no-repeat;height: 38px; width: 230px; margin-bottom: 0; }
li#hnav_gym           { background: url(../images/nav_buttons_up/nav_up_06.png) no-repeat;height: 38px; width: 230px; margin-bottom: -1px; }
li#hnav_piso          { background: url(../images/nav_buttons_up/nav_up_07.png) no-repeat;height: 38px; width: 230px; margin-bottom: 0; }
li#hnav_new           { background: url(../images/nav_buttons_up/nav_up_08.png) no-repeat;height: 36px; width: 230px; margin-bottom: 0; }

li#hnav_waterpark:hover     { background: url(../images/nav_buttons_down/nav_down_01.png) no-repeat;height: 36px; width: 230px; margin-bottom: 0; }
li#hnav_playground:hover    { background: url(../images/nav_buttons_down/nav_down_02.png) no-repeat;height: 38px; width: 230px; margin-bottom: 0; }
li#hnav_urban:hover         { background: url(../images/nav_buttons_down/nav_down_03.png) no-repeat;height: 38px; width: 230px; margin-bottom: -1px; }
li#hnav_pista:hover         { background: url(../images/nav_buttons_down/nav_down_04.png) no-repeat;height: 38px; width: 230px; margin-bottom: 0; }
li#hnav_canopy:hover        { background: url(../images/nav_buttons_down/nav_down_05.png) no-repeat;height: 38px; width: 230px; margin-bottom: 0; }
li#hnav_gym:hover           { background: url(../images/nav_buttons_down/nav_down_06.png) no-repeat;height: 38px; width: 230px; margin-bottom: -1px; }
li#hnav_piso:hover          { background: url(../images/nav_buttons_down/nav_down_07.png) no-repeat;height: 38px; width: 230px; margin-bottom: 0; }
li#hnav_new:hover           { background: url(../images/nav_buttons_down/nav_down_08.png) no-repeat;height: 36px; width: 230px; margin: 0; }

.phone{position:relative;top:15px;}
.pink{color:#E0036C;}
.white{color:#fff;}
.black{color:#000;}
.grey{color:#959595;}
.f24{font-size:24px;}
.f22{font-size:22px;}
.f20{font-size:20px;}
.f18{font-size:18px;}
.f16{font-size:16px;}
.f14{font-size:14px;}
.f12{font-size:12px;}
.f10{font-size:10px;}
.bold{font-weight:900;}
.thin{font-weight:100;}
.center{text-align:center;}
.firstp{font-weight:900;color:#333;}

                        /* links */
a.headwhitelink{color:#fff;text-decoration:none;}
a.headwhitelink:link{color:#fff;text-decoration:none;}
a.headwhitelink:visited{color:#fff;}
a.headwhitelink:hover{color:#E0036C;text-decoration:underline;}
a.headwhitelink:active{color:#fff;text-decoration:none;}
a.pinkbglink{background-color:#E0036C;color:#fff;text-decoration:none;padding:3px 7px 1px 7px;}
a.pinkbglink:link{background-color:#E0036C;color:#fff;text-decoration:none;padding:3px 7px 1px 7px;}
a.pinkbglink:visited{background-color:#E0036C;color:#fff;text-decoration:none;padding:3px 7px 1px 7px;}
a.pinkbglink:hover{background-color:#fff;color:#E0036C;text-decoration:none;padding:3px 7px 1px 7px;}
a.pinkbglink:active{background-color:#E0036C;color:#fff;text-decoration:none;padding:3px 7px 1px 7px;}
a.pinklink{color:#E0036C;}
a.pinklink:link{color:#E0036C;text-decoration:none;}
a.pinklink:visited{color:#E0036C;text-decoration:none;}
a.pinklink:hover{color:#fff;text-decoration:underline;}
a.pinklink:active{color:#E0036C;text-decoration:none;}
a.plistlink:link{color:#959595;text-decoration:none;}
a.plistlink:visited{color:#959595;text-decoration:none;}
a.plistlink:hover{color:#E0036C;text-decoration:none;border-bottom:1px dotted #959595;}
a.plistlink:active{color:#959595;text-decoration:none;}
a.vermas{float:right;color:#bebebe; position: relative; bottom: 3px;}


                            /* minor containers */
.blackbox{height:160px;width:165px;padding:5px;background-color:#000;color:#bebebe;margin:10px 7px;border:1px solid #000;}
.blackboxwide{height:160px;width:175px;padding:5px;background-color:#000;color:#bebebe;margin:10px 7px;border:1px solid #000;}
.whitebox{height:160px;width:170px;padding:5px;background-color:#fff;color:#000;margin:10px 7px;border:1px solid #bebebe;}
div.bigwhitebox{background:#fff;border:1px solid #bebebe;margin:5px auto;padding:10px;width:904px;}
img.clients{margin:5px 25px 5px 50px;}
div.smallbar{height:40px;width:895px;margin:10px auto;background:#000;border:4px #666 double;padding:10px;color:#bebebe;}
div.smallbartpad{height:30px;width:895px;margin:10px auto;background:#000;border:4px #666 double;padding:20px 10px 10px 10px;color:#bebebe;}
.productlist{float:left;width:18.5%;border-right:1px dotted #bebebe;padding:5px;height:100%;}
.colmask{position:relative;/* This fixes the IE7 overflow hidden bug */clear:both;margin:0 auto;width:97%;/* width of whole page */overflow:hidden;/* This chops off any overhanging divs */border:1px solid #959595;padding:5px;}
                        /* common column settings */
.colright,.colmid,.colleft{float:left;width:100%;/* width of page */position:relative;}
.col1,.col2,.col3{float:left;position:relative;padding:1em 0 1em 0;/* no left and right padding on columns,we just make them narrower instead only padding top and bottom is included here,make it whatever value you need */overflow:hidden;}
                          /* 3 Column settings */
.threecol{background:#fff;/* right column background colour */}
.threecol .colmid{right:25%;/* width of the right column */background:#fff;/* center column background colour */}
.threecol .colleft{right:50%;/* width of the middle column */background:#fff;/* left column background colour */}
.threecol .col1{width:46%;/* width of center column content (column width minus padding on either side) */left:102%;/* 100% plus left padding of center column */}
.threecol .col2{width:21%;/* Width of left column content (column width minus padding on either side) */left:31%;/* width of (right column) plus (center column left and right padding) plus (left column left padding) */}
.threecol .col3{width:21%;/* Width of right column content (column width minus padding on either side) */left:85%;/* Please make note of the brackets here:(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */}
.mainprod{width:95.5%;background:#F0F0F0;border:1px solid #959595;padding:8px;margin: 10px 0;}
                          /* positioning,borders,forms,etc */
.productlist img{position:relative;bottom:10px;right:12px;}
a.plistlink a.productlist{padding-bottom:15px;}
p.alignright{text-align:right;}
ul.center{margin:0 auto;}
.fleft{float:left;}
.fright{float:right;}
.clearb{clear:both;}
.clearr{clear:right;}
.clearl{clear:left;}
.noborder{border:none;}
.dottedborderleft{border-left:2px dotted #bebebe;margin:0 5px;padding-left:20px;position: relative; left: 10px;}
.dottedborderright{border-right:2px dotted #bebebe;margin:0 60px;padding-left:60px;}
.formbutton{border:none;background:#bebebe;color:#000;padding:3px 5px;position:relative;top:-8px;right:10px;}
.formbuttonpink{border:none;background:#E0036C;color:#fff;padding:3px 5px;position:relative;top:6px;right:10px;}
.forminput{width:200px;height:18px;background:#000;border:1px solid #bebebe;position:relative;top:-8px;right:5px;color:#bebebe;}
.flags{margin-right:5px;}
.pointer{position:relative;top:8px;right:5px;}
.firstp{position:relative;right:7px;}
a.plistlink{margin-top:7px;}
.star{position:relative;bottom:10px;}
.slideshow { height: 297px; width: 510px; margin-left: 448px }
                      /* BEGIN TOP NAV STRUCTURAL CSS */
ul{list-style:none;}
p{margin:15px 0;}
                            /* LEVEL ONE */
ul.dropdown{position:relative;left:-1px;z-index:99;}
ul.dropdown li{font-weight:100;float:left;zoom:1;background:url('../images/navbg.jpg');}
ul.dropdown a:hover{color:#fff; text-decoration: none; }
ul.dropdown a:active{color:#ffa500;}
ul.dropdown li a{display:block;padding:6px 1.383em;border-right:1px solid #0097A7;color:#fff;}
ul.dropdown li:last-child a{border-right:none;}/* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover{background:url('../images/navbg_over.jpg');color:black;position:relative;}
ul.dropdown li.hover a{color:black;}
                            /* LEVEL TWO */
ul.dropdown ul{width:220px;visibility:hidden;position:absolute;top:100%;left:0;}
ul.dropdown ul li:first-child {border-top:1px solid #ccc;}
ul.dropdown ul li{font-weight:normal;background:#D96F21;color:#000;border-bottom:1px solid #ccc;float:none;position:relative;left:.01%;}
ul.dropdown ul li a{margin-top: -2px;text-align: left;font-size:.9em;}
ul.dropdown ul li:hover{background:#2B666C;}
                        /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a{border-right:none;width:100%;display:inline-block;}
                            /* LEVEL THREE */
ul.dropdown ul ul{left:100%;top:0;}
ul.dropdown li:hover > ul{visibility:visible;}