body { 
background : url(../images/body-bg.png) repeat-x;
margin : 0; 
padding : 0; 
font-family : Arial, Helvetica, sans-serif; 
color : #666; 
font-size : 14px; 
line-height : 19px; 
text-align : center; 
} 
a { 
text-decoration : underline; 
color : #0000af; 
} 
a:link { 
color : #0000af; 
} 
a:hover { 
color : #fa6f06; 
text-decoration : underline; 
} 
a:active { 
color : #0000af; 
} 
#wrapper { 
text-align : left; 
} 
#center { 
width : 930px; 
margin : 0 auto; 
} 
.container { 
width : 930px;
height : auto; 
margin : 0 auto; 
margin-top : 5px; 
margin-bottom : 0px; 
background-color : #ffffff; 
} 
h2 { 
color : #333; 
} 
.line { 
border-bottom : 0.5px dotted #ccc; 
width : auto; 
}
/******************************* Header **************************************/ 
#header { 
width : 900px; 
padding : 20px 0px 0px 15px; 
height : auto; 
position : relative; 
} 

#header h1 { 
width : 900px; 
height : 60px; 
} 
 
/******************************* Slider **************************************/
#slider { 
margin : 25px auto; 
width : 800px; 
height : auto; 
margin-top : 0px; 
border-bottom : 0px dotted #ccc; 
} 
#sliderbox { 
left : 25px; 
top : 0px; 
width : 745px; 
height : 275px; 
-moz-box-shadow:3.5px 0px 0px 3.5px 5px #ccc;
-webkit-box-shadow:3.5px 0px 0px 3.5px 5px #ccc;
box-shadow:3.5px 3.5px 5px #000000;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border:1px solid #ccc;
padding:0 0px 0px;

} 

#sliderbox ul, #sliderbox li { 
margin : 0; 
padding : 0; 
list-style : none; 
} 
#sliderbox, #sliderbox li { 
position : relative; 
height : 275px; 
width : 745px; 
overflow : hidden; 
} 

#innersliderbox1 { 
left : 0px; 
top : 0px; 
width : 235px; 
height : 400px; 
-moz-box-shadow:3.5px 0px 0px 3.5px 5px #ccc;
-webkit-box-shadow:3.5px 0px 0px 3.5px 5px #ccc;
box-shadow:3.5px 3.5px 5px #000000;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border:1px solid #ccc;
padding:0 0px 0px;

} 

#innersliderbox1 ul, #innersliderbox1 li { 
margin : 0; 
padding : 0; 
list-style : none; 
} 

#innersliderbox1, #innersliderbox1 li { 
position : relative; 
height : 400px; 
width : 235px; 
overflow : hidden; 
} 

/******************************* Inner Slider **************************************/
#innerslider { 
margin : 25px auto; 
width : 800px; 
height : auto; 
margin-top : 0px; 
border-bottom : 0px dotted #ccc; 
} 
#innersliderbox { 
left : 25px; 
top : 0px; 
width : 745px; 
height : 100px; 
-moz-box-shadow:3.5px 0px 0px 3.5px 5px #ccc;
-webkit-box-shadow:3.5px 0px 0px 3.5px 5px #ccc;
box-shadow:3.5px 3.5px 5px #000000;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border:1px solid #ccc;
padding:0 0px 0px;

} 

#innersliderbox ul, #innersliderbox li { 
margin : 0; 
padding : 0; 
list-style : none; 
} 

#innersliderbox, #innersliderbox li { 
position : relative; 
height : 100px; 
width : 745px; 
overflow : hidden; 
} 

/******************************* Navegation ( menu ) **************************************/
#nav {
margin : 22px;
margin-right : 175px;
float : right;
width : 500px; 
height : 50px; 
} 

#navigation,#navigation ul{
	margin:0;
	list-style:none;
	padding:0;
	background-color:#dedede;
	border-width:1px;
	border-style:solid;
	border-color:#5f5f5f;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

#navigation ul{
	display:none;
	position:absolute;
	left:0;
	top:100%;
	-moz-box-shadow:3.5px 3.5px 5px #000000;
	-webkit-box-shadow:3.5px 3.5px 5px #000000;
	box-shadow:3.5px 3.5px 5px #000000;
	background-color:#FFF;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-color:#d4d4d4;
	padding:0 10px 10px;
}

#navigation li:hover>*{
	display:block;
}

#navigation li{
	position:relative;
	display:block;
	width : 120px; 
	white-space:nowrap;
	font-size:0;
	float:left;
	}

#navigation li:hover{
	z-index:1;
	}

#navigation ul ul{
	position:absolute;
	left:100%;
	top:0;
	}

#navigation{
	font-size:0;
	z-index:999;
	position:relative;
	display:inline-block;
	zoom:1;
	padding:0;
	*display:inline;
	}

* html #navigation li a{
	display:inline-block;
	}

#navigation>li{
	margin:0;
	}

#navigation a:active, #navigation a:focus{
	outline-style:none;
	}

#navigation a{
	display:block;
	vertical-align:middle;
	text-align:left;
	text-decoration:none;
	font:bold 16px Arial,Helvetica,sans-serif;
	color:#FFF;
	text-shadow:#FFF 0 0 1px;
	cursor:pointer;
	padding:10px;
	background-color:#0000af;
	background-image:url("mainbk.png");
	background-repeat:repeat;
	background-position:0 0;
	border-width:0 0 0 1px;
	border-style:solid;
	border-color:#C0C0C0;
	}

#navigation ul li{
	float:none;
	margin:10px 0 0;
	}

#navigation ul a{
	text-align:left;
	padding:4px;
	background-color:#FFF;
	background-image:none;
	border-width:0;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	font:18px Arial,Helvetica,sans-serif;
	color:#0000af;
	text-decoration:none;
	}

#navigation li:hover>a,#navigation li a.pressed{
	background-color:#f8ac00;
	border-color:#C0C0C0;
	border-style:solid;
	font:bold 18px Arial,Helvetica,sans-serif;
	color:#0000af;
	text-shadow:#FFF 0 0 1px;
	background-image:url("mainbk.png");
	background-position:0 100px;
	}

#navigation span{
	display:block;
	overflow:visible;
	background-position:right center;
	background-repeat:no-repeat;
	padding-right:0px;
	}

#navigation ul span{
	background-image:url("arrowsub.png");
	padding-right:12px;
	}

#navigation > li.switch{
	display:none;
	cursor:pointer;
	width:25px;
	height:20px;
	padding:10px;
	}

#navigation > li.switch:before{
	content:"";
	position:absolute;
	display:block;
	height:4px;
	width:25px;
	border-radius:4px;
	background:#FFF;
	-moz-box-shadow:0 8px #FFF, 0 16px #FFF;
	-webkit-box-shadow:0 8px #FFF, 0 16px #FFF;
	box-shadow:0 8px #FFF, 0 16px #FFF;
	}

#navigation > li.switch:hover:before{
	background:#0000af;
	font:bold 16px Arial,Helvetica,sans-serif;
	-moz-box-shadow:0 8px #0000af, 0 16px #0000af;
	-webkit-box-shadow:0 8px #0000af, 0 16px #0000af;
	box-shadow:0 8px #0000af, 0 16px #0000af;
	}

.c3m-switch-input{
	display:none;
	}

#navigation li:hover>a,#navigation li > a.pressed{
	background-color:#ea4800;
	background-image:url("mainbk.png");
	background-position:0 100px;
	border-style:solid;
	border-color:#C0C0C0;
	color:#0000af;
	font:bold 16px Arial,Helvetica,sans-serif;
	text-decoration:none;
	text-shadow:#FFF 0 0 1px;
	}

#navigation ul li:hover>a,#navigation ul li > a.pressed{
	background-color:#FFFFFF;
	background-image:none;
	color:#ea4800;
	font:bold 18px Arial,Helvetica,sans-serif;
	text-decoration:none;
	}

#navigation li.topfirst>a{
	border-radius:5px 0 0 5px;
	-moz-border-radius:5px 0 0 5px;
	-webkit-border-radius:5px;
	-webkit-border-top-right-radius:0;
	-webkit-border-bottom-right-radius:0;
	}

#navigation li.toplast>a{
	border-radius:0 5px 5px 0;
	-moz-border-radius:0 5px 5px 0;
	-webkit-border-radius:0;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	}

@media screen and (max-width: 768px) 
{
	#navigation > li {
		position: initial;
	}

	#navigation ul .submenu,#navigation li > ul {
		left: 0; 
		right:auto;
		top: 100%;
	}

	#navigation .submenu,#navigation ul,#navigation .column {
		-webkit-box-sizing:
		border-box;
		-moz-box-sizing: 
		border-box; 
		box-sizing: border-box;
		padding-right: 0;
		width: 100% !important;
	}
}

@media screen and (max-width: 201px) 
{
	#navigation {
		width: 100%;
	}

	#navigation > li {
		display: none;
		position: relative;
		width: 100% !important;
	}

	#navigation > li.switch,.c3m-switch-input:checked + #navigation > li + li {
		display: block;
	}
	
	#navigation > li.switch > label {
		position: absolute;
		cursor: pointer;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
}

/******************************* Colunm Right **************************************/
#col-body-container { 
margin : -10px auto;
width : 930px; 
height: auto;
overflow-x: hidden; 
overflow-y: auto;
float : left; 
background-color : #fffffd; 
padding : 0px;
} 

/******************************* Colunm Left **************************************/ 
#col-left { 
margin : 0 auto;
width : 256px; 
height: auto;
float : left; 
border-right : 1px dotted #ccc; 
border-left : 1px dotted #ccc; 
background-color : #ffffff; 
overflow-x: hidden; 
overflow-y: auto;
}
.social-block { 
height : 38px; 
width : 130px;
} 
.social-block li { 
float : left; 
margin : 0px; 
height : 38px; 
list-style : none; 
} 
.fb-social { 
background : url(../images/facebook.jpg) no-repeat; 
width : 37px; 
height : 38px; 
background-position : top; 
} 
.fb-social:hover { 
background-position : bottom; 
} 
.tw-social { 
background : url(../images/twitter.jpg) no-repeat; 
height : 38px; 
width : 37px; 
background-position : top; 
} 
.tw-social:hover { 
background-position : bottom; 
} 
.in-social { 
background : url(../images/in.jpg) no-repeat; 
height : 38px; 
width : 37px; 
background-position : top; 
} 
.in-social:hover { 
background-position : bottom; 
} 
.yt-social { 
background : url(../images/youtube.jpg) no-repeat; 
height : 38px; 
width : 37px; 
background-position : top; 
} 
.yt-social:hover { 
background-position : bottom; 
} 
.tw-social { 
background : url(../images/twitter.jpg) no-repeat; 
height : 38px; 
width : 37px; 
background-position : top; 
} 
.tw-social:hover { 
background-position : bottom; 
} 

.tw-social a, .in-social a, .fb-social a, .yt-social a { 
text-indent : -9999px; 
display : block; 
height : 38px; 
width : 37px; 
} 

#search { 
margin-bottom : 10px; 
} 

.btn a { 
background-color : #ea4800; 
text-align : center; 
padding : 3px 5px 3px 5px; 
color : #fff; 
text-decoration : none; 
display : block; 
} 

.btn2 a { 
background-color : #ea4800; 
text-align : center; 
padding : 3px 5px 3px 5px; 
color : #fff; 
width : 222px; 
margin : 0 auto; 
display : block; 
text-decoration : none; 
border : 1px solid #fff; 
} 

.btn2 a:hover { 
color : #000; 
} 
.box-col-left { 
width : 230px; 
margin : 10px; 
border-bottom : 1px dotted #cccccf; 
} 

.box-col-h1 { 
margin-right : -590px;
width : 120px;
float : right;
position : right, top;
} 

/******************************* Colunm Right **************************************/
#col-right { 
margin : 0 auto;
width : 660px; 
height: auto;
overflow-x: hidden; 
overflow-y: auto;
float : left; 
background-color : #fffffd; 
border-right : 1px dotted #ccccce; 
border-left : 1px dotted #cccccd; 
padding : 5px;
} 
.box-col-right { 
width : 199px; 
margin-left : 10px; 
padding : 5px; 
border-right : 1px dotted #ccc; 
float : left; 
} 
.box-col-right-last { 
width : 199px; 
margin-left : 10px; 
padding : 5px; 
float : left; 
} 
.li-services { 
list-style-image : url(../images/list-ico.png); 
} 
.li-clients { 
list-style-image : url(../images/list-ico2.png); 
}

/******************************* Colunm OnlyOneCenter **************************************/
#col-onlyonecenter { 
margin : 5px 20px;
width : 1024px; 
height: 551px;
overflow-x: hidden; 
overflow-y: hidden;
float : left; 
background-color : #fffffd; 
border-right : 1px dotted #ccccce; 
border-left : 1px dotted #cccccd; 
padding : 5px;
} 

#col-onlyonecentertop { 
margin : 5px 20px;
width : 900px; 
height: auto;
overflow-x: hidden; 
overflow-y: hidden;
float : left; 
background-color : #fffffd; 
border-right : 1px dotted #ccccce; 
border-left : 1px dotted #cccccd; 
padding : 5px;
} 
 
/******************************* Fotter **************************************/
#fotter { 
	width : 100%; 
	background : url(../images/footer-bg.png) repeat-x; 
	clear: both;
	position: relative;
	height: auto;
	margin-top: -3em;
} 

#fotter-content { 
width : 800px; 
margin : 0 auto; 
padding : 10px; 
height : 150px; 
} 
#end-fotter { 
margin : 0 auto; 
margin-top : 0px; 
font-size : 15px; 
color : #ccccc1; 
} 
.credits { 
color : #fa6f06; 
} 
.fotter-box { 
margin-left : 60px; 
width : 180px; 
float : left; 
text-align : left; 
} 
.fotter-box h2 { 
color : #fffff1;
text-align : left; 
margin-left : 40px;
} 
.fotter-box a { 
color : #ccc; 
text-decoration : none; 
} 
.fotter-box a:hover { 
color : #fa6f06; 
text-decoration : underline; 
} 
.fotter-box li { 
list-style : none; 
}