/*  
Theme Name: Hospilutions
Theme URI: http://hospilutions.com
Version: 1.0
Author: VectorEs Divergente
Author URI: http://VectorEsDivergente.com


*/


html, body { background-color: white; 
	height: auto !important; 
	height: 100%; 
	margin: 0; padding: 0; }

* { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	font-family: Helvetica, Arial, sans-serif;
 }


/*------------Basic styles------------*/

p {
	margin: 0 20px;
	padding: 10px 0 0;
	font-size: 0.8em; 
	line-height: 1.8em;
	color: #575A5B}
p strong {
	color: #779431}
.right {
	text-align: right} 	

.left {
	float: left;
	} 	
	
.left, .alignleft {
	float:left;
	}
h1, h2, h3, h4 { 
	color: #3B3C3B;
	margin: 0 20px;
	line-height: 1.5em; 
	background: transparent }

h1 { 
	font-size: 1.8em;
	font-weight: 400}	

h2 { 
	font-size: 1.2em;
	font-weight: 400 }

h3 { 
	font-size: 0.97em;
	font-weight: 400 }	

h4 { 
	font-size: 0.8em;
	font-weight: 700;
	margin-top: 15px  }	

h3 a:link, h3 a:hover, h3 a:visited { 
	color: #D86619; }	
	
strong { 
	font-weight: 700; 
	}		

.clear { 
	clear: both; 
	}

.clean { 
	clear: both;
	border-top: #ccc 2px dashed;
	margin-top: 10px;
	padding-bottom: 0px;
	}	
/*-------------Layout----------------*/
.head { 
	height: 81px;
	background-color: white;
	margin: 0 auto; 
	padding: 0}

.content { 
	width: 950px;
	background-color: transparent; 
	margin: 0 auto; 
	padding: 0}
	
html>body .content { 
	height: auto}

.maincontent { 
	width: 950px;
	margin: 0 auto; 
	padding: 0}


 /*------------ header------------*/
#header {			
	width: 950px; 
	height: 81px;
	margin: 0 auto; 
	background-color: transparent;
      }
	
/* logo */
.hdlogo{ 
	width: 950px; 
	height: 70px;
	background-color: transparent; 
	margin: 0}

.logologin { 
	float: right;
	background-color: transparent; 
	text-align: right; 
	margin: 0;
	padding: 0px;
	font-size: 0.86em;
}

.tollfree {	
	float: right;
	width: 200px;
	height: 20px;
	padding-bottom: 6px;
	background: #3B3C3B url(images/cornerright.jpg) no-repeat;}	
.tollfree p {
	margin: 3px 20px 0 0;
	padding: 0;
	color: #ffffff}
 
  /* breadcrumb*/
#breadcrumb {
	color: #879387;
	padding: 3px;
	font-size: 0.8em;
	background-color: #D6DBC6;
	border-bottom: #C8CCB6 1px solid}

#breadcrumb ul {
	margin-left: 10px;
	padding-left: 0;
	display: inline;
	border: none;
	} 

#breadcrumb ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	}

#breadcrumb ul li a {  
	background-color: transparent; 
	color: #879387; 
	text-decoration: none; }
	
#breadcrumb #currenta { 
	background-color: transparent; 
	color: #63809E;
	font-weight: 600;
}
	
	

 /* ---------navigation------------ */
#navigation {						
	height: 30px; 
	background: #92B23E url(images/naviback.jpg) repeat-x; 
	margin: 0 auto; 
	padding: 0;
	border-top: #E6E6E6 2px solid;}
.navi {						
	width: 930px;
	margin: 0 auto; 
	}	
/* Main nav list  */
#nav { 
	margin: 0;
	padding: 0;
	background-color: transparent;}

ul#nav { 
	background-color: transparent;
	margin: 0;
	padding: 0;
	border-left: #92B23E solid 1px
}

/* Main nav list items */
#nav li  { 
	font-size: 0.71em;
	background-color: transparent; 
	float: left; 
	list-style: none; 
	text-align: center;
	border-right: #92B23E solid 1px}

#nav img  { 
	float: left;
	margin: 2px 5px;
	padding: 0;}


#nav li a {   /* Main nav styles for all links */
	font-size: 1.1em;
	font-family: 'Diavlo Bold Regular', sans-serif;
	color: #fff; 
	background-color: transparent; 
	display: block; 
	line-height: 30px; /* height of the tab */
	text-decoration: none; }
	 
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active, #nav a#current    { 
	padding:0 }

#nav a:hover, #nav a:active {
	color: #D8E5BD}
	
.navihome, .navisolutions, .naviguarantee, .naviclients, .naviblog, .naviabout, .navicontact, .currenthome, .currentsolutions,
.currentguarantee, .currentclients, .currentblog, .currentabout, .currentcontact   { 
	height: 30px;
	text-indent: -9999px;}	
	
.navihome { 
	width: 89px;
	background: url("images/navigation/home.jpg") no-repeat;}

.navisolutions{ 
	width: 107px; 
	background: url("images/navigation/solutions.jpg") no-repeat;}
	
.naviguarantee{ 
	width: 107px; 
	background: url(images/navigation/guarantee.jpg) no-repeat;}	
.naviclients{ 
	width: 98px; 
	background: url(images/navigation/clients.jpg) no-repeat;}
.naviblog{ 
	width: 72px; 
	background: url(images/navigation/blog.jpg) no-repeat;}
.naviabout{ 
	width: 98px; 
	background: url(images/navigation/about.jpg) no-repeat;}
.navicontact{ 
	width: 110px; 
	background: url(images/navigation/contact.jpg) no-repeat;}
	

.currenthome { 
	width: 89px;
	background: #B0c574 url(images/navigation/home_c.jpg) no-repeat}
.currentsolutions { 
	width: 107px; 
	background: #B0c574 url(images/navigation/solutions_c.jpg) no-repeat}
.currentguarantee { 
	width: 107px; 
	background: #B0c574 url(images/navigation/guarantee_c.jpg) no-repeat}
.currentclients { 
	width: 98px; 
	background: #B0c574 url(images/navigation/clients_c.jpg) no-repeat}
.currentblog { 
	width: 72px; 
	background: #B0c574 url(images/navigation/blog_c.jpg) no-repeat}
.currentabout { 
	width: 98px; 
	background: #B0c574 url(images/navigation/about_c.jpg) no-repeat}
.currentcontact { 
	width: 110px; 
	background: #B0c574 url(images/navigation/contact_c.jpg) no-repeat}

/* subnav */
.subnavigation {
	margin: 21px 0 0;
	padding: 0	
}

.subnavigation h1 {
	float: left;
	margin-top: 0;
	padding-top: 0}
.subnavi {
	float: right;
	background: transparent url(images/subnavi/subnaviback.jpg) repeat-x;
	width: 742px;
	height: 29px;
	margin-top: 5px;}

#subnav, #subnav ul, #subnav li  { 
	margin: 0;
	padding: 0}

.subleft, .subright {
	float: left;
	height: 29px;
	width: 12px}

.subright {
	background: transparent url(images/subnavi/subnavibackright.jpg) no-repeat;}	

#subnav { 
	float: left;
	width: 730px;
	height: 29px;
	background: transparent url(images/subnavi/subnavibackleft.jpg) no-repeat; }

#subnav ul { 
	padding-top: 10px }
/* sub nav list items */
#subnav li  { 
	font-size: 0.78em;
	float: left; 
	list-style: none; 
	text-align: center;
	border-right: #E4EAEF solid 1px}

#subnav li a {   
	color: #707070; 
	background-color: transparent;
	display: block; 
	line-height: 29px; 
	text-decoration: none; 
	margin: 0 5px;
	padding: 0}
	 
#subnav a:link, #subnav a:visited, #subnav a:hover, #subnav a:active, #subnav a#current    { 
	padding:0 9px; }

#subnav a:hover, #subnav a:active {
	color: #3D3D3D}

#subnav a#currente { 
	font-weight: 600;
	color: #C1C1C1;
	}
		
 /* picture */	

.picturehome, .pictureinside	{
	width: 950px; 
	height: 274px;
	margin:15px 0 0;
	padding: 0;
	}
.picturehome	{
	background: white url(images/homeback.jpg) no-repeat}

.pictureinside	{
	background: #f5f6f6 url(images/insideback.jpg) top no-repeat;}

.pictureinside img	{
	float: left;
	margin: 47px 20px 0 50px}
	
 /* ---------follow------------ */
.follow { 
	width: 950px; 
	height: 47px;
	margin: 0; 
	background-color: #2b2b29;
	padding: 0; 
	border-top: #262826 2px solid  }	

.follow p { 
	color:white }
	

span.greenfollow  {
	float: left;
	width: 90px;
	height: 19px;
    color: #ffffff;
    background-color: #92B23E;
    font-weight: 700;
    padding: 3px;}

.social {
	float: left;
	margin: 1px 5px}
	
.gradient { 
	height: 17px;
	background: #ffffff url(images/gradient.jpg) repeat-x}

 /* ---------getaQuote------------ */
.getaquote{	
	width: 202px;
	height: 145px;
	float: right;
	margin: -119px 50px 0;}


a.bigquote { 
	width: 199px; 
	height: 146px;
	background: url("images/getAquote.jpg") no-repeat;
	text-indent: -9999px;}
	
.getaquote a:hover, .getaquote a:active{
	color: #F2E9E2;
}
 /* ---------columns------------ */
	
.maincol {						
	width: 950px; 
	background: white; 
	margin: 0; 
	padding: 15px 0 30px 0}
	
.thirdcol, .threequatercontent, .twothirdcol {
	float: left;}

.thirdcol {
	width: 306px;
	background-color: transparent;
	padding-bottom:20px}

.threequatercontent {
	width: 681px;
	padding: 15px 0 40px 0;}

.halfcol {
	float: left;
	width: 49%}
	
.twothirdcol {
	width: 612px;
	background-color: transparent}

.threequatercontent p {
	font-size: 0.9em}
.quartertop, .solutiontop, .solutiontopright, .quarterbottom {
	float: left;}

.solutiontop, .solutiontopright {	
	width: 226px;
	padding-top: 10px;
	background: transparent url(images/solutionTop.jpg) top no-repeat;}	

.solutiontop {	
	margin: 10px 15px 0 0}	

.solutiontopright {	
	margin: 10px 0 0;}	
	
.quartertop, .containerwhite {	
	background: white url(images/solutionback.jpg) repeat-x bottom;	
	border-left: #E6E6E6 1px solid;
	border-right: #E6E6E6 1px solid}

.quartertop {	
	width: 224px;
	height: 109px}
	
.quartertop p, .quarterbottom p{	
	margin: 0;
	padding: 3px 0 0;
	text-align: center;}

.quarterbottom {	
	width: 226px;
	height: 35px;
	background: transparent url(images/solutionBottom.jpg) no-repeat;	
	padding: 0}

.containerwhite {	
	width: 296px;
	height: 387px;
	background: white url(images/customers/foot.jpg) bottom no-repeat	}
.third, .thirdcustomers {
	float: left;
	width: 298px;
	padding-top: 19px;}

.third{
	margin: 15px 0 0;}

.third ul {
	background-color: #ffffff;}	

.third li, .threequatercontent li {
	margin: 3px 0;
	padding: 0 0 15px 25px;
	list-style-type: none;
	list-style-position: inside}

.threequatercontent li {
	margin-left: 25px;
	padding: 0 0 0 25px;
	font-size: 0.9em;
	background: #ffffff url(images/li.jpg) no-repeat;}

.third li {
	padding: 0 0 15px 25px;
	background: #ffffff url(images/logolist.jpg) no-repeat;
	border-bottom: #E8E8E8 2px dashed}
.third li a{
	background-color:#F9ECE4}

span.datecommet {
	color: #B0B0B0}
	
.thirdcustomers {
	background: transparent url(images/customersback.jpg) top no-repeat;
	margin: 15px 28px 0;}
	
.thirdcustomers h2 {
	text-align: center}

.thirdcustomers p {
	margin: 0 10px 0;
	padding: 0;}

 /* ---------sidebar gris------------ */

.threequater {
	width: 245px;
	float: right}	

.sidebargris {
	margin: 5px auto 20px; 
	padding: 15px;
	background-color: #FCFCFC;
	border: #E8E8E8 3px dashed	}
 /* ---------testimonialquote------------ */
.quote {
	width: 296px;
	margin: 10px 0;
	padding-bottom: 45px;
	background: #809B2A url(images/testimonialbottom.jpg) bottom no-repeat;
	font-style: italic;}

.testomonialside {
	margin: 0;
	padding-bottom: 45px;
	color: #ffffff;
	background: #809B2A url(images/testimonialbottom.jpg) bottom no-repeat;
	font-style: italic;}

.testomonialside p{
	color: #ffffff;}

.quotetop {
	height: 24px;
	background: #809B2A url(images/toptestimonials.jpg) top no-repeat}

 /* ---------grayzone------------ */

.gris {
	height: 421px;
	margin: 21px auto 0; 
	background-color: #FCFCFC;
	border-top: #E8E8E8 3px dashed	}
 /* ---------footer------------ */
#foot { 
	height: 71px; 
	background: #A8C453 url(images/footerback.jpg) repeat-x;
	margin:0 auto; 
	padding: 0;
	border-top: #A8C453 5px solid}  
	
#footer { 
	width: 950px; 
	height: 73px; 
	background-color: transparent;
	margin: 0 auto; 
	padding: 0}  



#footer p{ 
	float: left;
	font-size: 0.7em;
	background: transparent;
	margin: 0;
	padding-top: 15px;
	 } 

#footer p, #footer strong, .quote p { 
	color: #ffffff} 

#footer a {   
	margin-left: 3px; 
	line-height: 25px;
	color: #ffffff; 
	text-decoration: none;
	border-right: #ffffff 1px solid}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active   { 
	padding-right: 9px; 
	padding-left: 9px; }

#footertext a:hover, #footertext a:active {
	color: #ffffff}

.right, .right img{ 
	float: right;
	text-align: right;} 

	
.vec {
	height: 73px;
	margin: 0 auto;
	background-color: #282828}

/*-----------------------------------Other tags-----------------------------------------*/

/* lists */
ul { margin: 0 0 0 20px;
	padding-top: 2px; }
ol { margin: 5px 0 5px 35px; list-style: decimal }
ol li, ul li { 
	color: #575A5B; 
	font-size: 0.8em; 
	line-height: 1.8em;}


.big {
	margin: 30px 0 0}
.big p {
	font-size: 2.4em;
	color: #3B3C3B;
	line-height: 1.1em;}
span.backgreen{
	padding: 3px;
	background-color: #7BAF3E;
	font-size: 0.6em;}

span.backgreen strong{
	color: #ffffff;
	font-weight: 550}

/*-------------------------------------------------------------------------------*/


a{
    color: #CE864A;
    text-decoration: none}

a:visited {
    color: #CE864A;
    text-decoration: none}
    
a:hover, a:active { 
 color: #D86916; 
 text-decoration: underline; }

.faqs li a {
    color: #AAAFBA}
    
.faqs li a:visited {
    color: #AAAFBA}
    
.faqs li a:hover {
    color: #746799}


.titlelink a:link, .titlelink a:visited, .titlelink a:hover  {
    font-size: 0.7em;
    font-weight: 500;
    }
    

    
   


	
/* Logo*/	
span.logo { 
	float: left;
	position: relative; 
	top: 0; 
	left: 0;
	margin:0;
	padding: 0}
span.logo img { 
	margin-top: 13px; 
	margin-left: 15px; 
	padding-top: 0; 
	padding-left: 0; }

/* contact form */
	
	
.rinfo {
	width: 280px;
	float: left;
	margin-left: 25px;
	padding-top: 5px}

.forminput {
	width: 280px;
	height: 25px;
	border: #ccc 1px solid}