/*******************************************************************************
** FONTS
*******************************************************************************/
@font-face {
 font-family: Yanone Kaffeesatz;
 src: url('fonts/YanoneKaffeesatz-Regular.eot');
 src: local("Yanone Kaffeesatz"), url('fonts/YanoneKaffeesatz-Regular.ttf');
}
/*******************************************************************************
** RESET (MEYER)
*******************************************************************************/
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tfoot,thead,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline;}/* HTML5 display-role reset for older browsers */article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
/*******************************************************************************
** GENERAL
*******************************************************************************/
html, body {
 height: 100%;
}
body {
 font: normal 12px 'Open Sans', arial, sans-serif;
 background: #eeeeee url(img/ui/pattern.png);
 color: #444;
}
p {
 padding: 0 0 20px 0;
 /*line-height: 18px;*/
}
img {
 border: 0;
}
h1, h2, h3, h4, h5, h6 {
 color: #362C20;
 letter-spacing: 0em;
 padding: 0 0 5px 0;
}
h1, h2, h3 {
 font-weight: normal;
 margin: 0 0 15px 0;
 padding: 15px 0 5px 0;
 color: #27211b;
}
h2 {
 padding: 9px 0 5px 0;
}
h3 {
 padding: 5px 0 0 0;
}
h4, h6 {
 color: #00AAD5;
 padding: 0 0 5px 0;
 font-weight: normal;
}
h5, h6 {
 color: #555;
 font-weight: italic;
 letter-spacing: normal;
 padding: 0 0 15px 0;
}
a, a:hover {
 outline: none;
 text-decoration: underline;
 color: #ed1c24;
}
a:hover {
 text-decoration: none;
}
blockquote {
 margin: 20px 0;
 padding: 10px 20px 0 20px;
 border: 1px solid #E5E5DB;
 background: #FFF;
}
ul {
 margin: 2px 0 22px 17px;
}
ul li {
 list-style-type: disc;
 margin: 0 0 6px 0;
 padding: 0 0 4px 5px;
 /*line-height: 1.5em;*/
}
ol {
 margin: 8px 0 22px 20px;
}
ol li {
 margin: 0 0 11px 0;
}
.left {
 float: left;
 width: auto;
 margin-right: 10px;
}
.right {
 float: right;
 width: auto;
 margin-left: 10px;
}
.center {
 display: block;
 text-align: center;
 margin: 20px auto;
}
#main, nav, #container, #logo, #site_content, footer {
 margin-left: auto;
 margin-right: auto;
}
#main {
 margin: 0 auto;
 width: 1000px;
 background: transparent;
 padding-bottom: 30px;
}
/*******************************************************************************
** RADIUS TYPES
*******************************************************************************/
.radius5px {
 -webkit-border-radius:5px;
    -moz-border-radius:5px;
         border-radius:5px;
}
.radius10px {
 -webkit-border-radius:10px;
    -moz-border-radius:10px;
         border-radius:10px;
}
.radius20px {
 -webkit-border-radius:20px;
    -moz-border-radius:20px;
         border-radius:20px;
}
/*******************************************************************************
** ALERTS
*******************************************************************************/
#success {
	              color:#FFF;
	   background-color:#390;
	            padding:3px 5px 3px 20px;
	             margin:5px 0;
	   background-image:url(lib/img/check.png);
	background-position:4px 4px;
	  background-repeat:no-repeat;
}
#error {
	              color:#FFF;
	   background-color:#e03602;
	            padding:3px 5px 3px 20px;
	             margin:5px 0;
	   background-image:url(lib/img/info.png);
	background-position:4px 4px;
	  background-repeat:no-repeat;
}
/*******************************************************************************
** FORM ELEMENTS
*******************************************************************************/
input, textarea, select {
           font-family:Arial;
             font-size:12px;
                 color:#333;
            transition:all 0.25s ease-in-out;
    -webkit-transition:all 0.25s ease-in-out;
       -moz-transition:all 0.25s ease-in-out;
 -webkit-border-radius:5px;
    -moz-border-radius:5px;
         border-radius:5px;
               padding:5px 10px 5px 10px;
                border:1px solid #CCC;
      background-color:#FFF;
}
input:focus, textarea:focus, select:focus {
         box-shadow:0 0 5px rgba(0, 120, 255, 1);
 -webkit-box-shadow:0 0 5px rgba(0, 120 255, 1); 
    -moz-box-shadow:0 0 5px rgba(0, 120, 255, 1);
             border:1px solid rgba(0, 120, 255, 0.8); 
}
.inp15px { width:15px; }
.inp20px { width:20px; }
.inp30px { width:30px; }
.inp50px { width:50px; }
.inp70px { width:70px; }
.inp100px { width:100px; }
.inp150px { width:150px; }
.inp200px { width:200px; }
.inp250px { width:250px; }
.inp300px { width:300px; }
.inp400px { width:400px; }
.submitbut { 
 background: #DDD; /* Show a solid color for older browsers */
 background: -moz-linear-gradient(#FFF, #DDD);
 background: -o-linear-gradient(#FFF, #DDD);
 background: -webkit-linear-gradient(#fff, #ddd);
 -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
 -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
 box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
 border: 1px solid #DDD;
 color: #27211b;
 text-shadow: 1px 1px #FFF;
 padding: 3px 5px;
 cursor: pointer;
}
.required { background-image:url(lib/img/required.gif); background-position:right 6px; background-repeat:no-repeat; }
.resize_none { resize: none; }
.submitbut:hover { /*background-color:#ff6602; font-weight:bold; color:#FFF; cursor:pointer; border:none;*/ }
.inpsingle_key { font-size: 22px; vertical-align: middle; }

.clean_input { padding:0; border:none; background-color:transparent; }
.clean_input:focus {
         box-shadow:none;
 -webkit-box-shadow:none; 
    -moz-box-shadow:none;
             border:none; 
}
/*******************************************************************************
** HEADER
*******************************************************************************/
header { background: transparent; height: 170px; }
#header_wrapper { width: 1000px; background: transparent; color: #888; padding: 0; float: left; }
#header_wrapper h1, #header_wrapper h2 { font-weight: normal; border-bottom: 0; text-transform: none; margin: 0; }
#header_left_column { float:left; width:500px; }
#logo { float:left; width:135px; }
#logo_text { float:left; margin-left:10px; }
#header_right_column { float:right; width:300px; text-align:right; }
#logo_sitemap, #logo_sitemap img, .sitemap_open, .sitemap_close { width:98px; height:25px; }
#logo_sitemap { float:right; margin:0 10px 0 0; }
.sitemap_open { background-image:url(img/ui/sitemap_open.png); background-position:0 0; background-repeat:no-repeat; }
.sitemap_close { background-image:url(img/ui/sitemap_close.png); background-position:0 0; background-repeat:no-repeat; }
#logo_tel { float:right; margin:70px 0 0 0; text-align:right; clear:both; }
#logo_tel img { margin:0 5px; }
#logo_tel h2 { padding: 0; color: #006dcc; font-family:'Marck Script', cursive, Arial, sans-serif; font-size:14px; }
#logo_text h1, #logo_text h1 a, #logo_text h1 a:hover { padding: 0; color: #444; text-decoration: none; }
#logo_text h1 a .logo_colour { color: #ed1c24; }
#logo_text a:hover .logo_colour { color: #444; }
#logo_text h2 { padding: 80px 0 0 0; color: #27211b; }
/*******************************************************************************
** SITEMAP
*******************************************************************************/
#sitemap_wrapper { 
 background-color:#666; 
	display:none; 
	margin:0; 
	padding:0; 
 -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
 -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
 box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
}
#sitemap_container { width:1000px; margin:0 auto; }
ul.sitemap { padding:10px 0; display:table-cell; }
ul.sitemap li { float:left; list-style-type:none; color:#FFF; font-size:14px; padding:0 20px; }
ul.sitemap li ul { margin:0; padding:10px 0; }
ul.sitemap li ul li { float:none; margin:0; padding:1px; color:#CCC; font-size:11px; }
ul.sitemap li ul li a { color:#CCC; text-decoration:none; }
ul.sitemap li ul li a:hover { color:#FFF; }
ul.sitemap li ul li ul { margin:0 0 0 10px; padding:0; }
/*******************************************************************************
** FEATURED
*******************************************************************************/
#featured {
 text-align: left;
 background: #FFF url(img/ui/bg_featured.jpg) no-repeat 0 0;
 margin: 15px 0 0 0;
 padding: 15px;
 height:180px;
}
ul.featured {
 margin:0;
 padding:0;
 float:left;
}
ul.featured li {
 float:left;
 list-style-type: none;
 margin: 0;
 padding: 0 10px;
 width:280px;
 height:180px;
}
ul.featured li a { color:#ed1c24; text-decoration:none; }
ul.featured li a:hover { color: #006dcc; }
ul.featured li h1 {
 font-size:16px;
 color:#ed1c24;
 padding:0 0 5px 0;
 margin:0;
}
ul.featured li p {
 padding:10px 20px 10px 0;
 border-right:1px solid #b8b7b5;
 height:120px;
}
ul.featured li:last-child p {
 border-right:none;
}
ul.featured_services {
 margin: 0 20px 0 0;
 padding:0;
 float:left;
}
ul.featured_services li {
 float:none;
 list-style-type: none;
 margin:0;
 padding:0;
 width:300px;
 height:auto;
 border-bottom:1px solid #b8b7b5;
}
ul.featured_services li:last-child { border-bottom:none; }
ul.featured_services li a { padding: 0; color: #444; text-decoration: none; }
ul.featured_services li a:hover { color: #ed1c24; }
/*******************************************************************************
** SITE CONTENT WRAPPER
*******************************************************************************/
#site_content {
 width: 1000px;
 overflow: hidden;
 margin: 0px auto 0 auto;
 padding: 15px 0 15px 0;
}
/*******************************************************************************
** LEFT NAV
*******************************************************************************/
#left_nav {
 float:left;
 text-align: left;
 background: #FFF url(img/ui/bg_page_content_full.jpg) no-repeat 0 0;
 margin: 0;
 padding: 25px;
 width:190px;
 -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
 -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
 box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
}
#left_nav h1 {
 color:#444;
 padding:0 0 5px 0;
 margin:0 0 15px 0;
 border-bottom:1px solid #666;
}
#left_nav ul {
 list-style-image: url(img/ui/bullet_list.png);
}
#left_nav ul li {
 padding:2px 0;
}
#left_nav ul li ul {
 margin:5px 0 0 20px;
}
#left_nav ul li ul li {
 margin:0;
	padding:0;
}
#left_nav a { 
 color: #444; 
 text-decoration: none; 
 display:block; 
 padding:0 5px; 
 -webkit-transition-duration: 1s;
 -moz-transition-duration: 1s;
 -o-transition-duration: 1s;
 -ms-transition-duration: 1s;
 transition-duration: 1s;
}
#left_nav a:hover { 
 color: #FFF; 
 background-color:#006dcc; 
 -webkit-transition-duration: 0.2s;
 -moz-transition-duration: 0.2s;
 -o-transition-duration: 0.2s;
 -ms-transition-duration: 0.2s;
 transition-duration: 0.2s;
}
#left_nav a.selected { color: #FFF; background-color:#006dcc; }
#left_nav .address {
	font-family:'Marck Script', cursive, Arial, sans-serif;
	margin-top:30px;
 width:170px;
 text-align:center;
 font-size:11px;
 background-color:#F8F8F8;
 padding:10px;
}
/*******************************************************************************
** PAGE CONTENT HALF
*******************************************************************************/
#page_content_half {
 float:left;
 text-align: left;
 background: #FFF url(img/ui/bg_page_content_full.jpg) no-repeat 0 0;
 margin:0 0 0 10px;
 padding: 25px;
 min-height:400px;
 width:700px;
 display:table-cell;
 -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
 -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
 box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
}
#page_content_half h1 {
 color:#ed1c24;
 padding:0 0 5px 0;
 margin:0 0 15px 0;
 border-bottom:1px solid #666;
}
#page_content_half ul { margin:10px 30px; }
/*******************************************************************************
** PAGE CONTENT FULL
*******************************************************************************/
#page_content_full {
 float:left;
 text-align: left;
 background: #FFF url(img/ui/bg_page_content_full.jpg) no-repeat 0 0;
 margin: 0;
 padding: 25px;
 min-height:400px;
 width:950px;
 display:table-cell;
 -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
 -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
 box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
}
#page_content_full h1 {
 color:#ed1c24;
 padding:0 0 5px 0;
 margin:0 0 15px 0;
 border-bottom:1px solid #666;
}
#page_content_full ul { margin:10px 30px; }
/*******************************************************************************
** SLIDER
*******************************************************************************/
ul#slider {
 margin: 0 15px 10px 0;
 padding: 0;
 list-style: none;
 position: relative;
}
ul#slider li {
 display: block;
 overflow: hidden;
 padding: 0;
 float: left;
 width: 155px;
 height: 300px;
}
/*******************************************************************************
** SOCIAL
*******************************************************************************/
#nav li.social {
 width:22px;
 height: 22px;
 margin:12px 5px 0 0;
 overflow: hidden;
 cursor: pointer;
 -webkit-transition-duration: 0.5s;
 -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s;
 -ms-transition-duration: 0.5s;
 transition-duration: 0.5s;
	padding:0;
}
#nav li.social.first_item { margin-left:180px; }
#nav li.social.facebook img, #nav li.social.twitter img, #nav li.social.rss img { width:22px; height:22px; }
#nav li.social.facebook:hover, #nav li.social.twitter:hover, #nav li.social.rss:hover { background-position: 0 -22px; }
#nav li.social.facebook { background: url("img/ui/icon_facebook.png") 0 0 no-repeat; }
#nav li.social.twitter { background: url("img/ui/icon_twitter.png") 0 0 no-repeat; }
#nav li.social.rss { background: url("img/ui/icon_rss.png") 0 0 no-repeat; }
/*******************************************************************************
** FOOTER
*******************************************************************************/
footer {
 width: 1000px;
 font-size: 11px;
 height: 30px;
 padding: 15px 0 0 0;
 text-align: left;
 background: #ddd; /* Show a solid color for older browsers */
 background: -moz-linear-gradient(#fff, #ddd);
 background: -o-linear-gradient(#fff, #ddd);
 background: -webkit-linear-gradient(#fff, #ddd);
 -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
 -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
 box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
 border: 1px solid #eee;
 border-radius: 7px 7px 7px 7px;
 -moz-border-radius: 7px 7px 7px 7px;
 -webkit-border: 7px 7px 7px 7px;
}
footer p {
 padding: 0;
}
footer .copyright {
 padding: 3px 0 0 20px;
 float:left;
}
footer a {
 color: #27211b;
 text-decoration: none;
}
footer a:hover {
 color: #27211b;
 text-shadow: none;
 text-decoration: underline;
}
/*******************************************************************************
** RELATED IMAGES
*******************************************************************************/
.related_img td { padding:7px 5px 10px 5px; cursor:pointer; }
.related_img td img { 
 border:5px solid #b9b0b0;
 -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s;
 -ms-transition-duration: 0.5s;
 transition-duration: 0.5s;
}
.related_img td img:hover { border:5px solid #ed1c24; }
.related_img td p { margin:2px 3px 0 3px; font-size:10px; font-style:italic; }
/*******************************************************************************
** KUNYE
*******************************************************************************/
.kunye_ajans {
 float:right;
 width: 65px;
 height: 11px;
 overflow: hidden;
 cursor: pointer;
 background: url("img/kunye_ajans.png") 0 0 no-repeat;
 -webkit-transition-duration: 0.5s;
 -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s;
 -ms-transition-duration: 0.5s;
 transition-duration: 0.5s;
 margin:5px 20px 0 0;
}
.kunye_ajans:hover {
 background-position: 0 -11px;
}
/*******************************************************************************
** SCROLL TO TOP
*******************************************************************************/
#back-top { position: fixed; bottom:10px; right:20px; }
#back-top a {
 width: 50px;
 display: block;
 text-align: center;
 font-size: 11px;
 text-transform: uppercase;
 text-decoration: none;
 color: #006dcc;
 -webkit-transition-duration: 0.5s;
 -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s;
 -ms-transition-duration: 0.5s;
 transition-duration: 0.5s;
}
#back-top a:hover { color: #ed1c24; }
#back-top span {
 width: 50px;
 height: 50px;
 display: block;
 margin-bottom: 5px;
 background: #006dcc url(lib/img/up-arrow.png) no-repeat center center;
 -webkit-transition-duration: 0.5s;
 -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s;
 -ms-transition-duration: 0.5s;
 transition-duration: 0.5s;
}
#back-top a:hover span { background-color: #ed1c24; }