@import url("reset.css");
@import url("960_24_col.css");

/**************************************
		General
**************************************/
body{
	background:#5b9bc0 url(../images/bg.jpg) top center repeat-x;
	color:#656464; 
	font:normal 12px Arial, Helvetica, sans-serif;
}

a, a:hover, a:visited{
	color:#494949;
	text-decoration:none;	
}

h1, h2, h3, h4, h5, h6{
	color:#3e4975;
	font-family:ubuntu, Arial, Helvetica, sans-serif !important;
	margin: 0 0 1em;
}

h1{
	font-size:20px;
}

h2{
	font-size:18px;
}

h3{
	font-size:16px;
}

h4{
	font-size:14px;
}

h5{
	font-size:12px;
}

h6{
	font-size:10px;
}

p{
	line-height: 1.5em;
	padding: 0 0 1.3em;
}

strong{
	color:#3e4975;
}
.right{
	float:right;
}

.left{
	float:left;
}

.stripetable .alt {
	background-color:#F5F5F5;
}
/**************************************
			Header
**************************************/
#header h1 { 
	background:url(../images/logo.png) no-repeat; 
	float:left; 
	text-indent:-9999px; 
	width:364px; 
}

#header h1 a { 
	display:block; 
	height:136px; 
}

.logo { 
	width:364px; 
	height:96px; 
	margin:20px 0; 
	padding:0; 
}

.slogan { 
	width:273px; 
	height:35px; 
	margin:50px 0; 
	padding:0; 
	text-align:right;
}
/**************************************
		Sliders
**************************************/
.gallery { 
	height:422px; 
	padding:0 0 5px 0; 
	background:url(../images/box-bg.png) top center no-repeat;
}

.cu3er_resize { 
	width:725px; 
	height:380px;
}

#portfolio { 
	width:190px; 
	height:360px; 
	float:left; 
	padding:10px 10px 10px 20px;
}

#portfolio h2 {
	color:#FFF;
}

#portfolio ul{
	float:left; 
	display:block; 
	margin:10px; 
	font-size:15px;
}

#portfolio ul li {
	margin:0 5px 5px 0; 
	list-style:square;
}

#portfolio ul li a {
	color:#fff;
}

#slider { 
	width:725px; 
	height:380px; 
	padding:0; 
	float:right; 
}

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

#slider li { 
	overflow:hidden; 
	margin:0 auto; 
}

#inner-slider { 
	width:600px; 
	height:400px; 
	padding:0; 
}

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

#inner-slider li { 
	overflow:hidden; 
	margin:0 auto; 
}


/**************************************
		Navigation
**************************************/
.topnav { 
	padding:5px 0; 
	background:#609FC3; 
}

.topnav ul { 
	padding:0; 
	margin:0; 
	overflow:hidden 
}

.topnav li { 
	float:left; 
	padding:0 2px; 
}

.topnav li a { 
	width:81px; 
	height:29px; 
	font:normal 14px ubuntu, Helvetica, sans-serif;
	color:#fff; 
	display:block; 
	float:left; 
	padding:8px 0 0 0; 
	text-align:center;
}

.topnav li a:hover, .topnav li.current a { 
	background: url(../images/menu_hover.png) top no-repeat; 
}
/**************************************
		Inside Menu
**************************************/
#inside-navigation ul {
	margin:0px; padding:0px;
	background:#6ec1f3;
}

#inside-navigation li {
	list-style: none;
	padding-right: 5px;
} 

#inside-navigation ul li {
	border-bottom: #fff solid;
	border-top: #fff solid;
	border-width: 1px;
}

#inside-navigation a {
	color: #fff;
	cursor: pointer;
	display:block;
	height:25px;
	line-height: 25px;
	text-indent: 10px;
	text-decoration:none;
	width:100%;
}
#inside-navigation a:hover{
	text-decoration:none;
}

#inside-navigation li:hover {
	background: #609FC3;
	position: relative;
}

ul.sub-level {
    display: none;
}
li:hover .sub-level {
    background: #6ec1f3;
    border: #fff solid;
    border-width: 1px;
    display: block;
    position: absolute;
    left: 200px;
    top: 5px;
}
ul.sub-level li {
    border: none;
    float:left;
    width:230px;
}

/*Seconda Level*/
#inside-navigation .sub-level {
    background: #6ec1f3;
	z-index: 10;
}

/*Third Level*/
#inside-navigation .sub-level .sub-level {
    background: #6ec1f3;
}
/**************************************
	Content
**************************************/
#content{
	background:#fff;
	padding:10px 0;
	min-height:300px;
}

.separator{
	background-image: url(../images/content.gif) !important;
	background-repeat:repeat-y !important;
}

ul.partners {
	border-top:#5B9BC0 1px solid;
	padding: 5px 0;
}

ul.partners li{
	float:left;	
}

.partners img {
  width: 105px;
}

footer a,
footer a:visited,
footer a:hover{
	color:#FFF;
}

.content-box{
	background:#fff;
}

.heading{
	background:#999;
	height:40px;
	color:#FFF;
	line-height:40px;
	font-size:16px;
	padding-right:10px;
}

.heading span{
	float:right;
	padding-left:10px;
	width:19px;
	height:19px;
}

.box-body{
	min-height:110px;
	padding:10px;
	overflow: hidden;
}

.box-body ul{
	margin:5px 0;
	padding-right: 0;
}

.box-body ol{
	margin:5px;
	padding-right: 1em;
	text-indent: -1em;
}

.box-body ul li{
	padding-right: 10px; 
	background-image: url(http://www.medengco.com/themes/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: right center; 
}

.box-body ol li{
	padding-right: 10px;
	list-style-type: decimal;
	direction:rtl;
}

.box-body table{
	width:100%;
	direction:rtl;
}

.box-body table th {
	font-weight:bold;
	background: #DDD;
	padding: 5px;
	vertical-align: middle;
}

.box-body table td {
	padding: 5px;
	border: 1px solid #DDD;
	vertical-align: middle;
}

.profile{
	float:right;
	width:200px;
	margin-left:5px;
}

.profile img{
	width:200px;
	height:298px;
}

.profile p{
	padding:5px;
	width:190px;
	margin-bottom:5px;
	background:#999;
	color:#fff;	
}
.social{
	margin-top:20px;
}

#content table{
	width: 100%;
}

#content table th {
    background: #DDDDDD;
    font-weight: bold;
    padding: 5px;
    vertical-align: middle;
}

#content table td {
    border: 1px solid #DDDDDD;
    padding: 5px;
    vertical-align: middle;
}
/**************************************
		Product Slider
**************************************/
#slides{
	position: relative;
}

.slides_container {
	width:300px;
	display:none;
}

.slides_container div.slide {
	width:300px;
	height:194px;
	display:block;
}

.slides_container div.slide img {
	max-width:300px;
}

#slides .prev, #slides .next {
	margin-right: 5px;
	float: left;
	height:21px;
	text-indent:-9999px;
	display:block;
	width:21px;
	position:absolute;
	z-index:10;
}

#slides .prev {
	background:url(../images/arrow-prev.png);
	left:5px;
	bottom:5px;
}

#slides .next {
	background:url(../images/arrow-next.png);
	left:30px;
	bottom:5px;
}

/**************************************
		Products Page
**************************************/
.boxcaption {
    background: url("http://www.medengco.com/themes/images/caption-bg.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 150px;
    outline: 0 none;
    position: relative;
    width: 230px;
}
.boxgrid {
    float: left;
    height: 150px;
    margin-bottom: 10px;
    margin-right: 5px;
    overflow: hidden;
    position: relative;
    width: 230px;
}
.boxgrid img {
    border: 0 none;
    left: 0;
    outline: 0 none;
    position: absolute;
    top: 0;
}
.boxcaption h2.captionhead {
    font: bold 18px ubuntu,Tahoma,Geneva,sans-serif;
    margin: 40px 0 0 20px;
    width: 150px;
}
.boxcaption p.captionpara {
    float: left;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 13px;
    line-height: 14px;
    margin: 10px 0 0 20px;
    text-align: left;
    width: 200px;
}

.port_resize {
    float: left;
    height: 191px;
    margin-right: 5px;
    padding: 0;
    width: 230px;
}
.port_resize img {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
    width: 230px;
}

/**************************************
		Footer
**************************************/
#footer {
	color:#fff; 
	font-size:11px; 
	line-height:21px; 
	margin:0 auto; 
	padding:10px; 
}

#footer span { 
	text-align:right;
}

#footer a { 
	color:#fff; 
}