/*
Theme Name: Focus
Theme URI: http://wordpress.org/
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: TWC
Version: 1.1
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/



/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
body{color:#000;background:#FFFFFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;}

html  /*global settings*/
{
	margin:0;
	padding:0;
	font-size:15px;
	font-family:'CantarellRegular', Arial, sans-serif ;	
	
}

body
{
	background-color:#FEFEFE;
	
	color:#666666;
}

h1
{
	font-size:36px;
	color:#f44533;
	margin-bottom:20px;	
	
}

#maintitle h1
{
	
	color:#fff;
	font-size:48px;
	font-family: 'MisoRegular';

}

h2
{
	color:#46567d;
	font-size:21px;
	font-family:'CantarellRegular';
	font-weight:bold;
	margin-bottom:15px;
	line-height:29px;
	
}

h3
{
	color:#666666;
	font-weight:bold;
	font-size:18px;
	margin-bottom:15px;
	
}

h4
{
	color:#ff6e33;
	margin-top:15px;
}

.orange
{
	color:#ff6e33;
	font-weight:bold;	
}

h5
{
	margin-top:10px;
}

p
{
	line-height:20px;
	margin-bottom:15px;
}

ul
{
	line-height:20px;
	margin-bottom:15px;
}
a:link, a:visited
{
	color:#fe6e33;
	text-decoration:none;
}

a:hover
{
	color:#46567d;
	text-decoration:none;
}

.mainwrap
{
background-image: url('images/back.jpg');
	background-repeat:repeat-x;	
}
.mainwrap2
{
background-image: url('images/back2.jpg');
	background-repeat:repeat-x;	
}

#container /*contains all of the divs*/
{
	position:relative;
	width:960px;
	margin:0 auto;
		
	
}


#header
{
	height:116px;
	width:960px;
}

#logo
{
	float:left;
	height:96px;
	width:470px;		
	
}
#logo img
{
	float:left;
	margin-top:19px;
}


.topright
{
	float:right;
	width:470px;
	padding-right:15px;
}

#toplinks
{
	float:right;	
	width:172px;
	margin-top:19px;
	margin-bottom:19px;	
	font-family: 'Share-Regular';
	font-size:15px;

}

#toplinks span
{
	margin-left:5px;
	margin-right:5px;

}

#search
{
	float:right;	
	width:412px;
	height:22px;
	color:#46567d;
	font-size:13px;
	
}

#middlebanner h1
{
	font-size:48px;
	color:#ffffff;
	font-family: 'MisoLight';
	
}

#middlebanner h2
{
	font-size:24px;
	color:#46567d;
}

.alignright
{float:right;}

.alignleft {
float: left
}

.clear
{
	clear:both;
}

.screen-reader-text
{
	float:left;
	margin-top:2px;
	margin-right:7px;
}


#searchsubmit
{
	background:none;
	border:transparent;
	background-image: url('images/searchbutton.jpg');
	background-repeat:no-repeat;	
	width:73px;
	height:22px;
	cursor:pointer;
	margin-left:-6px;
	margin-top:1px;
	float:left;
	border:none;
	color:#ffffff;
	text-transform:uppercase;
	
}
#s
{
	background: url(images/searchbox.jpg) left no-repeat;
	border: none;
	width:255px;
	height:22px;
	float:left;
}

input#s
{
	padding-left:10px;
	padding-top:2px;
}



/* =Menu
-------------------------------------------------------------- */


.menu
{
	clear:both;
	list-style-type:none; /*takes off the bullets y es como global settings para el ul si lo queremos usar como menu, no es obligatorio ponerlo asi pero es recomendable*/
	margin:0;
	padding:0;
	height:29px;
	z-index:2;
	display: inline;
	float:right;
        line-height:normal;
	text-transform:uppercase;
	margin-right:17px;

      
}


#access {
clear:both;
	display: inline;
	display: block;
	float: right;
	z-index:1;
	position:relative;/* importante para que aparezca completo el submenu*/
	display:inline;/* importante para que aparezca completo el submenu*/
	
}
#access .menu-header,
div.menu {
	font-size:22px;
	margin-left: 12px;
	float: right;
	text-transform:uppercase;
	font-family: 'MisoRegular';

}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#access .menu-header li,
div.menu li {
	float: left;/*important to make the li float left to each other main top nav*/
	position: relative;/*important for the drpdown to appear in the right position*/
      background:url("images/left.jpg") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
}
#access a {
			
      display:block;
      background:#FF6F33 url("images/right.jpg") no-repeat right top;
      padding:5px 15px 1px 1px;
      /* padding:5px 15px 4px 6px; */
      text-decoration:none;
      color:#fff;
	
}
#access ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	top: 28px;
	left: 0;
	float: left;
	width: 200px;
	z-index: 999;
	background:none;
	background-color:#FE6E33;
	
}
#access ul ul li {
	min-width: 200px;
	background-image: none;
	background-repeat:no-repeat;
	background:none;
	background-color:#FE6E33;
}
#access ul ul ul {
	left: 100%;
	top: 0;
	background:none;
	background-color:#FE6E33;
}
#access ul ul a {
	line-height: 1em;
	padding: 10px;
	width: 210px;
	height: auto;
	background-image: none;
	background-repeat:no-repeat;
	background:none;
	background-color:#FE6E33;
}
#access li:hover > a,
#access ul ul :hover > a {
	
	color:#ccc
}
#access li:hover > a
{	background:none;
	background:#F44534 url("images/right_on.jpg") right top no-repeat !important;
	/*background-image:;
	background-position: ;*/
      color:#ccc;
      padding-bottom:5px;
}

#access li:hover
{	
	 background-image:url("images/left_on.jpg");
}


#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	background:none;
	background:#F44534 url("images/right_on.jpg") right top no-repeat !important;
     /*background-image:url("images/right_on.jpg");*/
      color:#fff;
      padding-bottom:1px;	
	
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color:#e77925;
}

#access ul li.current_page_item,
#access ul li.current-menu-item 
{
 background-image:url("images/left_on.jpg");
}
#access ul li:hover > ul {
	display: block;/*very important*/
	background:none;
	background-color:#FE6E33;
	
}

#access ul ul :hover > a {
background:none;	
background-color:#FE6E33;

}


#access ul li a:focus
{
	outline:none;
}


/* =Navigation
-------------------------------------------------------------- */

.navigation {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	overflow: hidden;
}
.navigation a:link,
.navigation a:visited {
	color: #888;
	text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
	color: #ff4b33;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#nav-above {
	margin: 0 0 18px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	margin: -18px 0 0 0;
}
/**************************************/

/****** Banner ****************/
#mainpic1
{

	clear:both;
	margin:0 auto;
	z-index:1;

}
#mainpic
{
	margin:0 auto;
	width:941px;
	height:297px;

	
}


#mainpic,
#mainpic ul,
#mainpic li {
	position: relative;
	overflow: hidden;
	width: 941px;
	height: 297px;
	z-index: 0;
}

#main li.show {
	z-index: 20;
}


.banner-text {
	position: absolute;
	top: 20px;
	right: 0px;
	background: url(images/slider-text-bg.png) repeat top left;
	
	padding: 0px;
	color: #fff;	
}
/*
.banner-text p{
	font-family: 'TrebuchetMSBoldItalic';
	color:#ffffff;
	padding-bottom:0px;
	padding-left:14px;
	padding-right:15px;
	max-width:350px;
}*/


.banner-text h2
{
	color:#fff;
	font-size:23px;
	padding-left:13px;
	padding-right:13px;
	padding-top:13px;
	padding-bottom:13px;
}
/********************************/
.maintitle
{
	height:52px;
	width:960px;
}

.h1title
{
	float:left;
	width:748px;
	height:59px;
	padding-left:20px;
}

.try
{
	float:left;
	width:176px;
	margin-top:10px;
}

a.trydemo
{
	width:176px;
	height:37px;
	background-image:url('images/demo.jpg');
	background-repeat:no-repeat;
	cursor:pointer;
	float:left;
	
	
}

a.trydemo:hover
{
	width:176px;
	height:37px;
	background-image:url('images/demo.jpg');
	background-repeat:no-repeat;
	cursor:pointer;
	float:left;
	
	
	
}


#middlebanner
{
clear:both;
margin:0 auto;
height:298px;

}

.bannerleft
{
	width:450px;
	height:285px;
	color:#46567d;
	font-size:23px;
	float:left;
	font-family: 'CantarellRegular';
	
}
.bannerleft p
{
	line-height:29px;
	
}

.bannerright
{
	width:490px;
	height:275px;
	color:#46567d;
	font-size:24px;
	float:left;
	margin-left:14px;
}

.bannerleft a.demobutton
{
	width:340px;
	height:60px;
	background-image:url('images/mainbutton.jpg');
	background-repeat:no-repeat;
	cursor:pointer;
	float:left;
	margin-top:20px;
	
}

.bannerleft a.demobutton:hover
{
	width:340px;
	height:60px;
	background-image:url('images/mainbutton2.jpg');
	background-repeat:no-repeat;
	cursor:pointer;
	float:left;
	margin-top:20px;
	
	
}

.mainwrap #middle
{
padding-left:0px;	
}
#middle
{
position:relative;
background-color:#ffffff;
padding-left:20px;
}

.mid
{
clear:both;	
position:relative;
height:30px;
width:960px;
}
.mid2
{
clear:both;	
position:relative;
height:25px;
width:960px;
background-color:#ffffff;
}

#contenttext
{
	clear:both;
	width:960px;
	
	
	
}

#columnleft
{
	float:left;
	width:640px;
	margin-right:35px;
	color:#666666;
	
}
#columnright
{
	float:left;
	width:248px;
	font-size:16px;
}

#onecolumn
{
	float:left;
	width:940px;
	font-size:16px;
}

.subtitle
{
	width:620px;
	margin:0 auto;
	font-size:16px;
	color:#46567D;
}

.subtitle2
{
	font-size:16px;
	color:#46567D;
	
}
em{
	font-style:italic;
}

.screenshots
{
	clear:both;
	position:relative;
	margin-top:25px;
	
}

.screenshot
{
	float:left;
	margin-left:-8px;
	width:242px;
}

.screenshot p, .screenshot h2
{
	margin-left:12px;
	width:213px;
	
}

.screenshot p a
{
	color:#46567D;
	font-size:15px;
	
}

.screenshot p a:hover
{
	color:#FF6E33;
	font-size:15px;
	
}
/*
.screenshot a
{
	color:#46567D;
	font-size:15px;
	
}

.screenshot a:hover
{
	color:#FF6E33;
	font-size:15px;
	
}
*/

.screenshot h2
{  
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: bold;
    color:#FF6E33;
}

.screenshot h2:hover
{  
      color:#46567D;
}

.screenshot a p
{  
     color:#46567D;
}
.screenshot a p:hover
{  
     color:#FF6E33;
}

.buttons
{
	float:left;
	width:248px;
	height:36px;	
}
a.planbutton
{
	width:248px;
	height:39px;
	background-image:url('images/buttonright.jpg');
	background-repeat:no-repeat;
	cursor:pointer;
	float:left;
	font-family: 'MisoRegular';
	padding-top:9px;
	padding-left:20px;
	font-size:22px;
		
}
.thumbright
{
	width:248px;
	height:136px;
	cursor:pointer;
	float:left;
	}

.blurb1right
{
	
	font-size:16px;
	padding:7px;
	margin-top:10px;
	float:left;
	
}

a.rightbutton
{
	width:248px;
	height:39px;
	background-image:url('images/buttonright.jpg');
	background-repeat:no-repeat;
	cursor:pointer;
	float:left;
	font-family: 'MisoRegular';
	padding-top:9px;
	padding-left:20px;
	font-size:22px;
	padding-bottom:5px;
}

.blurb2right
{
font-size:16px;
	padding:7px;
	margin-bottom:10px;
	float:left;
	margin-top:10px;
}					


.divider2
{
	height:2px;
	border-bottom:solid 1px #FB8253;
	float:left;
	clear:both;
	width:248px;
	margin-bottom:25px;
	margin-top:5px;
	
}

.hide {
display: none;
}

#column
{
float:left;
width:220px;

}

#column2, #column3, #column4
{
float:left;
width:220px;
margin-left:20px;

}

#contenthome
{
	float:left;
	clear:both;
	width:960px;
	
}

.contentTexthome
{
	float:left;
	width:727px;
}

.contentTexthome p
{
margin-top:13px;
font-family:arial;
color:#333333;

}

.secondcontent
{
		margin-top:40px;
}

#satisfiedusers
{
	float:left;

	
}
.thumbsbottom
{
	float:left;
	width:83px;
	margin-right:35px;
	text-align:center;
	font-size:13px;
	text-align:left;
}

.thumbsbottom2
{
	float:left;
	width:83px;
	margin-right:30px;
	text-align:center;
	font-size:13px;
	text-align:left;
}

.thumbsbottom3
{
	float:left;
	width:83px;
	margin-right:35px;
	text-align:center;
	font-size:13px;
	text-align:left;
}

.thumbsbottom h5, .thumbsbottom2 h5, .thumbsbottom3 h5
{
margin-top:7px;
text-align:left;
}



#testimonial
{
	float:left;
	margin-right:25px;
	font-size:13px;
}
.toptestimonial
{
width:220px;
height:14px;
background-image: url('images/testtop.jpg');
background-repeat:no-repeat;
}
.middletestimonial
{
width:220px;
background-image: url('images/testmiddle.jpg');
background-repeat:repeat-y;
}

.middletestimonial p
{
	padding-left:15px;
	padding-right:15px;
	margin:0;
	
}
.bottomtestimonial
{
width:220px;
height:52px;
background-image: url('images/testbottom.jpg');
background-repeat:no-repeat;
}
.nametestimonial
{
margin-left:10px;	
}


.pricing
{
	width:640px;
	height:277px;
	background-image: url(images/backpricing.jpg);
	background-repeat:no-repeat;
	margin-bottom:20px;
	
}

.pricealign
{
	margin-left:15px;	
}

.level1
{
	float:left;
	border-bottom: 1px dashed #fff;
	margin-top:25px;
	margin-left:20px;
}

.level2, .level3
{
	float:left;
	border-bottom: 1px dashed #fff;
	margin-top:10px;
	margin-left:20px;
}


.levels
{
	width:475px;
	float:left;
	
}

.levels h2
{
	font-family:'CantarellRegular';
	font-size:21px;
	color:#fff;
	margin-bottom:0px;
	
}

.levels h3
{
	font-family:'CantarellRegular';
	font-size:16px;
	color:#45577e;
	margin-bottom:10px;
	line-height:20px;
}
.price
{
	width:130px;
	float:left;
}

.price h2
{
	font-family:'CantarellRegular';
	font-size:21px;
	color:#fff;
	margin-bottom:10px;
}

.level3
{
border:none;	
}

.level3 .levels
{
	width:350px;
	
}

.level3 .price
{
	width:255px;
}

.getstarted
{
	clear:both;
	background-color:#F5F6F5;
	height:100px;
	margin-bottom:20px;
	margin-top:25px;
}

.getstarted-inside
{
	
	background-color:#FAE686;
	height:60px;
	margin-top:20px;
	margin-left:35px;
	width:560px;
	border:solid 1px #FED700;
	float:left;
	text-align:center;
}

.getstarted-inside-wide
{
	
	background-color:#FAE686;
	height:60px;
	margin-top:20px;
	margin-left:5px;	
	border:solid 1px #FED700;
	float:left;
	width:925px;
	text-align:center;
}

.getstarted-inside h2 
{
	padding:14px;
	text-align:center;
	color:#623A1A;
}

.getstarted-inside-wide h2
{
	padding:10px;
	text-align:center;
	color:#623A1A;
}

.pricing-form
{
	margin-top:15px;
	margin-bottom:20px;
	float:left;
	width:630px;
	clear:both;
}

.features
{
	text-align:left;
	width:220px;
	float:left;	
}
.features img
{
	float:right;
}


.phones
{
	width:400px;
	
}

.orange1
{
	float:left;
	width:110px;
}

.colalign
{
	float:left;
	width:260px;
	
}


.mailing textarea
{
	height:90px;
	width:290px;
}

.message1 textarea
{
	height:90px;
	width:330px;
}
.margin-top
{
	margin-top:10px;
}

#emptytophome
{
	clear:both;
	position:relative;
	height:43px;
	z-index:1;
}
#emptytophome2
{
	clear:both;
	position:relative;
	height:4px;
	z-index:1;
}



#emptytop
{
	clear:both;
	position:relative;
	height:20px;
}

.empty
{
	clear:both;
	position:relative;
	height:15px;
}

.emptydiv
{
	clear:both;
	position:relative;
	height:30px;
}



#footerinside
{
	padding-top:20px;
	margin:0 auto;
	height:157px;	
	width:960px;

}


#footer
{
	clear:both;
	margin:0 auto;
	height:157px;	
	font-size:12px;
	background:url(images/foot.jpg);
	background-repeat:repeat-x;
}



.footL

{
	float:right;
}

.footR
{
	float:right;
}

.copy a
{
 color:#989898;	
}

.copy span
{
	margin-right:15px;
	margin-left:15px;
}
a.blue
{
	color:#35c2fc;
	font-weight:bold;
}

h2.blue2 a:link, h2.blue2 a:visited
{
	color:#46567D;
	font-weight:bold;
	
}

h2.blue2 a:hover
{
	color:#FE6E33;
	font-weight:bold;
	
}

.features a h3:hover, #satisfiedusers a h3:hover
{
	color:#46567D;
	font-weight:bold;
}

.logos
{
	clear:both;
	float:left;
	margin-top:0px;
}

.bubble {
    -moz-border-radius: 15px 15px 15px 15px;
    background: none repeat scroll 0 0 #ffe7dd;
    display: block;
    font-size: 15px;
    line-height: 22px;
    margin: 15px 0 0;
    padding: 15px;
    width: 600px;
}

em.bubble {
    color: #46567D;
    font-style: italic;
}

.bubble-person {
    background: url("images/bubble-speach.png") no-repeat scroll 25px 0 transparent;
    display: block;
    height: 20px;
    padding: 15px 15px 0;
}

#onecolumn .wp-table-reloaded td
{

  
    border-width: 1px 1px medium;
    padding:15px;
    font-size:15px;
    line-height: 20px;
    color:#989898;
  
}
#tabletopfeatures
{
	clear:both;
	float:left;
}

#tabletopfeature table
{
	background:none repeat scroll 0 0 transparent;
}

#tabletopfeatures .wp-table-reloaded td
{
	background:none repeat scroll 0 0 transparent;
	border-collapse:collapse !important;
	border-width: 0;
	border-color:#ffffff;
	border:none;
	padding:10px;
	font-size:15px;
	line-height: 20px;
	color:#666666;
	border-spacing:0;
	background-color:#ffffff;
	
	
  
}


#onecolumn .wp-table-reloaded td
{
    padding-left:20px;
   
}

#tabletopfeatures .wp-table-reloaded td
{
    padding-left:10px;
   
}


#onecolumn .wp-table-reloaded td h4
{
	margin-bottom:-13px;
	margin-top:8px;
	font-weight:bold;
}

#tabletopfeatures .wp-table-reloaded td h2
{
	margin-bottom:10px;
	margin-top:8px;
	font-weight:bold;
	font-size:18px;
	line-height:20px;
}

#wp-table-reloaded-id-2-no-1
{
	width:915px;
	margin-left:7px;
	
}

#wp-table-reloaded-id-3-no-1
{
	width:915px;
	margin-left:7px;
	clear:both;
	position:relative;
}

td.column-1, td.column-2, td.column-3
{
	width:33%;
}

td.column-3
{
	border-right-color:#fff;
}

#tabletopfeatures td.column-1, #tabletopfeatures td.column-2, #tabletopfeatures td.column-3
{
	width:25%;
}

div.wpcf7-mail-sent-ok {
    border: 2px solid #FF6E33;
}