* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
	font-size: 12px;
	line-height: 22px;
	font-family: arial, sans-serif;
	color: #828282;
	background: url(../images/body.png) repeat 0 0;
	min-width: 100%;
}

/*font-family: 'Ubuntu', sans-serif;*/

a { color: #0252aa; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }
a.more { color: #2b9208; text-decoration: underline; padding-left: 11px; background: url(images/arr-ico.png) no-repeat 0 5px; }
a.more:hover { text-decoration: none;  }
input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

ol, ul {list-style:none}

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

article, aside, details, footer, header, menu, nav, section { display: block; }

.shell { width: 990px; margin: 0 auto; }
.container { background: #fff; box-shadow: 0px 0px 13px rgba(0,0,0,0.3) ; -moz-box-shadow: 0px 0px 13px rgba(0,0,0,0.3) ; -webkit-box-shadow: 0px 0px 13px rgba(0,0,0,0.3) ; -o-box-shadow: 0px 0px 13px rgba(0,0,0,0.3) ;  }
#header { position:fixed; height:117px; width:990px; z-index:50;  background: url(../images/header-fnd.png) repeat-x;}
#header #logo { float:left;  z-index:50;}



.search { float: right; }
.search input.field { border: 1px solid #d6d6d6; background: #ededed; width: 166px; height: 24px; line-height: 22px;  padding: 0px 10px; float: left; font-size: 11px; font-family: verdana, arial, helvetica, serif;  color: #bebebe;  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;}
.search input.search-btn { width: 22px; height: 26px; margin-left: 3px;  border: 0; cursor: pointer; background: url(images/search-btn.png) no-repeat 0 0; float: left; font-size: 0; line-height: 0; text-indent: -4000px;  }

.container-header {width:990px; z-index:50;}

.header_bg {height:117px; background: url(../images/header-fnd.png) repeat-x; z-index:50; position:fixed;}
.header_bg.grey {background:url("../images/header_delimiter.png") repeat-x bottom;}
.header_bg .logo {width:100%; z-index:1000;}

.social-links {float:left; margin-top: 110px; margin-bottom:5px;}
.social-links li {display:inline; padding-right:0px;}

/* ================= Header Menu ================= */
.main-menu {margin:-102px 0 0 0; float:right; font-family: 'Ubuntu', sans-serif; font-weight: 700;}
.main-menu ul {margin:0;}
.main-menu li ul {padding-top:2px; left:-2px;}
.main-menu li ul li {box-shadow:2px 2px 2px 0px rgba(0,0,0,0.1);}
.main-menu li {padding-right: 2px; line-height: 52px; white-space:nowrap; display:block; position:relative; margin:0; padding:0; z-index:100;}
.main-menu li a span {display:block;background:url(../images/menu_bg_left.gif) top left no-repeat}
.main-menu li a span span {background:url(../images/menu_bg_right.gif) top right no-repeat; padding:0 13px; height:45px}
.main-menu li a:hover {color:#fff;background:url(../images/menu_bg_active.png) top repeat-x; text-decoration:none;}
.main-menu li a:hover span{background:url(../images/menu_bg_left_active.png) top left no-repeat; text-decoration:none;}
.main-menu li a:hover span span{background:url(../images/menu_bg_right_active.png) top right no-repeat; text-decoration:none;}
.main-menu a {display:block; position:relative; background:url(../images/menu_bg.gif) top repeat-x; height:45px; font-size:15px; color:#878787;}
.main-menu a:hover {text-decoration:none; color:#d8c0a8;}

.main-menu li.submenu > a {padding-right:20px; background:url(../images/menu_down_arrow.png) no-repeat right; cursor:default;}
.main-menu > ul > li {float:left; margin-right:2px;}
.main-menu > ul > li:last-child {margin-right:0;}
.main-menu li ul {display:none; position:absolute; top:100%; z-index:100;}
.main-menu li:hover > ul {display:block;}
.main-menu li ul li.submenu > a {padding-right:10px; background:#403830 url(../images/submenu_left_arrow.png) no-repeat right;}
.main-menu li ul li.submenu > a:hover {padding-right:10px; background:#f5f5f5 url(../images/submenu_left_arrow.png) no-repeat right;}
.main-menu li ul li {background:#FFF; margin-top:-2px;}
.main-menu li ul li a:hover {background:#f5f5f5; color:#d43a32;}
.main-menu li ul li:last-child {border-bottom:0px solid #2e2823;}
.main-menu li ul li a {padding:0 20px 0 10px; line-height:45px; background:#000;}
.main-menu li ul li ul {top:0px !important; left:100% !important; padding:0 !important;}

.main-menu #nav_active a {color:#fff; background:url(../images/menu_bg_active.png) top repeat-x}
.main-menu #nav_active a span {background:url(../images/menu_bg_left_active.png) top left no-repeat}
.main-menu #nav_active a span span {background:url(../images/menu_bg_right_active.png) top right no-repeat}

.slider-holder { position: relative; z-index:1; padding-top:100px; }
.slider-holder span.slider-b { background: url(../images/slider-bottom.png) no-repeat 0 0;  width: 990px; height: 30px; bottom: 0px; left: 0px; z-index:1; position: absolute;}
.slider-holder span.slider-shadow { background: url(../images/slider-shadow.png) no-repeat 0 0;  width: 990px; height: 13px; position: absolute; top: 0px; left: 0px; display: block; }
.slider {width: 990px;  height: 378px;  background: url(../images/slide-fnd.png) no-repeat 0 0; position: relative;}
.slider ul.slides { list-style: none; list-style-position: outside; }
.slider ul.slides li { width: 990px; height: 378px; float: left; position: relative; overflow: hidden; }

.slider ul.slides li .img-holder { width: 741px; height: 347px; position: absolute; bottom: 0px; right: 0px; }
.slider ul.slides li .img-holder img { width: 741px; height: 347px; }

.slider ul.slides li .slide-cnt { width: 400px; padding: 33px 0 0 34px; position: absolute; left: 0; top: 20px; margin-left:40px; }
.slider ul.slides li .slide-cnt h2 { font-size: 44px; line-height: 44px; padding-bottom: 16px; color: #fff; text-shadow: rgba(0,0,0,0.4) 0px 1px 2px; font-family: 'Ubuntu', sans-serif; font-weight: 700; }
.slider ul.slides li .slide-cnt h3 { font-size: 24px; line-height: 24px; padding-bottom: 10px; color: #fff; text-shadow: rgba(0,0,0,0.4) 0px 1px 2px; font-family: 'Ubuntu', sans-serif; font-weight: 350; margin-left:40px; text-align:center; }
.slider ul.slides li .slide-cnt h4 { font-size: 24px; line-height: 24px; padding-bottom: 16px; color: #fff; text-shadow: rgba(0,0,0,0.4) 0px 1px 2px; font-family: 'Ubuntu', sans-serif; font-weight: 350; margin-left:90px; text-align:center; }
.slider ul.slides li .slide-cnt p { color: #fff; font-size: 14px; padding-bottom: 10px; }
.slider ul.slides li .slide-cnt .bullet {color: #fff; font-size: 14px; padding-bottom: 9px; background:url(../images/bullet3.png) no-repeat; padding-left:18px; margin-left:20px;}
.slider ul.slides li .slide-cnt a.grey-btn { background: url(../images/grey-btn.png) no-repeat 0 0; width: 186px; height: 45px; margin-left:60px; text-align: center; line-height: 40px; display: block; font-weight: bold; font-size: 18px;  color: #636363; text-shadow: rgba(255,255,255,0.4) 0px 1px 0px; }
.slider ul.slides li .slide-cnt a.grey-btn:hover { background-position: 0 -47px; text-decoration: none; }
.flex-control-nav { left: 480px; }
.main a.m-btn-grey { display: none; }

.clearmain { padding-top:100px; position: relative;}
.clearmain2 { padding-top:90px; position: relative;}
.main { padding: 47px 0px 0px;  background: url(images/main.png) repeat-x 0 0; }
.main h2 { font-size: 22px; color: #2d5900; line-height: 22px; padding-bottom: 8px; font-family: 'Ubuntu', sans-serif; font-weight: 500; }
.main h3 { font-size: 18px; color: #5e5e5e; line-height: 22px; padding-bottom: 8px; font-family: 'Ubuntu', sans-serif; font-weight: 500;  }
.main section { clear: both; background: url(images/section-shadow.png) no-repeat center bottom; padding: 0 0px 0px; }
.main ul { list-style: none; list-style-position: outside; }
.main ul li { padding-bottom: 0px; padding-left: 10px; background: url(images/arr-ico.png) no-repeat 0 8px; }
.main ul li a { color: #2b9208; text-decoration: underline; } 
.main ul li a:hover { text-decoration: none; } 

.main .title1 { font-size: 22px; color: #66507B; line-height: 22px; padding-bottom: 8px; font-family: 'Ubuntu', sans-serif; font-weight: 500; }
.main .title2 { font-size: 22px; color: #617E2F; line-height: 22px; padding-bottom: 8px; font-family: 'Ubuntu', sans-serif; font-weight: 500; }
.main .title3 { font-size: 22px; color: #F16A23; line-height: 22px; padding-bottom: 8px; font-family: 'Ubuntu', sans-serif; font-weight: 500; text-align:center; }

.main .cols { padding-left: 0; padding-right: 0; z-index:10; margin-top:10px; }
.main .cols .col { width: 465px; float: left; background: url(../images/section-fnd1.png) no-repeat; border:15px solid #FFF; }
.main .cols .col + .col { padding-left: 0px; background: url(../images/section-fnd2.png) no-repeat;  }
.main .cols .col img { float: left; padding-top:3px; }
.main .cols .col-cnt { width: 90%; float: left; margin-left:15px; margin-top:10px; }
.main .cols .col-cnt p { text-align:justify;}
.main .cols .col-cnt ul li { background:url(../images/bullet2.png) no-repeat; padding-left:18px; margin-left:-5px;}
.main .cols .col-cnt2 { width: 48%; float: left; margin-left:15px; margin-bottom:20px; }
.main .cols .col-cnt2 ul { margin-bottom:0px;}
.main .cols .col-cnt2 ul li { background:url(../images/bullet.png) no-repeat; padding-left:18px; margin-left:-5px;}
.main .cols .col-cnt3 { width: 48%; float: left; margin-left:15px; margin-bottom:20px; }
.main .cols .col-cnt2 ul { margin-bottom:0px;}
.main .cols .col-cnt3 ul li { background:url(../images/bullet2.png) no-repeat; padding-left:18px; margin-left:-5px;}


.main  .clear { z-index:1;}

.main .cols2 { padding-left: 0; padding-right: 0; z-index:10; margin-top:10px; }
.main .cols2 h2 { text-align: center;}
.main .cols2 h3 { text-align: center;  font-size: 16px; color: #58585B; line-height: 22px; padding-bottom: 8px; font-family: 'Ubuntu', sans-serif; font-weight: 500; }
.main .cols2 .col { width: 475px; float: left; }
.main .cols2 .col + .col { padding-left: 0px; }
.main .cols2 .col-cnt { width: 96%; float: left; margin-left:30px; margin-top:10px; text-align:center; margin-right:30px; }
.main .cols2 .col-cnt img { width:100%; text-align:center; margin-top:10px; }
.main .cols2 .col-cnt2 { width: 48%; float: left; margin-left:15px; margin-bottom:20px; }
.main .cols2 .col1 { width: 98%; float: left; text-align:center; margin-left:30px; margin-right:30px; margin-top:20px; }
.main .cols2 .col1 .col-cnt1 { width: 96%; }
.main .cols2 .col1 .col-cnt1 img { width:50%; text-align:center; margin-top:10px;}
.main .cols2 .col1 .col-cnt2 { width: 44%; float: left; margin-top:10px; text-align:center; padding:10px; margin:10px; border: 0px solid #d6d6d6; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px; }
.main .cols2 .col1 .col-cnt3 { width:28%; float:left; text-align:center; margin-top:10px; padding:10px; margin:10px; border: 1px solid #d6d6d6; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px;}
.main .cols2 .col1 .col-cnt3 img { width:100%; text-align:center; margin-top:10px;}

.main .cols3 { padding-left: 0; padding-right: 0; z-index:10; margin-top:10px; font-size:13px; }
.main .cols3 h2 { text-align: center;}
.main .cols3 h3 { text-align: center;  font-size: 16px; color: #58585B; line-height: 22px; padding-bottom: 8px; font-family: 'Ubuntu', sans-serif; font-weight: 500; }
.main .cols3 h4 { text-align: center;  font-size: 16px; color: #58585B; line-height: 22px; font-family: 'Ubuntu', sans-serif; font-weight: 500; }
.main .cols3 .col { width: 475px; float: left; }
.main .cols3 .col + .col { padding-left: 0px; }
.main .cols3 .col-cnt { width: 96%; float: left; margin-left:30px; margin-top:10px; text-align:justify; margin-right:30px; }
.main .cols3 .col-cnt img { width:100%; text-align:center; margin-top:10px; }
.main .cols3 .col-cnt2 { width: 48%; float: left; margin-left:15px; margin-bottom:20px; }
.main .cols3 .col1 { width: 98%; float: left; margin-left:30px; margin-right:30px; margin-top:20px; }
.main .cols3 .col1 .title1, .title2, .title3 {text-align:center;}
.main .cols3 .col1 .col-cnt1 { width: 96%; text-align:justify; }
.main .cols3 .col1 .col-cnt1 .imagen { width:100%; text-align:center; margin-top:10px;}
.main .cols3 .col1 .col-cnt2 { width: 44%; float: left; margin-top:10px; text-align:justify; padding:10px; margin:10px; border: 0px solid #d6d6d6; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px; }
.main .cols3 .col1 .col-cnt2 .imagen { width:100%; text-align:center; margin-top:10px;}
.main .cols3 .col1 .col-cnt3 { width:28%; float:left; text-align:justify; margin-top:10px; padding:10px; margin:10px; border: 1px solid #d6d6d6; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px;}
.main .cols3 .col1 .col-cnt3 .imagen { width:100%; text-align:center; margin-top:10px;}
.main .cols3 .col1 .col-cnt3 .imagen img{ width:100%;}
.main .cols3 .col1 .col-cnt3 .imagencli { width:93%; text-align:center; background:#8FCFE5; padding:10px 10px 5px 10px; margin-bottom:5px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px;}
.main .cols3 .col1 .col-cnt3 .imagencli img{ width:100%;}
.main .cols3 .col1 .col-cnt4 { width: 70%; padding:10px; margin-bottom:10px; text-align:justify; margin-left:125px;  }
.main .cols3 .col1 .col-cnt4 .title3{ color:#FFF; margin-top:5px;}
.main .cols3 .col1 .col-cnt4 img {width: 100%; margin-top:15px;}
.main .cols3 .col1 .col-cnt5 { float:left; width: 22%; margin-left:5px; padding:10px; text-align:justify; margin-top:15px;}
.main .cols3 .col1 .col-cnt5 .linea {width: 100%; border-bottom: 1px solid #CCC; margin-top:30px;}
.main .cols3 .col1 .plan {font: 12px 'Lucida Sans', 'trebuchet MS', Arial, Helvetica; text-shadow: 0 1px rgba(255,255,255,.8); background: #fff; border: 1px solid #ddd; color: #333; width: 28%; /* plan width = 180 + 20 + 20 + 1 + 1 = 222px */ float: left; position: relative;}
.main .cols3 .col1 #most-popular {float: left; z-index: 2; width:28%; top: -13px; border-width: 3px; padding-top: 30px; padding-bottom:20px; margin-left:20px; margin-right:20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 17px 0 10px -10px rgba(0, 0, 0, .15), -17px 0 10px -10px rgba(0, 0, 0, .15); -webkit-box-shadow: 17px 0 10px -10px rgba(0, 0, 0, .15), -17px 0 10px -10px rgba(0, 0, 0, .15); box-shadow: 17px 0 10px -10px rgba(0, 0, 0, .15), -17px 0 10px -10px rgba(0, 0, 0, .15);}
.main .cols3 .col1 #most-popular h3 {background-color: #ddd; background-image: -moz-linear-gradient(#eee,#ddd); background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd)); background-image: -webkit-linear-gradient(#eee, #ddd); background-image: -o-linear-gradient(#eee, #ddd); background-image: -ms-linear-gradient(#eee, #ddd); background-image: linear-gradient(#eee, #ddd); margin-top: -30px; padding-top: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;}
.main .cols3 .col1 #most-popular img {width:100%; text-align:center; margin-top:10px;}


.main .post  { background: url(images/cols-shadow.png) no-repeat 0 bottom; padding-top: 28px; padding-left: 40px;  }
.main .post .video-holder { width: 435px; height: 245px; float: left; margin-right: 20px; }
.main .post h2 { padding-bottom: 15px; }
.main .post p { padding-bottom: 8px; }
.main .post p strong { display: block; }
.main .post-cnt { float: right; width: 475px; }

.main .testimonial { padding-top: 20px; padding-bottom: 20px;  text-align: center; background: transparent; }
.main .testimonial strong.quote { font-size: 28px; font-family: georgia ,arial, helvetica, serif; position: relative; top: 10px; left: -6px; }
.testimonial h2 { padding-bottom: 12px; }
.testimonial p { padding-bottom: 6px; }
.testimonial p.author { text-align: right; }

.main .wals {padding-bottom: 20px;  text-align: center; background: url(../images/wals-fnd.png) repeat-x; }
.main .wals p { font-size: 20px; font-family: 'Ubuntu', arial, helvetica, serif; position: relative; padding-left:150px; padding-right:150px; line-height:26px;  }
.wals h2 { padding-bottom: 12px; }
.wals p { padding-bottom: 6px;}
.wals p .author { text-align: right; }

.socials { background: url(images/socials-bg.png) repeat-x 0 0;  height: 50px;  }
.socials-inner { background: url(images/socials-inner.png) repeat-x 0 0; padding-left: 380px;}
.socials h3 { float: left; font-size: 18px; line-height: 49px; padding-right: 5px; padding-bottom: 0; font-family: 'Ubuntu', sans-serif; font-weight: 500;  }
.socials ul { list-style: none; list-style-position: outside; line-height: 49px;  }
.socials ul li { font-size: 11px; padding-right: 18px;  color: #7c7c7c; background: transparent; text-transform: uppercase; float: left; }
.socials ul li a { color: #7c7c7c; text-decoration: none; display: block;  position: relative;  }
.socials ul li a span { background: url(../images/socials.png) no-repeat 0 0; position: absolute; width: 20px; height: 20px; top: 13px; left: 0; }
.socials ul li a:hover { color: #333; }

.socials ul li a.facebook-ico span { background-position: 0 0; }
.socials ul li a.twitter-ico span { background-position: -22px 0; }
.socials ul li a.rss-feed-ico span { background-position: -44px 0; }
.socials ul li a.myspace-ico span { background-position: -67px 0; }
.socials ul li a.john-doe-123-ico span { background-position: -89px 0; }

#footer { background: url(../images/footer-fnd.png) repeat-x;  }
#footer h2 { font-size: 20px; color: #fff; font-family: 'Ubuntu', sans-serif; font-weight: 400; padding-bottom: 10px;  }
.footer-cols { width:950px; margin-left:auto; margin-right:auto; padding:20px; background: url(../images/footer-fnd2.png) repeat-x; no-repeat; }
.footer-cols .col { float: left; width: 25%; padding-bottom:15px; }
.footer-cols .col + .col { width: 25%; padding-left: 54px;  }
.footer-cols .col ul { list-style: none; list-style-position: outside; }
.footer-cols .col ul li { color: #fff; font-size: 14px;  padding-bottom: 0px; no-repeat 0 8px; padding-left: 9px;  }
.footer-cols .col ul li a { color: #fff; }
.footer-cols .col2 { float: left; width: 100%; padding-bottom:15px;  margin-top:20px; }
.footer-cols .col2 ul li { color: #fff; font-size: 13px;  padding-bottom: 0px; padding-left: 9px; text-align:center; }
.footer-cols .col3 { float: left; width: 100%; padding-bottom:15px;  margin-top:10px; color: #fff; font-size: 13px;  padding-bottom: 0px; padding-left: 9px; text-align:center;  }
.footer-cols .col3 a {color: #fff; font-size: 13px; text-decoration:none; }
.footer-cols .col3 a:hover {color: #fff; font-size: 15px; text-decoration:none; }

.footer-bottom { width:990px; margin-left:auto; margin-right:auto; background: url(images/footer-bottom.png) repeat 0 0; height: 38px;  padding: 10px 20px 0;  }
.footer-bottom .footer-nav { float: left; line-height: 11px;  }
.footer-bottom .footer-nav ul { list-style: none; list-style-position: outside; }
.footer-bottom .footer-nav ul li { display: inline;  font-size: 11px; color: #9e9e9e; border-left: 1px solid #1a1f20; padding: 0 11px; }
.footer-bottom .footer-nav ul li.first { padding-left: 0; border: 0;  }
.footer-bottom .footer-nav ul li a { color: #5f6261; }
.footer-bottom .footer-nav ul li a:hover,
.footer-bottom .footer-nav ul li.active a { color: #9e9e9e; text-decoration: underline; }

.footer-bottom p.copy { float: right; line-height: 16px; font-size: 11px; color: #5f6261; }
.footer-bottom p.copy span { padding: 0  11px;  }
.footer-bottom p.copy a { color: #2b9208; text-decoration: underline; }
.footer-bottom p.copy a:hover { text-decoration: none; }
.footer-bottom p.copy strong { font-weight: normal; }

/* #Tabla versiones
================================================== */

#pricing-table {margin: 40px auto; text-align: center; width: 85%; /* total computed width = 222 x 3 + 226 */}
#pricing-table .plan {font: 12px 'Lucida Sans', 'trebuchet MS', Arial, Helvetica; text-shadow: 0 1px rgba(255,255,255,.8); background: #fff; border: 1px solid #ddd; color: #333; padding: 20px; width: 180px; /* plan width = 180 + 20 + 20 + 1 + 1 = 222px */ float: left; position: relative;}
#pricing-table #most-popular {z-index: 2; width:35%; top: -13px; border-width: 3px; padding: 30px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15); -webkit-box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15); box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);}
#pricing-table .plan:nth-child(1) {-moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;}
#pricing-table .plan:nth-child(4) {-moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;}
/* --------------- */	
#pricing-table h3 {font-size: 20px; font-weight: normal; padding: 20px; margin: -20px -20px 10px -20px; width:100%; background-color: #eee; background-image: -moz-linear-gradient(#fff,#eee); background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); background-image: -webkit-linear-gradient(#fff, #eee); background-image: -o-linear-gradient(#fff, #eee); background-image: -ms-linear-gradient(#fff, #eee); background-image: linear-gradient(#fff, #eee);}
#pricing-table #most-popular h3 {background-color: #ddd; background-image: -moz-linear-gradient(#eee,#ddd); background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd)); 	background-image: -webkit-linear-gradient(#eee, #ddd); background-image: -o-linear-gradient(#eee, #ddd); background-image: -ms-linear-gradient(#eee, #ddd); background-image: linear-gradient(#eee, #ddd); margin-top: -30px; padding-top: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;}
#pricing-table .plan:nth-child(1) h3 {-moz-border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0;}
#pricing-table .plan:nth-child(4) h3 {-moz-border-radius: 0 5px 0 0; -webkit-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0;}	
#pricing-table h3 span {display: block; font: bold 25px/100px Georgia, Serif; color: #777; background: #fff; border: 5px solid #fff; height: 100px; width: 100px; margin: 10px auto -65px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; -moz-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset; -webkit-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset; box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;}
/* --------------- */
#pricing-table ul {margin: 20px 0 0 0; padding: 0; list-style: none;}
#pricing-table li {border-top: 1px solid #ddd; padding: 10px 0;}
#pricing-table #most-popular li {border-top: 1px solid #ddd; padding: 10px 0; margin-top:2px; margin-bottom:2px;}
/* --------------- */
#pricing-table .signup {position: relative; padding: 8px 20px; color: #fff; font: bold 14px Arial, Helvetica; text-transform: uppercase; text-decoration: none; display: inline-block; background-color: #72ce3f; background-image: -moz-linear-gradient(#72ce3f, #62bc30); background-image: -webkit-gradient(linear, left top, left bottom, from(#72ce3f), to(#62bc30)); 	background-image: -webkit-linear-gradient(#72ce3f, #62bc30); background-image: -o-linear-gradient(#72ce3f, #62bc30); background-image: -ms-linear-gradient(#72ce3f, #62bc30); background-image: linear-gradient(#72ce3f, #62bc30); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-shadow: 0 1px 0 rgba(0,0,0,.3); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 2px 0 rgba(0, 0, 0, .7); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 2px 0 rgba(0, 0, 0, .7); box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 2px 0 rgba(0, 0, 0, .7);}
#pricing-table .signup:hover {background-color: #62bc30; background-image: -moz-linear-gradient(#62bc30, #72ce3f); background-image: -webkit-gradient(linear, left top, left bottom, from(#62bc30), to(#72ce3f)); background-image: -webkit-linear-gradient(#62bc30, #72ce3f); background-image: -o-linear-gradient(#62bc30, #72ce3f); background-image: -ms-linear-gradient(#62bc30, #72ce3f); background-image: linear-gradient(#62bc30, #72ce3f);}
#pricing-table .signup:active, #pricing-table .signup:focus {background: #62bc30; top: 2px; -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset;
	box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset;}
/* --------------- */
.clear:before, .clear:after {content:""; display:table}
.clear:after {clear:both}
.clear {zoom:1}

/* Tabla versiones ================================================== */

/* Formulario ================================================== */
.templatemo_lightgrey {background-color: #e9e9e9; padding: 70px 0px;}
.templatemo_lightgrey .templatemo_paracenter {margin-left:10px;}

.row{margin-right:15px;margin-left:15px}
.row:before,.row:after{display:table;content:" "}
.row:after{clear:both}
.row:before,.row:after{display:table;content:" "}
.row:after{clear:both}

.col-md-3 {float:left; width:25%; min-height:1px; margin-right:40px;}
.col-md-4 {float:left; width:70%; min-height:1px;}

.form-group{margin-bottom:15px; width:100%; margin-right:-20px;}

.form-control{width:90%;height:34px;padding:6px 12px;font-size:14px;line-height:1.428571429;color:#555;vertical-align:middle;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}
.form-control:-moz-placeholder{color:#999}
.form-control::-moz-placeholder{color:#999;opacity:1}
.form-control:-ms-input-placeholder{color:#999}
.form-control::-webkit-input-placeholder{color:#999}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee}textarea.form-control{height:auto}

/* Formulario ================================================== */

/* #Media Queries
================================================== */

/* ipad portrait */
@media only screen and ( min-width: 768px) and ( max-width: 980px ) {
	body { width: 768px; }
	.shell { width: 748px; }
	#header {  z-index:50; }
	
	.container-header {width: 748px; z-index:50;}
	.header_bg {position:relative;}
	.header_bg .logo { z-index:50;}
	.header_bg .logo img { width:320px; height:122px;}
    .main-menu {margin:-76px 0 0 0;}
	.main-menu li { line-height: 52px;}
	.main-menu a {height:45px;	font-size:11px;}
	.main-menu li ul li a:hover {background:#f5f5f5; color:#d43a32;}
	.main-menu li ul li a {	padding:0 12px 0 17px;}
	
	.slider-holder { position: relative; padding-top:0px; background:#75d0f5; }
	.slider-holder span.slider-b { background: url(../images/t-slider-bottom.png) no-repeat 0 0;  width: 748px; height: 30px; position: absolute; bottom: -13px; left: 0px; z-index: 10;}
	.slider-holder span.slider-shadow { background: transparent; display: none;  }
	.flex-control-nav { left: 346px; }

	.slider { width: 748px; height: 292px; position: relative; background: url(../images/t-slide-img.png) no-repeat 0 0;}
	.slider ul.slides { list-style: none; list-style-position: outside; }
	.slider ul.slides li { width: 748px  !important; height: 292px; float: left; position: relative; }

	.slider ul.slides li .img-holder { width: 537px; height: 266px; position: absolute; bottom: 0px; right: 0px; }
	.slider ul.slides li .img-holder img { width: 537px  !important; height: 266px  !important; }

	.slider ul.slides li .slide-cnt { width: 320px; padding: 0px 0 0 34px; }
	.slider ul.slides li .box-cnt { width: 285px; }
	.slider ul.slides li .slide-cnt h2 { font-size: 40px; line-height: 40px; padding-bottom: 16px; color: #fff; text-shadow: rgba(0,0,0,0.4) 0px 1px 2px; font-family: 'Ubuntu', sans-serif; font-weight: 700; }
	
	.main  .clear img { z-index:1; width:100%}
	
	.main { padding: 47px 0 0 0;  }
	.main section { background: url(images/t-section-shadow.png) no-repeat center bottom; padding-left: 20px; padding-right: 20px;  }
	.main .cols { margin: 0 0 0 0; padding-left: 0px; padding-right: 0px; background:url(../images/wals-fnd.png) repeat-x;    }
	.main .cols .col { width: 95%; height:440px; background: url(../images/t-section-fnd1.png) no-repeat; }
	.main .cols .col img { float: none; display: block; margin: 0 auto;  }
	.main .cols .col + .col { padding-left: 0px; background: url(../images/t-section-fnd2.png) no-repeat; }
	.main .cols .col-cnt { width:90%; }
	.main .cols .col-cnt p { text-align:justify;}
	
	.main .cols2 .col { width: 95%;}
	.main .cols2 .col-cnt { width:97%; }
	.main .cols2 .col-cnt p { text-align:justify;}
	.main .cols2 .col-cnt img { width:90%; text-align:center; margin-top:10px; }

	.main .cols3 .col1 { width: 100%; margin-left:15px; margin-right:15px;}
	.main .cols3 .col1 .col-cnt2 { width: 43%;}
	.main .cols3 .col1 .col-cnt2 img { width:75%;}
	.main .cols3 .col1 .col-cnt3 { width:27%; padding:8px;}
	.main .cols3 .col1 .col-cnt3 img { width:75%;}
	
	.main .cols3 .col1 .col-cnt4 { width: 90%; padding:10px; margin-bottom:10px; text-align:justify; margin-left:15px;  }


	.main .testimonial { background: transparent; }
	.main .wals p { font-size: 20px; font-family: 'Ubuntu', arial, helvetica, serif; position: relative; padding-left:100px; padding-right:100px; line-height:26px;  }
	.main .post { background: url(images/t-section-post.png) no-repeat center bottom; padding-left: 20px ;  }
	.main .post .video-holder { width: 435px; height: 245px; float: none; display: block;  margin-right: 0px; margin-bottom: 20px;  }
	.main .post-cnt { float: none; display: block;  width: 100%; }

	.socials-inner { padding-left: 70px; }
	.footer-bottom { height: 58px; }
	.footer-cols { width:100%; background: url(../images/footer-fnd2.png) no-repeat; background-size: 100% 163px; }
	.footer-cols .col { width: 150px; }
	.footer-cols .col + .col { padding-left: 28px; }
	.footer-cols .col ul li { font-size: 12px; }
	.footer-cols .col2 { width:92%; }
	.footer-cols .col2 ul li {font-size: 12px; }
	.footer-cols .col3 { width:92%; }
	.footer-cols .col3 a {font-size: 12px; }

	.footer-bottom .footer-nav { float: none; display: block; text-align: center; padding-bottom: 18px;  }
	.footer-bottom p.copy { width:80%; float: none; display: block; text-align: right;  }
	
	#pricing-table {text-align: center; width: 95%; /* total computed width = 222 x 3 + 226 */}
	#pricing-table #most-popular {width: 30%;}
	#pricing-table .plan {width: 20%; /* plan width = 180 + 20 + 20 + 1 + 1 = 222px */ float: left; position: relative;}
	#pricing-table .plan img {width: 15px; height:14px;}

}

	
@media only screen and ( max-width: 767px) {
	body { width: auto; }
	.shell { width: 90%; margin: 0 auto;  }
	#header {width: 90%; position:fixed; z-index:1000; padding-bottom:30px; }
	.header_bg {position:relative;}
	.header_bg .logo { z-index:50;}
	.search { display: none; }
	
.container-header {width: auto; z-index:50;}
.header_bg {position:relative;}

.main-menu {z-index:100; margin:0 0 30px 0; float:left; width:100%;}
.main-menu ul {position:static !important; padding:0 !important;}
.main-menu li {background:#75d0f5; padding: 0 20px;	box-shadow:none !important; border:0 !important; display:block !important; float:none !important; margin:0 !important;}
.main-menu li a {line-height:30px; height:35px;}
.main-menu #nav_active a span, .main-menu #nav_active a span span, .main-menu li a .span, .main-menu li a span span{background:#75d0f5; color:#214a63; font-size:13px; border-top:1px solid #d9d9d9 !important; height:35px;}
.main-menu #nav_active a:hover span, .main-menu #nav_active a:hover span span, .main-menu li a:hover, .main-menu li a:hover span, .main-menu li a:hover span span {background:#f5f5f5; color:#214a63; 	font-size:13px; height:35px;}
.main-menu li ul li {background:#f5f5f5;}
.main-menu li ul li a {padding-left:20px !important; background:#f5f5f5; color:#d43a32; font-size:13px;}
.main-menu li ul li a:hover {color:#214a63; font-size:13px;}
.main-menu li.submenu > a {padding-right:20px; background:url(../images/arrow_320.png) no-repeat right;}
.main-menu li ul li.submenu > a {padding-right:10px; background:url(../images/arrow_320.png) no-repeat right;}
.main-menu li ul li.submenu > a:hover {padding-right:10px; background:#f5f5f5 url(../images/arrow_320.png) no-repeat right;}
.main-menu li.submenu > a {padding-right:20px; background:url(../images/arrow_320.png) no-repeat right;}
.main-menu li ul {display:none !important;}
.main-menu li:hover > ul {display:block !important;}
	
	
	.m-slider {background: url(../images/t-slide-img.png) no-repeat; margin-top:210px; width:100%; height:200px;  }
	.slider-holder { position: relative; margin: 0 auto; width: 310px; padding-top:1px; height:200px;   }
	.slider-holder span.slider-b { background:none; width: 310px; height: 12px; position: absolute; bottom: -3px; left: 0px;}
	.slider-holder span.slider-shadow { background: transparent; display: none; }
	.flex-control-nav { width:310px; margin-left:auto; margin-right:auto;}

	.slider { width: 310px; height: 200px;  background:none; }
	.slider ul.slides li { width: 300px !important; height: 186px !important; float: left;  margin-top:-20px; }

	.slider ul.slides li .img-holder { width: 250px  !important; height: 134px  !important; bottom: -10px !important; left: 50%; margin-left: -145px;   }
	.slider ul.slides li .img-holder img { width: 250px  !important; height: 134px !important; }

	.slider ul.slides li .slide-cnt { width: 310px; margin: 0 auto;  padding: 0px 0 0 0px; }
	.slider ul.slides li .box-cnt { display: none; }
	.slider ul.slides li .slide-cnt h2 { font-size: 22px; text-align: center;  line-height: 25px; padding-bottom: 16px; color: #fff; text-shadow: rgba(0,0,0,0.4) 0px 1px 2px; font-family: 'Ubuntu', sans-serif; font-weight: 700; }
	.slider ul.slides li .slide-cnt a.grey-btn { display: none; }

	.main { padding: 40px 0 0 0; }
	.main section { padding: 0 20px 20px 20px; }
	.main .cols { margin: 0 0 0 0; padding-left: 0px; padding-right: 0px; background:url(../images/wals-fnd.png) repeat-x; font-size:11px;}
	.main .cols .col { width: 93%; height:105%; background: url(../images/section-fnd1.png) no-repeat; background-size:100%; }
	.main .cols .col img { float: none; display: block; margin: 0 auto;  }
	.main .cols .col + .col { height:105%; padding-left: 0px; background: url(../images/section-fnd2.png) no-repeat; background-size:100%; }
	.main .cols .col-cnt { width:90%; }
	.main .cols .col-cnt p { text-align:justify;}
	
	.main .cols2 .col { width: 95%;}
	.main .cols2 .col-cnt { width:95%; }
	.main .cols2 .col-cnt p { text-align:justify;}
	.main .cols2 .col-cnt img { width:90%; text-align:center; margin-top:10px; }
	
	.main .cols3 .col1 { width: 100%; margin-left:15px; margin-right:15px;}
	.main .cols3 .col1 .col-cnt1 { width: 95%;}
	.main .cols3 .col1 .col-cnt1 img { width: 75%;}
	.main .cols3 .col1 .col-cnt2 { width: 95%; padding:0px; margin:0px;}
	.main .cols3 .col1 .col-cnt2 img { width: 75%;}
	.main .cols3 .col1 .col-cnt3 { width:92%; padding:8px; margin:0px; margin-bottom:10px;}
	.main .cols3 .col1 .col-cnt3 img { width: 75%;}
	.main .cols3 .col1 .col-cnt4 {width: 90%; margin-left:0px;}
	.main .cols3 .col1 .col-cnt5 {width: 90%; margin-left:0px;}

	.main .post  { background: url(images/m-section-post.png) no-repeat center bottom; padding-top: 28px; padding-left: 20px;   }
	.main .post .video-holder { width: 280px; height: 162px; float: none; display: block;  margin: 0 auto 20px;  }
	.main .post .video-holder img { width: 280px; height: 162px; }
	.main .post-cnt { float: none; display: block;  width: 100%; }
	.main .post-cnt p strong { display: block; padding-bottom: 12px; }

	.testimonial h2 { font-size: 21px; }
	.testimonial p.author { text-align: center; }

	.main .wals p { font-size: 15px; font-family: 'Ubuntu', arial, helvetica, serif; position: relative; padding-left:0px; padding-right:0px; line-height:20px;  }
	
	.main  .clear img { z-index:1; width:100%}

	.socials { background: url(images/socials-bg.png) repeat-x 0 0;  padding-bottom: 20px;  height: 100%; }
	.socials-inner { padding-left: 10px; }
	.socials h3 { float: none; display: block; }
	.socials ul li { display: block; float: none; line-height: 30px;  }
	.socials ul li a { display: block; float: none; }
	.socials ul li a span { top: 4px; }

	#footer h2 { padding-bottom: 12px; }
	.footer-cols { width:100%; background: url(../images/footer-fnd2.png) no-repeat; background-size: 100% 163px;  }
	.footer-cols .col { width: 150px; }
	.footer-cols .col + .col { padding-left: 28px; }
	.footer-cols .col ul li { font-size: 12px; }
	.footer-cols .col2 { width:92%; }
	.footer-cols .col2 ul li {font-size: 12px; }
	.footer-cols .col3 { width:92%; }
	.footer-cols .col3 a {font-size: 12px; }

	.footer-bottom { width:92%;  }
	
	#pricing-table {text-align: center; width: 100%;}
	#pricing-table #most-popular {width: 24%;}
	#pricing-table .plan {width: 7%; /* plan width = 180 + 20 + 20 + 1 + 1 = 222px */ float: left; position: relative;}
	#pricing-table .plan img {width: 15px; height:14px;}

}

@media only screen and (max-width: 480px) {
	.main-menu {margin:0 0 30px 0; float:left;}
.main-menu a {color:#214a63;}
	
	.main { padding: 40px 0 0 0; }
	.main section { padding: 0 20px 20px 20px; }
	.main .cols { margin: 0 0 0 0; padding-left: 0px; padding-right: 0px; background:url(../images/wals-fnd.png) repeat-x; width:93%;    }
	.main .cols .col { width: 100%; height:100%; background: url(../images/s-section-fnd1.png) no-repeat ; background-size:100% }
	.main .cols .col img { float: none; display: block; margin: 0 auto;  }
	.main .cols .col + .col { height:105% padding-left: 0px; background: url(../images/s-section-fnd2.png) no-repeat; background-size:100%; }
	.main .cols .col-cnt { width:90%; }
	.main .cols .col-cnt3 { width: 55%;}
	.main .cols .col-cnt ul li{ text-align:left;}
	.main .cols .col-cnt p { text-align:justify;}
	
	.main .cols2 .col { width: 92%;}
	.main .cols2 .col-cnt { width:92%; }
	.main .cols2 .col-cnt ul li{ text-align:left;}
	.main .cols2 .col-cnt p { text-align:justify;}
	.main .cols2 .col-cnt img { width:90%; text-align:center; margin-top:10px; }
	
	.main .cols3 .col1 { width: 96%; margin-left:15px; margin-right:15px;}
	.main .cols3 .col1 .col-cnt1 { width: 95%;}
	.main .cols3 .col1 .col-cnt1 img { width: 100%;}
	.main .cols3 .col1 .col-cnt2 { width: 95%; padding:0px; margin:0px;}
	.main .cols3 .col1 .col-cnt2 img { width: 100%;}
	.main .cols3 .col1 .col-cnt3 { width:89%; padding:8px; margin:0px; margin-bottom:10px;}
	.main .cols3 .col1 .col-cnt3 img { width: 100%;}
	.main .cols3 .col1 .col-cnt4 {width: 90%; margin-left:2px;}
	.main .cols3 .col1 .col-cnt5 {width: 90%; margin-left:2px;}
	
	.main  .clear img { z-index:1; width:100%}
	
	.footer-cols { width:100%; background: url(../images/footer-fnd2.png) no-repeat; background-size: 100% 163px;  }
	.footer-cols .col2 { width:85%; }
	.footer-cols .col2 ul li {font-size: 11px; }
	.footer-cols .col3 { width:85%;}
	.footer-cols .col3 a {font-size: 11px; }

	.footer-bottom { width:92%;  }

@media only screen and (max-width: 360px) {
	.main-menu a {
	color:#214a63;
}
	
	.main .cols3 .col1 .col-cnt4 {width: 90%; margin-left:-5px;}
	.main .cols3 .col1 .col-cnt5 {width: 90%; margin-left:-5px;}
		
	.footer-cols .col2 { width:85%; padding-bottom:10px;  margin-top:10px; }
	.footer-cols .col3 { width:85%; padding-bottom:0px;  margin-top:0px; }

@media only screen and ( max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi)  { 

	#navigation a.nav-btn span.arr { background: url(images/nav-arr@2x.png) no-repeat 0 0; -webkit-background-size: 13px 18px; -moz-background-size: 13px 18px; background-size: 13px 18px; }
	#navigation a.nav-btn span.arr.active { background: url(images/nav-arr@2x.png) no-repeat 0 bottom; -webkit-background-size: 13px 18px; -moz-background-size: 13px 18px; background-size: 13px 18px; }

	#logo a { background: url(images/logo@2x.png) no-repeat 0 0; -webkit-background-size: 81px 33px; -moz-background-size: 81px 33px; background-size: 81px 33px;  }