/*
css serenomuda
Design by dasstech for JillBox v2.01
*/

body {
     background:#058cc0 url('images/body_bk.jpg') repeat-x;
     margin:0px;
     padding:0;
     font-family: arial;
     font-size:12px;
     color:#0776a0;
}

/* @global styles */
a {color:#0776a0;}
a:hover {color:#3e9cbf;}

.warp, .header, .inner_warp, .footer {
     width: 840px;
     padding:0;

}

.warp {
     height:auto;
     position: relative;
     margin:0 auto;
     }

.header {
background: url('images/header.jpg') no-repeat;
height:248px;
margin:0;
position:relative;
}

.header1 {
	background: url('images/header1.jpg') no-repeat;
	height:196px;
	margin:0;
	position:relative;
}

.inner_warp {
     background: url('images/warp_bk.jpg') repeat-y;
     height:auto;
     float:left;
     
}

.footer {
     clear:left;
    background: url('images/footer_bk.jpg') no-repeat;
    height:48px;
    margin:0;
}

/* section header */

.header h2.frase, .header1 h2.frase {
	color:#c49600;
	font-size:16px;
	position:absolute;
	text-align: center;
	margin-left: 250px;
	margin-top: 175px;
	width:560px;
}
.header h1 {
	color: black;
	margin:100px 0 0 550px;
	position:absolute;
	font-size: 22px;
}
.header1 h1 {
	color: black;
	margin:100px 0 0 550px;
	position:absolute;
	font-size: 22px;
}
	 .header p {
	 position:absolute;
	 top:100px;
	 left:600px;
	 font-size:16px;
	 color:#035a7b;
	 font-weight:bold;}
/* ends section header */

/* Left Section */

.warp_l {
     width:200px;
     margin-left:30px;
     height:auto;
     float:left;
     }
     
.box_l {
     width:inherit;
     height:auto;
     padding:0;
     margin:0;
     background: url('images/box_bk.jpg') repeat-y;
     
}
.box_l h2 {
     color:#c46600;
	 font-weight:bold;
     font-size:14px;
     margin-top:0;
     text-align:center;
	 
     }
     
/*.sideMenu ul { margin:0; padding:0;list-style-image:url('images/li_arrow.jpg'); margin-left:20px; width:180px;}
.sideMenu li {height:22px; line-height:22px; padding-left:40px;}
.sideMenu li a { display:block; text-decoration:none;}
.sideMenu li a:hover { display:block; text-decoration:none; border-bottom:1px solid #3e9cbf; height:21px;}
*/
.sideMenu {margin:0; padding:0;}
.menuarrow {

position: absolute;
width:15px;
height:15px;
display: block;
margin-top:-16px;
left:180px;
font-weight:bold;
color:#035a7b;


}
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

ul.dropdown-vertical {
 width: 200px;
}

ul.dropdown-vertical ul {
 top: -1px;
 left: 100%;
 border-left: 1px solid #ccc;
}

ul.dropdown-vertical li {
 float: none;
}


ul.dropdown {
 font-weight: 200;
}

	ul.dropdown li {
	 padding: 7px 10px;
	 border-style: solid;
	 border-width: 1px 1px 1px 0;
	 border-color: #fff #d9d9d9 #d9d9d9;
	 background-color: #fcfafa;
	 color: #0776A0;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 background-color: #f5e2c8;
	 color: #000;
	 
	 
	}
	

	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #0776A0; text-decoration: none; }
	ul.dropdown a:hover		{ color: #000; }
	ul.dropdown a:active	{ color: #ffa500; }


	/* -- level mark -- */

	ul.dropdown ul {
	 width: 150px;
	 margin-top: 1px;
	}

		ul.dropdown ul li {
		 font-weight: normal;
		}



/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */

.dropdown-upward {
 margin-top: 400px !important;
}
ul.dropdown *.dir {
 padding-right: 20px;
 background-image: url(images/nav-arrow-down.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}


/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(images/nav-arrow-right.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.dropdown-upward *.dir {
 background-image: url(images/nav-arrow-top.png);
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
 background-image: url(images/nav-arrow-right.png);
}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 10px;
 padding-left: 15px;
 background-image: url(images/nav-arrow-left.png);
 background-position: 0 50%;
}

/* ends Left Section */


/*content Section */

.warp_content {
     width:560px;
     height:auto;
     margin-left:20px;
     float:left;
}

.content{ margin-top:20px;}
.content_h {
     background:url('images/content_h.jpg') no-repeat;
     width:560px;
     height:31px;
}
.content_c {
     background:url('images/content_c.jpg') repeat-y;
     width:510px;
     height:auto;
     padding:0 25px;
	 float:left;
}

.content_c h1 { margin:0; color:#035a7b; font-size:24px;}
.content_c h2 {color:#1b6886;}
.content_c p { margin:0; text-align:justify; line-height:1.4em;}
.content_c img { margin-left:10px;}

.content_f {
     background:url('images/content_f.jpg') no-repeat;
     width:560px;
     height:31px;
	 clear:left;
}
/* banner Section */
.banner { position:relative;}

#f,#s,#t,#f:hover, #s:hover, #t:hover { width:174px; height:144px; float:left; position:absolute; cursor: pointer; margin-top:-144px;}

#f:hover, #s:hover, #t:hover {background:none;}

#s,#t{margin-left:19px;}

#f {background: url('images/f.png') repeat;}
#s {background: url('images/s.png') repeat; margin-left:193px;}
#t {background:  url('images/t.png') repeat; margin-left:386px;}

/* ends banner Section */


.newsletterBox, .partners { float:left; margin-top:25px;}

.newsletterBox form {position:relative; }
.newsletterBox input { width:198px; height:22px; border-color: #D9D9D9; border-width: 1px; border-style:solid; margin-top:3px;}
.newsletterBox input[type=text] {padding-top:5px;}
.newsletterBox input[type=submit] { width:50%; position:relative; margin:3px auto; color:#035a7b;}

.partners ul { margin:0; padding:0; list-style:none; text-align:center;}
.partners ul a { display:block; text-decoration:none;}
.partners a img { border:none; text-decoration:none;}

.footermenu { text-align:center;}

.emailme input, .emailme select, .emailme textarea {border-color: #D9D9D9; border-width: 1px; border-style:solid; margin-top:3px;}
.emailme input[type=text], .emailme select, .emailme textarea  { width:200px;}
.emailme input[type=submit]  { width:25%; color:#035a7b;}


/* gallery */

#gallery ul { list-style:none; margin:0; padding:2px;}
#gallery ul li { float:left;}
#gallery a img { border:1 px solid #CCC;}
#gallery {z-index:600;}