@charset "UTF-8";
/* CSS Document */

body {
margin: auto;
padding: 0;
width: 100%;
height: 100%;
background: #000000 url(images/black-grid.png) repeat;
background-attachment: fixed;
font-family: 'Open Sans', sans-serif;
}



#menu {
float: left;
width: 860px;
margin: 0 20px 0 20px;
padding: 0;
border: none;
background: none;
}

#menu a {
float: left;
font-size: 12px;
line-height: 12px;
padding: 15px 5px 15px 0px;
background: none;
margin: 0px 30px 0px 0px;
font-weight: 400;
text-decoration: none;
color: #FFFFFF;
}

#menu a:hover {
color: #ec8413;
}

#menu a.active {
float: left;
font-size: 12px;
line-height: 12px;
padding: 15px 5px 15px 0px;
background: none;
margin: 0px 30px 0px 0px;
font-weight: 400;
text-decoration: none;
color: #ec8413;
}







#cse-search-form {
float: left;
}









.line-white {
float: left;
width: 100%;
background: #FFFFFF;
padding: 0;
margin: 0 auto;
border-bottom: 1px solid #CCCCCC;
}

.line-white a:hover {
color: #ec8413;
}

.line-grid {
float: left;
width: 100%;
background: #fafafa url(images/grid-bg-01.png) repeat;
padding: 0;
margin: 0 auto;
border-bottom: 1px solid #CCCCCC;
}


.line-grid p {
color: #666666;
}

.line-grid a:hover {
color: #ec8413;
}

.line-orange {
float: left;
width: 100%;
background: #ec8413 url(images/orange-grid.png) repeat;
padding: 0;
margin: 0 auto;
border-bottom: 1px solid #26201a;
}

.line-orange a:hover {
color: #FFFFFF;
}

.line-orange h2 {
text-shadow: 1px 1px 1px #f7bc7b;
}

.line-black {
float: left;
width: 100%;
background: #000000 url(images/black-grid.png) repeat;
padding: 0;
margin: 0 auto;
border-bottom: 1px solid #26201a;
}

.line-black p {
color: #CCCCCC;
}

.line-black h5 {
color: #999999;
}

.line-black a {
color: #FFFFFF;
}

.line-black a:hover {
color: #ec8413;
}

.line-grey {
float: left;
width: 100%;
background: #555555;
padding: 0;
margin: 0 auto;
border-bottom: 1px solid #CCCCCC;
}











.box-900 {
width: 900px;
margin: 0 auto;
padding: 0;
border: 0;
background: none;
}

.box-600 {
float: left;
width: 600px;
margin: 0 auto;
padding: 0;
border: 0;
background: none;
}

.box-450 {
float: left;
width: 450px;
margin: 0 auto;
padding: 0;
border: 0;
background: none;
}

.box-300 {
float: left;
width: 300px;
margin: 0 auto;
padding: 0;
border: 0;
background: none;
}







.col-225 {
float: left;
width: 185px;
margin: 0 20px 0 20px;
padding: 0;
border: none;
background: none;
}

.col-300 {
float: left;
width: 260px;
margin: 0 20px 0 20px;
padding: 0;
border: none;
background: none;
}

.col-450 {
float: left;
width: 410px;
margin: 0 20px 0 20px;
padding: 0;
border: none;
background: none;
}

.col-600 {
float: left;
width: 560px;
margin: 0 20px 0 20px;
padding: 0;
border: none;
background: none;
}

.col-900 {
float: left;
width: 860px;
margin: 0 20px 0 20px;
padding: 0;
border: none;
background: none;
}





.spaner-5 {
height: 5px;
float: left;
width: 100%;
display: inline-block;
}

.spaner-10 {
height: 10px;
float: left;
width: 100%;
display: inline-block;
}

.spaner-20 {
height: 20px;
float: left;
width: 100%;
display: inline-block;
}

.spaner-40 {
height: 40px;
float: left;
width: 100%;
display: inline-block;
}


.liner-solid {
height: 0px;
float: left;
width: 100%;
display: inline-block;
border-bottom: 1px solid #000000;
}

.liner-dotted {
height: 0px;
float: left;
width: 100%;
display: inline-block;
border-bottom: 1px dotted #CCCCCC;
}









.white {
color: #FFFFFF;
}

.orange {
color: #ec8413;
}

.black {
color: #000000;
}






p {
float: left;
width: 100%;
padding: 0;
margin: 0;
font-size: 11.5px;
line-height: 17px;
font-weight: 400;
}

ul, ol {
float: left;
width: 90%;
padding: 0;
margin: 0 0 0 20px;
font-size: 11.5px;
line-height: 17px;
font-weight: 400;
color: #666666;
}

li {
padding: 0 0 5px 0;
}



a {
float: left;
font-size: 11.5px;
line-height: 17px;
padding: 2px 5px 2px 20px;
background: url(images/plus.png) no-repeat;
background-size: 12px 12px;
background-position: 0 4px;
margin: 10px 20px 0 0;
font-weight: 400;
text-decoration: none;
color: #000000;
}

a.image {
float: left;
font-size: 11px;
line-height: 15px;
padding: 0;
background: none;
margin: 10px 0 0 0;
font-weight: 400;
text-decoration: none;
color: #000000;
border: none;
}



h1 {
float: left;
width: 100%;
padding: 0;
margin: 0;
font-size: 40px;
line-height: 45px;
letter-spacing: -2px;
font-weight: 400;
color: #FFFFFF;
text-shadow: 1px 1px 3px #794a16, -1px -1px #666;
}


h2 {
float: left;
width: 100%;
padding: 0;
margin: 0;
font-size: 22px;
line-height: 24px;
font-weight: 400;
color: #000000;
}



h3 {
float: left;
width: 100%;
padding: 0;
margin: 0;
font-size: 18px;
line-height: 22px;
font-weight: 400;
}


h4 {
float: left;
width: 100%;
padding: 0;
margin: 0;
font-size: 17px;
line-height: 21px;
font-weight: 400;
}


h5 {
float: left;
width: 100%;
padding: 0;
margin: 0;
font-size: 14px;
line-height: 18px;
font-weight: 400;
}

h5 a.header-link {
float: left;
width: 100%;
padding: 0;
margin: 0;
font-size: 14px;
line-height: 18px;
font-weight: 400;
text-decoration: none;
background: none;
background-image: none;
}

h5 a.header-link:hover {
color: #ec8413;
}







#slider-bg {
float: left;
width: 410px;
height: 210px;
padding: 0;
margin: 0;
background: url(images/slider-bg-2.png) no-repeat;
}

#galeria {
position: relative;
top: -201px;
left: 0;
z-index: 10;
margin: 0 0 -75px 0;
padding: 0;
overflow:hidden;
}


#slider {
float: left;
padding: 0;
margin: 30px 45px 0px 45px;
border: none;
}

#slider a {
background: none;
margin: 0;
padding: 0;
}

/* SLIDER */



	img{border:none;}
	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:674px;
		}	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:320px;
		height:180px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}