.header {
    background-color: #31363E;
    height: 104px;
	padding:0 0px 20px 20px;
	border-top:10px solid #272A31;
	border-bottom:3px solid #474F5B;
	margin:0 auto;
width:974px;
}

.header-menu {
float:right;
padding:75px 0px 0px 0px;
color:fff;
}
.header-logo {
float:left;
padding:40px 15px 0px 0px
}

table.table-prices   {
border:2px solid #ccc;}
.table-prices thead th 		{ font-size:16px; text-align:center;}
.table-prices td 		{ text-align:center; font-size:15px; padding:6px;}
.table-prices .first 		{ text-align:left; padding-left:10px;}

/* A container should group all your columns. */


.container {
width: 990px;
margin: 0 auto;
border-top:0;
border-left:2px solid #ccc;
border-right:2px solid #ccc;
border-bottom:0;

}

.container-highlight-home {
width: 930px;
margin: 0 auto;
background-color:#DADCDE;
border-left:0;
border-right:0;
border-bottom:2px solid #ccc;
border-top:2px solid #ccc;
padding:10px 30px;
}

.highlight-home-left {
width:470px;
text-align:center;
}
.highlight-home-right {
float:right;
border:2px solid #ADAFB2;
margin:20px 20px 0px 0px;
}

.container.caracterisitcas {
background-color:#EAEAEA;
}

hr.space2 {
color:#EAEAEA;
background-color:#EAEAEA;
}

detail-web-home-left {
	width: 275px;
	float: left;
}

.detail-web-home-image {
border:2px solid #ADAFB2;
margin:0px 0px 10px 0px;
}

.direct-link-home {
background-color:#FA761E;
padding:10px 15px 10px 15px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
line-height:22px;
font-weight:bold;
width:380px;
text-align:center;
margin-left:30px;
}
.direct-link-home a {
font-size:22px;
   font-weight:bold;
    color: #fff;
    text-decoration: none;
}

.direct-link-home a:span {
    font-weight:bold;
    color: #fff;
    text-decoration: none;
}

.direct-link-home a:hover {
    font-weight:bold;
    color: #31363E;
    text-decoration: none;
}
.direct-link-home-small {
font-size:14px;
font-weight:normal;
}

.smalltype-prices {
background-color:#FA761E;
padding:10px 15px 10px 15px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
line-height:22px;
font-weight:bold;
margin:10px 0px 10px 0px;
}


/*content area 950px width with 20px padding*/

.content-wrap{

width:950px;
padding:40px 20px;}


/*body {
background-color:#FFF;
background-image:url(../images/bg-general.gif);
background-repeat:repeat-x;}
}*/


/* public web side column*/
.side {
background-color:#EFEFEF;
border:2px solid #CCCCCC;
display:inline;
float:left;
margin-left:30px;
margin-top:20px;
padding:0px 15px 10px 15px;
position:relative;
width:240px;

}

/* menu principal */




ul#subnav, ul#subnav li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
ul#subnav {
background-color:#31363E;
height:30px;
margin:0;
width:550px;
}
ul#subnav li {
display:inline;
float:left;
height:30px;
line-height:30px;
}
ul#subnav li a {
background:#31363E none repeat scroll 0 0;
color:#FFFFFF;
display:inline;
float:left;
font-size:18px;
height:30px;
line-height:30px;
padding:0 12px;
border-right:1px solid #474F5B;
text-transform:uppercase;
text-decoration:none;
font-weight:normal;
}
ul#subnav li.selected a, ul#subnav li a:hover {
background:#474F5B none repeat scroll 0 0;
color:#FFFFFF;
text-transform:uppercase;
text-decoration:none;
}

ul#subnav li.lastmenu a{
border-right:0;
}
ul#subnav li.firstmenu a:hover{
background:#31363E none repeat scroll 0 0;
}

/* FOOTER */


.footer {
background-color:#272A31;
height:55px;
padding:15px 20px 20px 20px;
text-align:center;
margin:0 auto;
width:954px;
}

.footer-text {

    font-family:Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #fff;
    font-size: 14px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-decoration: none;
    vertical-align: bottom;
    padding-bottom: 0px;
}
.footer-text a {
    font-weight: normal;
    color: #fff;
    margin: 0;
    text-decoration: none;
}

.footer-text a:span {
    font-weight: normal;
    color: #fff;
    text-decoration: none;
}

.footer-text a:hover {
    font-weight: normal;
    color: #FF6600;
    text-decoration: none;
}

.directlink-divider {
font-weight:normal;
padding:0 5px;
}



/* TIPOGRAFIA */
.logo { height:80px;}
.claim {
color:#999999;
padding-left:0px;
padding-top:35px;
font-size:16px;
font-family:Arial, Helvetica, sans-serif}

h1 { font-family:Helvetica, Arial, sans-serif; color:#FF6600; font-size:3.3em;}
h2 { font-family:Helvetica, Arial, sans-serif; font-size:20px; color:#31363E;}
h3 { font-family:Helvetica, Arial, sans-serif; font-size:16px; color:#FF6600; margin:10px 0px 5px 0px;}
h4, h5, h6 { color:#666666; }
h5 { color:#FF6600;  }
h6 { color:#FF6600; font-size:15px;}

.text-highlight {color:#FF6600;  }

/* -------------------------------------------------------------- 
  
   buttons.css
   * Gives you some great CSS-only buttons.
   
   Created by Kevin Hale [particletree.com]
   * particletree.com/features/rediscovering-the-button-element

   See Readme.txt in this folder for instructions.

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

a.button, button {
  display:block;
  float:left;
  margin: 0.7em 0.5em 0.7em 0;
  padding:3px 10px 3px 7px;   /* Links */
  border:1px solid #272A31;
  /*border-top:1px solid #A8A7A7;
  border-left:1px solid #A8A7A7;*/
  background-color:#474F5B;
  font-family:Helvetica, Arial, Verdana, sans-serif;
  font-size:110%;
  line-height:130%;
  text-decoration:none;
  font-weight:normal;
  color:#FFFFFF;
  cursor:pointer;
}
button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}
*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}
button img, a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}


/* Button colors
-------------------------------------------------------------- */

/* Standard */
button:hover, a.button:hover{
  background-color:#6C727C;
  border:1px solid #52555A;
  color:#FFFFFF;
}
a.button:active{
  background-color:#6C727C;
  border:1px solid #52555A;
  color:#FFFFFF;
}

/* Positive */
body .positive {
  color:#fff;
}
a.positive:hover, button.positive:hover {
  background-color:#6C727C;
  border:1px solid #52555A;
  color:#fff;
}
a.positive:active {
  background-color:#6C727C;
  border:1px solid #52555A;
  color:#fff;
}

/* Negative */
body .negative {
  color:#ffffff;
  background-color:#BEBEBE;
  border:1px solid #A8A7A7;

}
a.negative:hover, button.negative:hover {
  background-color:#D8D8D8;
  border:1px solid #BCBBBB;
  color:#ffffff;
}
a.negative:active {
  background-color:#D8D8D8;
  border:1px solid #BCBBBB;
  color:#fff;
}




/* input button */
.inputbutton
{background-color:#474F5B; border:1px solid #272A31; color:#FFFFFF; font-size:110%; padding:3px;  font-weight: normal; text-decoration: none; margin:0.7em 0.5em 0.7em 0;
} 
.inputbutton:hover, .inputbutton:active
{background-color:#6C727C; border:1px solid #52555A; color:#FFFFFF; font-size:110%; padding:3px;  font-weight: normal; text-decoration: none; margin:0.7em 0.5em 0.7em 0;
}

.inputbutton-neg
{background-color:#BEBEBE; border:1px solid #A8A7A7; color:#FFFFFF; font-size:110%; padding:3px;  font-weight: normal; text-decoration: none; margin:0.7em 0.5em 0.7em 0;
} 
.inputbutton-neg:hover, .inputbutton-neg:active
{background-color:#D8D8D8; border:1px solid #A8A7A7; color:#FFFFFF;font-size:110%; padding:3px;  font-weight: normal; text-decoration: none; margin:0.7em 0.5em 0.7em 0;
}

/* button price list*/

a.package-button {
  display:block;
  margin-top:7px;
  padding:4px 0px 2px 0px;    /* Links */
  border:1px solid #272A31;
  /*border-top:1px solid #A8A7A7;
  border-left:1px solid #A8A7A7;*/
  background-color:#474F5B;
  font-family:Helvetica, Arial, Verdana, sans-serif;
  font-size:16px;
  line-height:130%;
  text-decoration:none;
  font-weight:normal;
  font-style:normal;
  color:#FFFFFF;
  cursor:pointer;
}
a.package-button:hover {

  padding:4px 0px 2px 0px;    /* Links */
  background-color:#6C727C;
  border:1px solid #52555A;
   font-family:Helvetica, Arial, Verdana, sans-serif;
  font-size:16px;
  line-height:130%;
  text-decoration:none;
  font-weight:normal;
    font-style:normal;
  color:#FFFFFF;
  cursor:pointer;
}
a.package-button:active {
  background-color:#D8D8D8;
  border:1px solid #BCBBBB;
  color:#fff;
}

td.plan-price {
font-size:20px;
font-weight:bold;
color:#FA761E;
text-align:center;
}

/* -------------------------------------------------------------- 
  
   fancy-type.css
   * Lots of pretty advanced classes for manipulating text.
   
   See the Readme file in this folder for additional instructions.

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

/* Indentation instead of line shifts for sibling paragraphs. */
  /*  p + p { text-indent:2em; margin-top:-1.5em; }
   form p + p  { text-indent: 0; } Don't want this in forms. */
   

/* For great looking type, use this code instead of asdf: 
   <span class="alt">asdf</span>  
   Best used on prepositions and ampersands. */
  
.alt { 
  color: #aaa; 
  font-family:Helvetica, Arial, sans-serif; 
  font-style: normal;
  font-weight: normal;
}


/* For great looking quote marks in titles, replace "asdf" with:
   <span class="dquo">&#8220;</span>asdf&#8221;
   (That is, when the title starts with a quote mark). 
   (You may have to change this value depending on your font size). */  
   
.dquo { margin-left: -.5em; } 


/* Reduced size type with incremental leading
   (http://www.markboulton.co.uk/journal/comments/incremental_leading/)

   This could be used for side notes. For smaller type, you don't necessarily want to 
   follow the 1.5x vertical rhythm -- the line-height is too much. 
   
   Using this class, it reduces your font size and line-height so that for 
   every four lines of normal sized type, there is five lines of the sidenote. eg:

   New type size in em's:
     10px (wanted side note size) / 12px (existing base size) = 0.8333 (new type size in ems)

   New line-height value:
     12px x 1.5 = 18px (old line-height)
     18px x 4 = 72px 
     72px / 5 = 14.4px (new line height)
     14.4px / 10px = 1.44 (new line height in em's) */

p.incr, .incr p {
	font-size: 10px;
	line-height: 1.44em;  
	margin-bottom: 1.5em;
}


/* Surround uppercase words and abbreviations with this class.
   Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/] */
   
.caps { 
  font-variant: small-caps; 
  letter-spacing: 1px; 
  text-transform: lowercase; 
  font-size:1.2em;
  line-height:1%;
  font-weight:bold;
  padding:0 2px;
}


/* misc. */

/* Use this to create a vertical ruler along a div. */

.vertical-line-right {
border-right:1px solid #ccc;
}

/* form field bottom margin */

input.text.bot-margin {
margin:0 0 10px 0;
}
.caracteristicas-list li {
font-size:14px;
list-style-type:none;
margin-bottom:3px;}

.caracteristicas-list a {
font-size:14px;
list-style-type:none;
margin-bottom:3px;
color:#474F5B;
text-decoration:underline;}

.caracteristicas-list a:hover {
font-size:14px;
list-style-type:none;
margin-bottom:3px;
color:#272A31;
text-decoration:none;}

.faq-list li {
font-size:16px;
list-style-type:none;
margin-bottom:5px;}
.faq-list li, a {
font-size:16px;
list-style-type:none;
margin-bottom:7px;
color: #FF6600;
text-decoration:underline;}
.faq-list  a:hover {
font-size:16px;
list-style-type:none;
margin-bottom:7px;
color:#272A31;
text-decoration:none;}

hr.rule-faq  {
  margin: 0 0 1.8em;

}


/* characteristics page */

.character-title-1 {
color:#FFFFFF;
background-color:#474F5B;
font-size:1.5em;
padding:5px 0 5px 0;
text-align:center;
height:32px;}

.character-title-2 {
color:#FFFFFF;
background-color:#31363E;
font-size:1.5em;
padding:5px 0 5px 0;
text-align:center;
height:32px;}

.character-title-3 {
color:#474F5B;
background-color:#fff;
font-size:1.5em;
padding:8px 0 0 0;
text-align:center;
margin:0;
height:28px;}

.character-title-4 {
color:#FE6700;
background-color:#fff;
font-size:1.2em;
line-height:1;
padding:5px 10px 5px 10px;
text-align:center;
margin:0;
height:28px;}

.character-title-5 {
color:#31363E;
background-color:#fff;
font-size:1.5em;
padding:8px;
text-align:center;
margin:3px 0 0 0;
}

.character-list-1 ul {
padding:10px 10px 15px 10px;
margin:0;
}
.character-list-1 li {
padding:5px;
background:#FF9900;
color:#31363E;
font-size:1.1em;
margin:7px 0 17px 0;
list-style-type:none;
text-align:center;
}
.character-list-1 li.last {
margin:0 0 5px 0;
}
.character-list-arrow ul {
padding:10px;
margin:77px 0 0 0;
}
.character-list-arrow li {
padding:5px;
background:transparant;
color:#31363E;
font-size:1.1em;
margin:0 0 5px 0;
list-style-type:none;
text-align:center;
}
.character-list-arrow li.last {
margin:0 0 5px 0;
}

.character-list-2 ul {
padding:10px;
margin:0;
}
.character-list-2 li {
padding:5px 60px;
background:#31363E;
color:#FFFFFF;
font-size:1em;
line-height:1.1;
margin:0 0 10px 0;
list-style-type:none;
text-align:center;
}
.character-list-2 li.last {
margin:0 0 5px 0;
}

.character-box-end-1 {
padding:10px 10px;
background-color:#FF6600;
font-size:1.3em;
line-height:1.25;
margin-left:10px;
}
.character-box-end-2 {
padding:10px 10px;
background-color:#333;
font-size:1.3em;
line-height:1.25;
color:#FFFFFF;
text-align:center;
}

.character-box-end-3 {
padding:10px 10px;
background-color:#FF6600;
font-size:1.3em;
line-height:1.25;
text-align:center;
}

.character-text-color {
  color:#FF6600;
}
.character-text-white {
  color:#FFF;
  font-weight:bold;
}