/*   
Theme Name: Lusosystems Inc
Theme URI: http://lusosystems.com
Description: Lusosytems Custom Made Theme .
Author: Ricardo Nunez
Author URI: http://ricnunez.com
Template: luso
Tags: luso
Version: 0.1
*/
 
 @import url(http://fonts.googleapis.com/css?family=Open+Sans);
 
* { padding: 0px; margin: 0px; }

body {  
font: normal 14px/100% Verdana, Tahoma, sans-serif;
font-family: 'Open Sans',Arial,Tahoma,Verdana; 
margin:0px;
padding:0px;
font-size: 14px;
line-height: 24px; 
background: #FFFFFF;
}
 

img { border: 0px; }
.clear { clear: both; } 

#wrapper { width:960px; margin: 20px auto 0px auto; } 

#header { } 
 
.newlogo { 
text-align: left;
float: left;
font-size: 42px; 
padding: 0px;
margin: 0px;
} 

.logo { 
text-align: left;
text-indent: -999999px;
text-transform: propercase;  
float: left;
font-family: 'Buda', arial, serif; 
font-size: 42px; 
overflow: hidden; 
padding: 0px;
margin: 0px;
font-weight: bold;
display: block;
color:  #27464F;
background: url(images/logosmall.gif) no-repeat;
width: 375px; 
height: 60px;
}
 
.alignright {float: right; }
.alignleft {float: left; }
.aligncenter { margin: auto; }
img.alignright {float: right; }
img.alignleft {float: left; }

 /*
 *
 * 
 HEADINGS
 *
 */
.subline {  background: #EEEEEE; text-shadow: 1px 1px 1px #333333; }
.subline h1 { padding: 10px 20px; }
.sinline .slider1 { position: relative; top: -10px; }

h1, h2, h3, h4, h5{ font-family: 'Open Sans',Arial,Tahoma,Verdana; color: #333333; text-shadow: 1px 1px 1px #FFFFFF; margin: 8px 0px 15px 0px;} 
 
h1 { font-size: 28px; }
h2 { font-size: 24px; font-weight: normal; margin: 15px 0px; }
h3 { font-size: 22px; font-weight: normal;}
h4 { font-size: 20px; font-weight: normal; }
h5 { font-size: 16px; } 
h5 { font-size: 14px; } 
 
.bulleth2 { font-size: 26px; text-shadow: 1px 1px 1px #FFFFFF; color:#454545;  }

#content {  z-index: 0;  
background: #EEEEEE;
border: 1px solid #CCCCCC; 

}
 
#body {
border-top: 1px solid #FFFFFF; 
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #CCCCCC;
background: #EEEEEE;
}
.widecolumn { 
width: 660px; overflow: hidden; text-align: left; z-index: 0;  
background: #FFFFFF url(images/bgcontent.png) repeat-x;
border-right: 1px solid #CCCCCC;
min-height: 400px;
}
.onecolumn {
background: #FFFFFF url(images/bgcontent.png) repeat-x;
overflow: hidden;
}
 
#content a { color: #3B5998; text-decoration: none; font-weight: bold; }
#content a:hover { color: #F6801C;   font-weight: bold; }
.entry ul li { margin: 0px 0px 0px 23px; list-style: url(images/bullet1.png); }  
#content p {  padding: 0px 0px 15px; }
#content .large { font-size: 24px; }
#content .medium { font-size: 16px; }
#content .small { font-size: 12px;}
#content ol { list-style-type: none; }

.entry { }
.post {  padding: 15px; }
.entry-title {  font-size: 32px; }

.entry ul li { margin-left: 30px;}

/*
*
SIDEBAR
*
*/

#sidebar { 
 background: url(images/bgbox.png) -1px 0px no-repeat;
text-align: left; 
width: 295px; 
}
#sidebar  h4, h5 { color: #555555;  font-size: 18px; text-align: left; margin: 10px; text-transform: propercase; font-weight:normal; }
#sidebar ul li { margin: 0px 0px 5px 25px; list-style: url(images/bulletpoint.png); }
#sidebar .twitter { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #D90000; padding: 8px; }
#sidebar .sideicon { margin: 0px 15px; }
.widget { /* background: url(images/bgbox.png) -1px 0px no-repeat; */ padding: 10px; min-height: 100px;  } 


.textwidget{ padding: 10px; }
#text-6, #text-5, #text-7 { background: url(images/bgbox.png) -1px 0px no-repeat;  } 

/*
*
BOTTOM CONTENT
*
*/
.widget-bottom { width: 278px; min-height: 180px; float: left; background: url(images/bgbox.png) no-repeat; padding: 9px 20px; } 

.icon  {  width: 64px; height: 64px; text-indent: -9999px; margin: 0px 10px 0px 0px; }
.webdesign { background: url("images/services_icons.png") -64px 0px; display:block; }
.consultation { background: url("images/services_icons.png") 0px 0px; display:block; }
.seo { background: url("images/services_icons.png") -128px 0px; display:block; }
.translation { background: url("images/services_icons.png") -196px 0px; display:block; }
.wordpress { background: url("images/services_icons.png") -260px 0px; display:block; }
.socialmedia { background: url("images/services_icons.png") -324px 0px; display:block; }
.customsolutions  { background: url("images/services_icons.png") -388px 0px; display:block; }

.bottomcontent  { margin: 0px 0 0px 0; background: #FFFFFF url(images/bgcontent.png) repeat-x;  border-top: 1px solid #FFFFFF;  border-bottom: 1px solid #CCCCCC; } 

#bottommenus  { border-top: 1px solid #FFFFFF;   border-bottom: 1px solid #FFFFFF; background: #EEEEEE;  }
#bottommenus h4 { margin-left: 20px; font-weight: normal; font-size: 18px; }
#bottommenus ul { margin-bottom: 40px; } 
#bottommenus ul li {  margin-left: 40px;  list-style: url(images/bullet1.png); }
 
/*
NEWSLETTER FORM
*/
#largenewsletterbox { 
text-shadow: 1px 1px 1px #DDDDDD; color:#333333; background: #DDDDDD; clear: both; font-size: 22px; padding: 5px; 
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #FFFFFF; 
	background: #FFFFFF url('bg_form.png') left top repeat-x;
	background: -webkit-gradient(linear, left top, left 40, from(#FFFFFF), color-stop(4%, #CCCCCC), to(#EEEEEE));
	background: -moz-linear-gradient(top, #FFFFFF, #CCCCCC 1px, #EEEEEE 50px);
}

.emailecourse { 
font-size: 18px; height:25px; width: 265px; border-radius: 5px;  -moz-border-radius: 5px;  -webkit-border-radius: 5px; 
border: 1px solid #CCCCCC; margin-bottom: 5px; font-style: normal;
 
	background: #efefef url('bg_form.png') left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;  
}
.textnewsletter { width: 600px; text-shadow: 1px 1px 1px #FFFFFF; padding: 10px 20px; text-align:center; }
.ecourseform { text-align:center; vertical-align:middle; padding: 0px; margin: auto; width: 300px; }

 
input.textbox, textarea { 
padding: 4px;
border: solid 1px #C9C9C9;
outline: 0;
font: normal 13px/100% Verdana, Tahoma, sans-serif;
width: 240px;
background: #FFFFFF url('bg_form.png') left top repeat-x;
background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}

textarea { width: 350px; max-width: 375px; height: 150px; line-height: 150%; } 
 
input:hover, textarea:hover,
input:focus, textarea:focus { 
border-color: #FFFFFF; 
-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
}

.form label { margin-left: 10px; color: #999999; } 



input.submitcourse {
width: auto; padding: 9px 15px;   border: 0; font-size: 14px; color: #FFFFFF; 
background: url("images/submitecoursebutton.png") no-repeat transparent; width:275px; height:55px;
cursor: pointer;   cursor: hand;  
}
 

fieldset { border: 0px;}
.mce_inline_error  { XXX !important; font-size: 12px; font-weight: bold; color: #F00;  }
fieldset { border: 0px; margin: 0px; padding: 0px;} 
label {text-align: left; }

 

/*
* 
FOOTER CONTENT
*
*/
#footer { font-size: 12px; margin: 0px; border-bottom: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; }

#footer li { list-style-type: square; color: #8F8F8F; margin-left: 25px; }
#footer a { color: #EFEFEF; text-decoration: none; text-shadow: 1px 1px 1px #5F5959}
#footer .footercontent {  font-size: 12px; padding: 10px; text-align: left; color: #FFFFFF; }
#footer .bottom {  background: #CCCCCC; border-top: 1px solid #CFCFCF; text-shadow: 1px 1px 1px #353535;  }
#footer .copyright { width: 300px; float: left; }
#footer .icon { height: 32px; width: 32px; margin: 5px; float: right; }
 

.socialicons { background: url("images/social-icons.png") 0px 0px; width: 48px; height: 48px; float: left; margin-left: 10px; }

#socialmedia .facebook {  background-position: -0px -0px;   }
#socialmedia .twitter { background-position: -0px -58px;  }
#socialmedia .googleplus { background-position: -0px -116px;  }
#socialmedia .linkedin { background-position: -0px -174px;  }
#socialmedia .youtube { background-position: -0px -232px;  }
#socialmedia .rss { background-position: -0px -290px;  }
 
.meta { font-size: 12px; color: #999; display: block; margin-bottom: 10px;}
#meta a { color: #777777; font-weight: bold; }
#meta a:hover { color: #F6801C; font-weight: bold; }

/*
*
MENU
*
*/
.menu-main-menu-container { float: right; width: 480px; float: right;}
#menu { margin-top: 25px;  text-align:right } 

#menu li { display: inline; list-style: none;  }
 
#menu li a {
	top: 5px; 
	right: -0px;
	position: relative;
 	text-decoration: none;  
	line-height:2; 
	padding: 5px 15px 5px 15px; 
	margin: 0px 5px 1px 0px;
	font-family: 'Buda', arial, serif; 
	font-size: 14px;  
 	font-weight: normal;
	color: #888888; 
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#menu li a:hover {  
color: #333333; 
} 

#menu li a:active {
}

/* Images */
 
img.centered {	display: block;	margin-left: auto;	margin-right: auto;	}
img.alignright { padding: 4px; margin: 0 0 2px 7px; 	display: inline; }
img.alignleft {	padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft {	float: left; }


.wp-caption {
	border: 1px solid #EEE;	text-align: center;	background-color: #f5f5f5;	padding-top: 4px;	margin: 10px;
	-moz-border-radius: 2px;	-khtml-border-radius: 2px;	-webkit-border-radius: 2px;	border-radius: 2px; }
.wp-caption img { 	margin: 0;	padding: 0;	border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px;	line-height: 17px;	padding: 0 4px 5px;	margin: 0; }
.img-frame {	 border: 0px solid #CCCCCC; background: #FFFFFF; box-shadow: 0px 0px 5px #DDDDDD; -webkit-box-shadow: 0px 0px 5px #DDDDDD; -moz-box-shadow: 0px 0px 3px #757575; }

/* End captions */

input { font-size: 12px; padding: 4px; margin: 3px; }
 
blockquote {
  font: 14px/20px arial, sans;
  padding-left: 70px;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-right: 10px;
  background-color: #DEDEDE;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  margin: 8px 8px 12px 8px;
  background-image: url(images/blockquote.png);
  background-position: middle left;
  background-repeat: no-repeat;
  text-indent: 23px;
} 

#rssfeed { border: 2px dashed #F5992B; text-align: center; padding: 10px;  font-style: italic; }
 
/* THUMBNAIL */
.thumbnail { width: 150px; height: 150px; border: 5px solid #DDDDDD; margin: 5px;  }
.excerpt { width: 430px; }
.imgborder { border: 5px solid #DDDDDD; }
  
/*
comments
*/
.commenttitle { font-size: 22px; font-weight: bold; color: #333333; text-shadow: 1px 1px 1px #FFFFFF; margin: 15px 10px; padding: 20px 0px; } 
ol.commentlist { font-family: arial, tahoma, sans; font-size: 12px; border: 0px solid #CCCCCC; list-style: none; margin: 10px; } 
ol.commentlist .comment-body { border-width: 1px 1px; border-style:solid; border-color: #CCCCCC; padding: 10px; background: #EEEEEE; list-style: none; } 
ol.commentlist ul{ margin: 10px 0px; } 
ol.commentlist li  { margin: 10px 0px; } 
ol.commentlist ul li { margin: 10px 0px 0px 25px; list-style: none; }
ol.commentlist li.comment ul.children li div.comment-body {  background: #DEDEDE; border: 1px solid #CCCCCC;} 
ol.commentlist li.comment ul.children li.comment ul.children li.comment div.comment-body  {  background: #EEEEEE; } 
ol.commentlist li.comment ul.children li.comment ul.children li.comment ul.children li.comment div.comment-body  {  background: #DEDEDE; } 
ol.commentlist li.comment ul.children li.comment ul.children li.comment ul.children li.comment ul.children li.comment div.comment-body  {  background: #EEEEEE; } 
ol.commentlist li.comment ul.children li.comment ul.children{ list-style: none; }
ol.commentlist ol ul { list-style: none; }
ol.commentlist ol ul li ul li .comment-body{ background: #FFFFFF; border: 1px solid #CCCCCC;   } 
ol.commentlist ol ul ul li{ border: 0px solid #DDDDDD; } 
ol.commentlist ol ul li { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist .comment-reply-link { border: 1px solid #FFFFFF; background: #CCCCCC; padding: 5px 10px; }

#commentform  p { margin-bottom: 0px;  padding-bottom: 12px; }
#commentform  label { margin-left: 5px; }
.comment-fields { width: 40%; padding-left: 20px; }
.comment-form-comment {  width: 50%; }

#submit { cursor: pointer;   cursor: hand; background: #D90000; padding: 10px 30px; margin: 10px; color: #FFFFFF; border: 1px solid #D90000; 
  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
}

.commentsubmit { padding-right: 12px;} 
 .commentformbox { width: 100%; border: solid 1px #C9C9C9; position: relative;}
#commentform input { width: 90%;} 
#commentform textarea { width: 90%; height: 150px; line-height: 150%; } 

div#respond { background: none repeat scroll 0 0 #FFFFFF; margin: 0; padding: 20px; position: relative; width: 94%; } 



/*
pagination / navigation box
*/
.navigation { clear: both; float: left; border: 1px solid #FFFFFF; box-shadow: inset 0px 0px 20px #BBBBBB; -moz-box-shadow: inset 0px 0px 20px #BBBBBB; -webkit-box-shadow: inset 0px 0px 20px #BBBBBB; background: #EEEEEE; padding: 10px; width: 620px; margin: 0px 0px 15px 0px; } 
.navigation .box { border: 1px solid #FFFFFF; padding: 5px; margin: 0px 5px; background: #FFFFFF; box-shadow: inset 0px 0px 20px #BBBBBB; -moz-box-shadow: inset 0px 0px 5px #BBBBBB; -webkit-box-shadow: inset 0px 0px 20px #BBBBBB; } 
.navigation .current { border: 1px solid #CCCCCC; box-shadow: inset 0px 0px 20px #FFFFFF; -moz-box-shadow: inset 0px 0px 5px #FFFFFF; -webkit-box-shadow: inset 0px 0px 20px #FFFFFF; } 



 
 
 
 
 
 
 
 
 
.pricing h2, h4{ color: #151515; } 
 
.wpbox {

width: 250px;
border: 1px solid;
margin: 20px; 
padding: 0 0 10px;
background: #EFEFEF; 
border: 1px solid #DDDDDD;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; 
box-shadow: 0px 0px 3px #CCCCCC;
-webkit-box-shadow: 0px 0px 3px #CCCCCC;
-moz-box-shadow: 0px 0px 3px #CCCCCC;

text-shadow: 1px 1px 1px #FFFFFF; 
}
 .pricing div {  
 	transition: all 0.15s ease-in-out;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;  
 }
 
 .pricing .wpbox:hover {  

border: 1px solid #FFFFFF;
background: #B8EEFC;  

transition: all 0.15s ease-in-out;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;  

box-shadow: 0px 0px 10px #AAAAAA;
-webkit-box-shadow: 0px 0px 10px #AAAAAA;
-moz-box-shadow: 0px 0px 10px #AAAAAA;
} 
 
 
ul.features { background: #F8F8F8; }
ul.features  li {
border-bottom: 1px dashed #CCCCCC;
margin-left: 0px;
list-style: none;
line-height: 2;
text-align:center;

}

.wpbasic {

}

.wppremium {

}
h4.price { font-size: 20px; color: #000000;}
.nprice {font-weight: bold; }



/*
*

*
*/