/*
   
*/

/*---------------------------------------------------*/
/* RESET */
/*---------------------------------------------------*/
body, html  { height: 100%; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
background: url('../images/body-bg.png') repeat-x;
line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }/* remember to define focus styles! */
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }/* tables still need 'cellspacing="0"' in the markup */

a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
.clear { clear: both; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.fleft { float: left;}
.fright { float: right;}
/*---------------------------------------------------*/
/* GENERAL */
/*---------------------------------------------------*/
body { color: #777; font-family: arial,serif; font-size: 12px; line-height: 18px; overflow-x: hidden; }
h1 { font-size: 30px; line-height: 32px; }
h2 { font-size: 24px; line-height: 26px; }
h3 { font-size: 20px; line-height: 22px; }
h4 { font-size: 18px; line-height: 20px; }
h5, h6 { font-size: 14px; line-height: 15px; }
h1, h2, h3, h4, h5, h6 { color: #7B7B7B; font-weight: normal; }
#wrapper { min-height: 90%; margin: 0 auto; width: 940px; padding: 0 10px; }
/*---------------------------------------------------*/
/* HEADER */
/*---------------------------------------------------*/
#header { margin: 4px 0 15px; }
.head { position: relative; overflow: hidden; padding: 0 10px; }
/* logo */
.logo { height: 48px; margin: 45px 0; width: 315px; }
/* Logo Temporal | Eliminar o cambiar  */
.logo.tmp { font-size: 32pt; font-weight: bold; color: #d4252b; text-decoration: none!important; line-height: 48px; }
/* Quick Contact */
.quick {
	border-left: 3px dotted #766A62;
	position: absolute;
	right: -25px;
	top: 81px;
	color: #888;
	width: 295px;
}
.quick span { display: block; }
.qtxt { font-size: 13px; font-weight: bold; padding: 0 14px; text-decoration: none; }
.qnum { font-size: 20px; font-weight: bold; padding: 0 14px; }
/* navbar */
.navbar { margin: 0 auto; overflow: hidden; }
.navbar li { display: block; float: left; }
.navbar li a { background: #ECEEE7; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: #766A62; display: block; font-size: 14px; font-weight: bold; line-height: 39px; text-align: center; text-decoration: none; width: 127px; margin-right: 1px; }
.navbar li a:hover, .active { color: #d4252b !important; text-decoration: none; }
.nav1 { width: 171px!important;}
/*---------------------------------------------------*/
/* FEATURED */
/*---------------------------------------------------*/
#featured { height: 286px; margin: 30px auto 20px; padding-right: 290px; position: relative; overflow: hidden; }
#featured ul.tabs-nav { left: 656px; list-style: none outside none; margin: 0; padding: 0; position: absolute; top: 0; }
#featured ul.tabs-nav li { margin-bottom: 8px; padding: 1px 0 1px 14px; }
#featured ul.tabs-nav li strong { color: #999999; display: block; font: bold 20px/20px Arial,Helvetica,sans-serif; letter-spacing: -1px; padding: 5px 10px; text-decoration: none; }
#featured ul.tabs-nav li span { font: 10px/10px Tahoma,Helvetica,sans-serif; padding: 0 0 0 10px; text-decoration: none; text-transform: uppercase; }
#featured ul.tabs-nav li a { background: #ECEEE7; color: #777777; display: block; height: 60px; line-height: 20px; padding: 3px 5px 0; text-decoration: none; width: 260px; }
#featured ul.tabs-nav li.selected strong, #featured ul.tabs-nav li.selected span { color: #d4252b; }
#featured .tabs-panel { border: 0 solid #FFFFFF; height: 286px; position: relative; padding: 0 8px 0 25px; width: 620px; z-index: 2; display: none; }
#featured .tabs-panel .pane { display: block; width: 100%; height: 100%; }
.np1 {background: url(../images/slide1.jpg) no-repeat 0 0;}
.np2 {background: url(../images/slide2.jpg) no-repeat 0 0;}
.np3 {background: url(../images/slide3.jpg) no-repeat 0 0;}
.np4 {background: url(../images/empty.jpg) no-repeat 0 0;}
/*---------------------------------------------------*/
/* CONTENT */
/*---------------------------------------------------*/
#content { padding: 10px 0; overflow: hidden; }
/* Cols */
.col-left { width: 690px; }
.col-right { width: 240px; margin-left: 10px; }
/* widgets */
.widget-1 { width: 340px; margin-right: 10px; }
.widget-2 { width: 340px; }
.widget-title { margin-bottom: 8px; }
/* list */
ul.list { list-style-type: none; margin: 0 0 18px; padding: 0; }
ul.list li { background: url(../images/list.png) no-repeat 0 10px; border-bottom: 0 none !important; list-style-position: outside; list-style-type: none; margin: 0; padding: 6px 0 6px 20px !important; }
ul.list li a { color: #777; }
/* partners */
.partners { padding: 20px 0 15px; border: 1px solid #DDD; border-width: 1px 0; margin-bottom: 30px; text-align: center; }
.partners img { display: inline-block; margin: 0 33px; }
/* testimonials */
.testimonials { height: 130px; overflow: hidden; position: relative; width: 290px; }
.navprev, .navnext { cursor: pointer; display: block; height: 8px; position: absolute; text-indent: -9999px; width: 13px; }
.navprev { background-image: url(../images/prev.gif);background-repeat: no-repeat; right: 20px; top: 10px; }
.navnext { background-image: url(../images/next.gif); background-repeat: no-repeat; right: 0; top: 10px; }
.quote { background: url(../images/quote.gif) no-repeat 0 0; clear: both; font-style: italic; margin: 0 0 20px 0; padding: 0 10px 0 60px; }
.quote p { color: #ACACAC; }
/* page home */
.page-box-home { margin-bottom: 10px; padding: 20px 20px 10px; min-height: 162px; border: 1px solid #DDD; }
.page-title-home { font-size: 30px; margin-bottom: 6px; }
.page-content-home { margin-bottom: 20px; }
.box { border: 1px solid #DDD; border-radius: 5px 5px 5px 5px; margin-bottom: 10px; padding: 30px 30px 20px; }
/*---------------------------------------------------*/
/* PLANS */
/*---------------------------------------------------*/
.head-plans { margin: 0 auto 2em; }
.table_plans { width: 100%; margin-bottom: 30px; }
.table_plans tr.title td { background-color: #F5F5F5; padding: 8px 12px; font-size: 15px; font-weight: bold; color: #333; border-top: 1px dashed #CCC; width: 18%; } 
.table_plans tr.title td.f_title { background-color: #FFF; text-align: left; border: 0; border-right: 1px dashed #CCC; width: 28px; color: #666; }
.table_plans tr.row { background-color: #F5F5F5; }
.table_plans tr.order td { border-bottom: 1px dashed #CCC; padding: 8px; }
.table_plans td { padding: 5px; text-align: center; vertical-align: middle; border-right: 1px dashed #CCC; }
.table_plans td.none { background-color: #FFF; border-bottom: 0!important; }
.table_plans td.bred { color: #C02929; font-size: 18px; font-weight: bold; }
.table_plans td.feature { color: #5C5C5C; font-size: 9pt; font-weight: bold; text-align: right; }
.table_plans td.price strong { font-size: 15px; color: #C02929; }
.table_plans td i { display: inline-block; width: 16px; height: 16px; background-position: center center; background-repeat: no-repeat; }
.table_plans td i.n { background-image: url(../images/cross.png); }
.table_plans td i.i { background-image: url(../images/infinite.png); }
.table_plans td i.y { background-image: url(../images/yes.png); }
/* button */
.button { background: #AA2328 url(../images/bg-button.gif) repeat-x ; color: #FFFFFF !important; display: inline-block; font-size: 13px; font-weight: bold; margin-right: 10px; padding: 4px 15px; text-decoration: none!important; border: 0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; cursor: pointer; }
/* web cols */
.web-cols { margin: 0 0 30px; }
.web-cols h3 { font-size: 18px; line-height: 20px; margin-bottom: 12px; }
.web-cols .col-1 { width: 449px; padding-right: 18px; border-right: 3px dotted #ccc; }
.web-cols .col-2 { width: 452px; padding-left: 18px; }
.web-cols .imgleft { float: left; margin: 4px 18px 20px 0; }
.web-cols .credit { padding-top: 10px; text-align: center; }
.web-cols .credit img { display: inline-block; margin: 0 10px; }
/*---------------------------------------------------*/
/* CONTACT */
/*---------------------------------------------------*/
#contact {}
#contact .col-1 { width: 630px; }
#contact .col-2 { width: 300px; background-color: #F3F3F3; }
#contact .c-head { padding-top: 30px; }
.c-head h3 { margin-bottom: 12px;}
/* box-contact */
.box-contact { border-bottom: 1px solid #CCC; margin: 30px 0; padding-bottom: 30px; }
.box-contact .col { width: 195px; border-right: 2px dotted #CCC; padding: 0 10px; }
.box-contact p { margin-bottom: 20px; }
.box-contact .col h5 { font-size: 14px; line-height: 16px; margin-bottom: 12px; font-weight: bold; }
.box-contact .col h5 img { margin-right: 8px; vertical-align: middle; }
/* circle */
ul.circle { margin-left: 10px; }
ul.circle li { padding-left: 20px; background: url(../images/list-red.png) no-repeat left center; line-height: 20px; }
/* contact-form */
.contact-form { margin: 0 0 40px; padding: 20px 10px; }
.contact-form fieldset { position: relative; }
.contact-form label { display: block; margin-bottom: 5px; }
.contact-form .col-message { position: absolute; top: 0; right: 0; }
.textbox { background-color: #FFFFFF; border: 2px solid #D6D6D6; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; color: #939393; display: block; font-family: Tahoma,Arial,verdana; font-size: 12px; margin: 0 0 10px; padding: 7px 5px; width: 260px; }
.textarea { background-color: #FFFFFF; border: 2px solid #D6D6D6; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; color: #939393; font-family: Tahoma,Arial,verdana; font-size: 12px; margin: 0; overflow: hidden; padding: 10px 5px; width: 260px; }
/* sidebar */
.sidebar { padding: 22px; }
.sidebar li { margin-bottom: 22px;}
.sidebar ul li li { border-bottom: 1px solid #CCC; padding: 8px 0; text-shadow: 0 1px 0 #EAEAEA; margin-bottom: 0; color: #766A62; }
.sidebar ul li a.maps { border: 1px dashed #CCC; display: block; overflow: hidden; margin-top: 10px;}
/* error */
.error { margin-top: 12px; color: #333; padding: 6px; background:#FCFCC6; border:1px solid #E1CF85; }
/*---------------------------------------------------*/
/* TOS*/
/*---------------------------------------------------*/
#tos, #tos h5, #tos h4, #tos h3, #tos p { color: #333;}
#tos { padding: 20px;}
#tos h4 { margin: 20px 0 10px;}
#tos h5 { font-weight: bold; margin-bottom: 12px; font-size: 12px;}
#tos p { margin: 0 0 12px; text-align: justify;}
/*---------------------------------------------------*/
/* FOOTER */
/*---------------------------------------------------*/
#footer { overflow: hidden; background-color: #ECEEE7; border-top: 3px solid #D4252B; position: relative; bottom: 0;}
#footer .inner { width: 960px; margin: 0 auto;}
/* Social */
.social-icon { font-size: 11px; font-weight: bold; height: 16px; line-height: 16px; margin-bottom: 15px; margin-top: 25px; width: 155px;}
.social-icon a { display: block; float: right; margin-left: 9px; }
.legales { border-top: 1px solid #DDD; line-height: 16px; margin: 0 0 15px; padding: 15px 0 0; }
.legales a { color: #777; }

/* CSS para la animación y localización de los DIV de cookies */
 
@keyframes desaparecer
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%		{bottom: -50px;}
}
 
@-webkit-keyframes desaparecer /* Safari and Chrome */
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%		{bottom: -50px;}
}
 
@keyframes aparecer
{
0%		{bottom: -38px;}
10%		{bottom: 0px;}
90%		{bottom: 0px;}
100%		{bottom: -38px;}
}
 
@-webkit-keyframes aparecer /* Safari and Chrome */
{
0%		{bottom: -38px;}
10%		{bottom: 0px;}
90%		{bottom: 0px;}
100%		{bottom: -38px;}
}
#cookiesms1:target {
    display: none;
}
.cookiesms{	
	width:100%;
	height:43px;
	margin:0 auto;
	padding-left:1%;
        padding-top:5px;
        font-size: 1.0em;
	clear:both;
        font-weight: strong;
color: #333;
bottom:0px;
position:fixed;
left: 0px;
background-color: #FFF;
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
transition: bottom 1s;
-webkit-transition:bottom 1s; /* Safari */
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
z-index:999999999;
}
 
.cookiesms:hover{
bottom:0px;
}
.cookies2{
background-color: #FFF;
display:inline;
opacity:0.95;
filter:alpha(opacity=95);
position:absolute; 
left:1%; 
top:-30px;
font-size:15px;
height:30px;
max-width: 480px
padding-left:25px;
padding-right:25px;
-webkit-border-top-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
}
 
/* Fin del CSS para cookies */