/* @group Core Elements */

/*@import url(http://fonts.googleapis.com/css?family=Paytone+One|Montserrat|Pontano+Sans);*/

@font-face {
  font-family: 'Paytone One';
  src: url('../../../fonts/PaytoneOne.ttf') format('truetype') /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
  font-family: 'Montserrat';
  src: url('../../../fonts/Montserrat-Bold.ttf') format('truetype') /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


@font-face {
  font-family: 'Pontano Sans';
  src: url('../../../fonts/PontanoSans-Regular.ttf') format('truetype') /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


html {height: 100%; margin-bottom: 1px; background-color: #b8d7e4;}
body {margin: 0;line-height: 135%; font-family: 'Pontano Sans', sans-serif !important; font-size:13.5px !important;}

/* Font family information */

body#ff-default, body#ff-default td {font-family: Helvetica, Arial, FreeSans, sans-serif;}
body#ff-optima, #ff-optima td {font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif;}
body#ff-geneva, #ff-geneva td {font-family:  Geneva, Tahoma, "Nimbus Sans L", sans-serif;}
body#ff-helvetica, #ff-helvetica td {font-family: Helvetica, Arial, FreeSans, sans-serif;}
body#ff-lucida, #ff-lucida td {font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, sans-serif;}
body#ff-georgia, #ff-georgia td {font-family: Georgia, sans-serif;}
body#ff-trebuchet, #ff-trebuchet td {font-family: "Trebuchet MS", sans-serif;}
body#ff-palatino, #ff-palatino td {font-family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;}
body#ff-default #horiz-menu li, body#ff-default #bottom-menu, body#ff-default a.mainlevel, body#ff-default a.sublevel, body#ff-default ul#rokslide-toolbar li, #topmenu-mod ul#mainlevel-top {font-family: Trebuchet MS, Geneva, Tahoma;}
body#ff-default .module h3, body#ff-default .moduletable h3, body#ff-default .contentheading, #topmenu-mod .banner-small, body#ff-default .submenu-block h3, .subtitulo {font-family: 'Montserrat', sans-serif;}
body#ff-default #banner-right .moduletable h3, body#ff-default #banner-left .moduletable h3 {font-family: Helvetica, Arial, FreeSans, sans-serif;}


div.wrapper {
	margin: 0 auto;
	width: 1062px;
	padding:0;
}
#leftcol {
	float:left;
	width:325px;
	padding:0;
}
#rightcol {
	float:right;
	width:0px;
	padding:0;
}
#maincol {
	margin-left:325px;
	margin-right:0px;
	padding:0;
}
#mainblock {
	margin-left:0px;
	margin-right:0px;
	padding:0;
}
#banner-left {
	width:0px;
	padding:0;
}
#banner-right {
	width:0px;
	padding:0;
}
#moduleslider-size {
	height:200px;
}

.subtitulo strong {
	font-family: 'Paytone One', sans-serif;
	text-transform:uppercase;
}

/* Core Styles */

form {margin: 0;padding: 0;}
body.f-small, body#ff-optima.f-small, body#ff-georgia.f-small {font-size: 11px;}
body, body.f-default {font-size: 12px;}
body#ff-optima, body#ff-optima.f-default {font-size: 13px;}
body#ff-georgia, body#ff-georgia.f-default {font-size: 13px;}
body.f-large, body#ff-optima.f-large, body#ff-georgia.f-large {font-size: 14px;}
p {margin-top: 10px;margin-bottom: 15px;}
h1, h2, h3, h4, h5 {padding-bottom: 5px;margin: 25px 0 10px 0;font-weight: normal;line-height: 120%;}
h1 {font-size: 200%;line-height: 100%;}
h2 {font-size: 175%;line-height: 100%;}
h3 {font-size: 150%;}
h4 {font-size: 130% !important; font-family: 'Montserrat', sans-serif !important; margin-bottom:5px !important; }
h5 {font-size: 120%;text-transform: uppercase;}
h5.subtitulo{
    margin-bottom:  8px;
}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
.clr {clear: both;}

/* @end */

/* @group Joomla Elements */

.mosimage_caption {font-size: 90%;}
.componentheading {font-size: 180%;line-height: 130%;font-weight: normal;padding: 0 0 0 5px;margin: 0 0 20px 0;}
.contentheading {
    font-weight: normal;
    line-height: 130%; letter-spacing: -1px; font-family: 'Montserrat', sans-serif !important; 
    color:#4695b4 !important; 
    width:100%; 
	height: auto;
	background: #f5f8f9;
    padding:10px 10px 10px 10px; 
    margin-bottom:15px !important; 
    border:2px solid #d9e7eb;
    border-radius: 10px;
    text-shadow: 1px 1px 5px rgba(70,149,180, 0.4);
    font-size:28px;
}

span.small, td.createdate, td.modifydate {font-size: 90%;}
table.blog td.createdate {padding-bottom: 5px;}
table.blog td.modifydate {padding-top: 10px;}
td.buttonheading, .contentpaneopen td.buttonheading {padding: 0 1px;border: 0;}
td.column_separator {padding-left: 15px;}
td.componentheading {padding-bottom: 15px;}
.sectiontableheader {font-weight: bold;padding: 4px;line-height: 25px;}
tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry1, td.sectiontableentry2 {text-align: left;padding: 2px 0 0px 5px;}
tr.sectiontableentry2 td, td.sectiontableentry2 {height: 25px;}
tr.sectiontableentry1 td, td.sectiontableentry1 {height: 25px;}
.contentpane, .contentpaneopen {width: 100%;}

.contentpaneopen {
    margin-top:20px;
}
.contentpaneopen p{
	font-family: 'Pontano Sans', sans-serif !important; font-size:15px !important;
}


/* @end */

/* @group Structure */

#top-bar .wrapper { position: relative;z-index: 500; }
#top-bar { height: 26px; padding-top: 6px; }
#header-bar { 
    clear:both; height: 115px !important; padding-top: 12px;margin-bottom: 5px;padding-bottom: 8px; overflow: hidden; 
    background: url(../images/body/style4/header-bar.png) top center repeat-x !important;
    background-size: cover;
}
img#logo { position:relative; top:-5px; width: 315px; height:88px; float:left; }
.logo-module { width: 315px;height:80px; float: left;overflow: hidden; }

#topmenu-mod {float: right;width: 67%;visibility: hidden;}
#banner-mod {float: right;width: 60%;padding-top: 8px;}
#banner-right {float: right;}
#banner-right .padding {padding: 0 0 0 10px;}
#banner-left {float: left;}
#banner-left .padding {padding: 0 10px 0 0;}

#showcase-top {width: 25px;height: 55px;float: left;}
#showcase-top2 {width: 25px;height: 55px;float: right;}
#showcase-top3 {height: 55px;margin: 0 25px;}

#date-block {width: 250px;height: 28px;float: right;padding-top: 12px;}
#date-block .date-left {text-align: right;margin-right: 25px;}
#date-block .date-right {float: right;text-align: center;}

.date1 {text-transform: uppercase;text-align: right;font-size: 180%;padding-right: 10px;margin-right: 10px;}
.date2 {text-transform: uppercase;font-weight: bold;font-size: 90%;letter-spacing: 0.1em;line-height: 70%;}
.date3 {display: block;padding: 0;}

#showcase-main {margin-left: 13px;margin-right: 13px;}
#showcase-main2 {margin-left: -13px;}
#showcase-main3 {margin-right: -13px;}
#showcase-main .padding {padding: 0 13px;}

#showcase-bottom {width: 25px;height: 25px;float: left;margin-bottom: 6px;overflow: hidden;}
#showcase-bottom2 {width: 25px;height: 25px;float: right;margin-bottom: 6px;}
#showcase-bottom3 {height: 25px;margin-left: 25px;margin-right: 25px;margin-bottom: 6px;}

#main-top {width: 13px;float: left;height: 17px;}
#main-top2 {width: 13px;height: 17px;float: right;}
#main-top3 {height: 17px;margin-right: 13px;margin-left: 13px;}
#main-top3 .padding {padding: 15px 0 0 0;}

#main-bar {margin-bottom: 10px;padding: 12px;overflow: hidden;}
#newsflash-block {float: left;width: 60%;height: 20px;font-style: italic;overflow: hidden;}
#searchmod {width: 253px;height: 23px;float: right;}
#searchmod .inputbox {background: none;width: 218px;height: 20px;margin-left: 30px;border: 0;}

#main {margin-left: 13px;margin-right: 13px;}
#main2 {margin-left: -13px;}
#main3 {margin-right: -13px;}
#main .main-padding {padding: 0 13px;}

#main-bottom {width: 25px;height: 20px;float: left;}
#main-bottom2 {width: 25px;height: 20px;float: right;}
#main-bottom3 {margin-left: 25px;margin-right: 25px;height: 20px;}

#rightcol {float: right;}
#rightcol .padding {padding: 0 0 0 10px;}
#rightcol .inner .padding {padding: 20px 20px 0 20px;}
#leftcol {float: left;}
#leftcol .padding {padding: 0 10px 0 0;}
#leftcol .inner .padding {padding: 20px 20px 0 20px;}
#maincol .inner .padding {padding: 20px;}

.col-bottom {width: 8px;float: left;height: 10px;}
.col-bottom2 {width: 8px;float: right;height: 10px;}
.col-bottom3 {height: 10px;margin: 0 8px 0 8px;padding-bottom: 10px;}
.col-bottom3.tab {margin-bottom: 10px;}

#bottom {margin-top: 10px;}
#bottom-shadow {height: 25px;position: relative;z-index: 2;}
#bottom-menu {height: 53px;}

#footer {padding: 25px 0 25px 0;}
img#rocket {width: 166px;height: 22px;float: left;margin-right: 30px;margin-left: 20px;}
#copyright {height: 22px;line-height: 22px;}

.debug {margin-top: 20px;}

table.mainbody, table.blog {width: 100%;border: 0;padding: 0;}
.spacer .block {float: left;}
.spacer.w99 .block {width: 99.8%;}
.spacer.w49 .block {width: 49.8%;}
.spacer.w33 .block {width: 33.3%;}
#bottommodules2.spacer.w33 .block {width: 33.1%;}
.spacer.w24 .block {width: 24.8%;}

/* @end */

/* @group Modules */

#banner-top .moduletable {padding: 20px 10px 35px 10px;}
.module h3, .moduletable h3, .submenu-block h3 {margin-top: 0;font-size: 180%;letter-spacing: -1px;}
#banner-mod .moduletable, #topmenu-mod .moduletable {float: right;margin: 0;padding: 0;}
#leftcol .moduletable, #rightcol .moduletable {padding-bottom: 25px;}
#newsflash .moduletable h3, .logo-module .moduletable h3 {display: none;}
#newsflash .moduletable {margin: 0;padding: 0;}
#bottom .module, #maincol .module, #extendedmodules .module {padding: 20px;}
#showcasemodules .module {padding: 10px 20px 20px 20px;}
#extendedmodules .module {margin-top: 30px;}
.moduletable-flush, .logo-module .moduletable {margin: 0;padding: 0;}
#banner-right .moduletable h3, #banner-left .moduletable h3 {margin: 0 0 4px 0;padding: 0 0 0 2px;text-transform: uppercase;font-size: 80%;letter-spacing: 1px;font-family: Arial, sans-serif;}
#banner-right .moduletable, #banner-left .moduletable {padding: 0;margin: 0 0 35px 0;}
#showcasemodules, #mainmodules, #mainmodules2, #bottommodules, #extendedmodules, .rotator-module {overflow: hidden;}

/* @end */

/* @group Menus */

#horiz-menu {display: block;text-transform: uppercase;z-index: 100;height: 25px;line-height: 24px;position: relative;padding: 0;}
ul#horiznav.menutop, #horiz-menu ul.menutop {padding: 0;margin: 0;position: relative; font-size:12px !important;}
#horiz-menu ul {list-style: none;padding: 0;margin: 0;}
#horiz-menu li {display: block;float: left;margin: 0 12px 0 0;padding: 0 6px;text-transform: uppercase;font-weight: bold;letter-spacing: 0.1em;}
#horiz-menu a, #horiz-menu .separator {white-space: nowrap;display: block;float: left;height: 22px;line-height: 20px;font-weight: normal;font-size: 110%;overflow: hidden;text-decoration: none;text-transform: uppercase;z-index: 100;cursor: pointer;}
#horiz-menu li a span, #horiz-menu li .separator span {display: block;padding: 0;}
#horiz-menu li.active a, #horiz-menu li.active .separator {z-index: 100;cursor: pointer;}
#horiz-menu li.active li a, #horiz-menu li.active.parent li a, #horiz-menu li.active li .separator, #horiz-menu li.active.parent li .separator {font-weight: normal;font-size: 100%;}
#horiz-menu ul ul {margin: 0;padding: 0;}
#horiz-menu ul ul li a, #horiz-menu ul li.active.parent ul a, #horiz-menu ul li.active.parent ul a span, #horiz-menu ul ul li .separator, #horiz-menu ul li.active.parent ul .separator, #horiz-menu ul li.active.parent ul .separator span {text-transform: none;background: none;}
.menutop .animated-bg {padding:0;left: 6px;}
.menutop .submenu-animation-left {margin-right: 9px;} 
.menutop .submenu-animation-right {height: 100%;width: 9px;position: absolute;right: 0;margin-right: -9px;}

/* Menu Dropdowns */

#horiz-menu li li.active, #horiz-menu li.active li a, #horiz-menu li.active li a:hover, #horiz-menu li li a:hover, #horiz-menu ul li.active.parent ul a, #horiz-menu li.active li .separator, #horiz-menu li.active li .separator:hover, #horiz-menu li li .separator:hover, #horiz-menu ul li.active.parent ul .separator {background: none;border: 0;padding: 0;margin: 0;}
#horiz-menu li li a, #horiz-menu li li .separator {font-size: 100%;font-weight: normal;background: none;padding: 0;margin: 0;}
#horiz-menu li li, #horiz-menu li li a span, #horiz-menu li li .separator span {background: none;padding: 0;margin: 0;}
#horiz-menu li li a span, #horiz-menu li li .separator span {padding: 0;}
#horiz-menu li.sfHover li a, #horiz-menu li:hover li a, #horiz-menu ul li.active ul li.active li a, #horiz-menu ul li.active.parent ul li a, #horiz-menu li.sfHover li .separator, #horiz-menu li:hover li .separator, #horiz-menu ul li.active.parent ul li .separator, #horiz-menu ul li.active.parent ul li .seperator {text-indent: 15px;}
#horiz-menu ul ul {padding-bottom: 5px;}

/* Top Menu */

#topmenu-mod ul#mainlevel-top {padding: 12px 0 0 0;margin: 0 auto;height: 60px;}
#topmenu-mod #mainlevel-top ul {list-style: none;margin: 0;padding: 0;}
#topmenu-mod #mainlevel-top li {display: block;float: left;margin: 0;padding: 0;}
#topmenu-mod #mainlevel-top li.last { border-right: none; }
#topmenu-mod #mainlevel-top li.last a { margin-right: 0; }
#topmenu-mod #mainlevel-top a, #banner-mod #mainlevel-top a#active_menu.mainlevel { white-space: nowrap;display: block;float: left;font-weight: normal;overflow: hidden;text-decoration: none;padding: 0 8px;margin: 0 10px; }
#topmenu-mod .banner-big { text-transform: uppercase; padding: 0; margin:0; display: block; font-size: 180%; line-height: 130%;}
#topmenu-mod .banner-small {padding: 0 0 8px 0;margin:0;display: block; font-style: italic; font-size: 120%;}
#topmenu-mod a#active_menu-top.mainlevel-top span.banner-small {background: url(../images/topmenu-arrow.png) 50% 100% no-repeat;}

/* Bottom Menu */

#bottom-menu ul#mainlevel-bottom {padding: 0 0 0 12px;margin: 0 auto;height: 50px;}
#bottom-menu #mainlevel-bottom ul {list-style: none;margin: 0;padding: 0;}
#bottom-menu #mainlevel-bottom li {display: block;float: left;margin: 0;padding: 0;}
#bottom-menu #mainlevel-bottom a, #bottom-menu #mainlevel-bottom a#active_menu.mainlevel {white-space: nowrap;display: block;float: left;font-weight: normal;overflow: hidden;height: 50px;line-height: 50px;letter-spacing: 0.1em;font-size: 110%;text-decoration: none;text-transform: uppercase;padding: 0 8px;margin: 0 20px 0 0;}

/* Sub and Side Menus */

a.mainlevel:hover, a.sublevel:hover {text-decoration: none;}
a.mainlevel {line-height: 32px;height: 32px;font-size: 130%;padding: 2px 0 2px 15px;}
a.sublevel {height: 26px;line-height: 26px;margin: 0;padding: 0;}
ul.menu {margin:0;padding: 0 0 35px 0; font-size:11px !important;}

ul.menu li {
    list-style: none; float: none;
}

ul.menu li a{
    transition: all .2s ease-in-out;
	margin-top: 6px;
	margin-left:8px;
	font-size: 13px !important;
}

#boton_mercadolibre, #boton_youtube {
	width:46%;
	float:left;
	margin:0px 2% 0px 2%;
    transition: all .2s ease-in-out;
}


#boton_mercadolibre:hover, #boton_youtube:hover {
    transform: scale(1.1);
	cursor: pointer;
}

ul.menu span i { font-size:20px; padding-right:10px; padding-top:4px;}
ul.menu li a, ul.menu li .separator {text-indent: 5px;}
ul.menu ul li a, ul.menu ul li .separator {text-indent: 20px;}
ul.menu ul li ul li a, ul.menu ul li ul li .separator {text-indent: 40px;}
ul.menu ul li ul li ul li a, ul.menu ul li ul li ul li .separator {text-indent: 60px;}
ul.menu li.parent ul li span {background: none;}
ul.menu li.active.parent {background: url(../images/style8/submenu-bgtop.png) 0 0 repeat-x; }
ul.menu li.active.parent li span {background: none;}
ul.menu li {
	list-style: none; float: none;
}
ul.menu li a{
	text-decoration:none;
    transition: all .2s ease-in-out;
	margin-top: 6px;
	margin-left:8px;
	font-size: 13px !important;
	text-transform:uppercase;
}

ul.menu li a:hover{
	text-decoration:none;
}

ul.menu li.active ul {
	border-left:10px solid #d1d1d1;
}

ul.menu li.active > .menu_option{
	background-color: #8bc6d6 !important;
}

ul.menu li.active > .menu_option a{
	color: #FFF;
	font-weight: bold;
}

.menu_option {
	border-bottom: 1px solid rgba(0,0,0, 0.1) !important;
	padding:5px 0px 5px 0px;
	 -webkit-transition: background 0.5s linear;
    -moz-transition: background 0.5s linear;
    -o-transition: background 0.5s linear;
    transition: background 0.5s linear;
	background-color: transparent;
}

.menu_option:hover {
	cursor: pointer;
	background-color: #8bc6d6;
    -webkit-transition: background 0.5s linear;
    -moz-transition: background 0.5s linear;
    -o-transition: background 0.5s linear;
    transition: background 0.5s linear;
}

.menu ul span {height: 26px;line-height: 26px;}
.menu a, ul.menu .separator {display: block;line-height: 32px;text-indent: 0px;height: 32px;overflow: hidden;font-size: 120%;float: none;}
.menu ul li {border: 0;}
.menu ul ul {padding: 0; margin: 0;background: none;}
.menu li li {padding: 0;margin: 0;}
.menu ul a, ul.menu ul .separator {text-indent: 0;}
/* @end */

/* Extra Content Styles */

a.readon {margin-top: 16px;padding: 0;display: block;font-size: 100%;text-indent: 12px;}
a.readon2 {width: 54px;height: 18px;display: block;margin-top: 16px;text-transform: uppercase;line-height: 18px;font-size: 10px;text-align: center;padding: 0;}
a.readon2:hover {text-decoration: none;background-position: 0 -18px;}
#showcasemodules input.button {background: url(../images/showcase-input.png) 0 0 no-repeat;width: 51px;height: 18px;}
#showcasemodules input.button:hover {text-decoration: none;background-position: 0 -18px;}
.pathway-block.top {float: left;width: 70%;}
.pathway-block.top span.pathway {padding-left: 0;}
.pathway-block {width: 100%;display: block;}
span.pathway {display: block;font-weight: normal;line-height: 140%;overflow: hidden;text-transform: uppercase;padding-top: 14px;padding-bottom: 6px;padding-left: 8px;}
span.pathway img {padding-right: 1px;width: 5px;height: 9px;}
span.pathway a {float: none;padding: 0 2px 0 0;}
#accessibility {width: 55px;height: 12px;position: absolute;right: 0;top: 4px;z-index: 5000;}
#accessibility span {background-repeat: no-repeat;}
#accessibility a {text-decoration: none; cursor: pointer;}
#accessibility #buttons {float: right;padding-right: 8px;}
#accessibility .button {display: block;float: right;width: 11px;height: 11px;margin-right: 4px;}
.fontbutton-text {position: absolute;right: 50px;top: 2px;text-transform: uppercase;font-size: 90%;font-weight: bold;}
a.nounder {text-decoration: none;border: 0;cursor: pointer;}
a.nounder:hover {text-decoration: none;}
.clr {clear:both;}
fieldset {border-left: 0;border-right: 0;border-top: 0;}
fieldset.input, a img, body .pollstableborder {border: 0;}
img.content-left {float: left;margin-right: 10px;padding: 5px;}
img.content-right {float: right;margin-left: 10px;padding: 5px;}
.back_button {margin-top: 20px;margin-bottom: 10px;}
.tool-tip {padding: 4px;}

/* Login */

form#form-login ul {padding-left: 18px;}
form#form-login fieldset.input {padding: 0;}
p#form-login-remember {margin-bottom: 5px;}
input#mod_login_username.inputbox, input#mod_login_password.inputbox, input#modlgn_username.inputbox, input#modlgn_passwd.inputbox {height: 24px;display: block;border: 0;width: 170px;}
.module input.button, .moduletable input.button {border: 0;width: 54px;height: 18px;cursor: pointer;text-align: center;text-transform: uppercase;margin-top: 10px;margin-bottom: 10px;line-height: 18px;padding: 0;font-size: 10px;}
.module input.button:hover, .moduletable input.button:hover {background-position: 0 -18px;}
#sl_vert #sl_username, #sl_vert #sl_pass {height: 24px;display: block;margin-bottom: 8px;}
#sl_vert #sl_username input, #sl_vert #sl_pass input {background: none;border: 0;width: 160px;height: 14px;padding: 5px;line-height: 100%;}
#sl_vert .button {border: 0;width: 54px;height: 18px;cursor: pointer;text-align: center;text-transform: uppercase;margin-top: 10px;margin-bottom: 10px;line-height: 100%;padding: 0;}
#sl_vert .button:hover {background-position: 0 -18px;}

/* Tabbed Modules */

#moduleslider-size {overflow: hidden;padding: 0;}
.moduleslider-padding {padding: 0 20px;}
#tabmodules .module h3 {background: none;margin: 0;text-align: left;}
#tabmodules {overflow: hidden;}
#tabmodules div {padding: 0;margin: 0;}
#tabmodules li span {line-height: 30px;padding: 0;}
#rokslide-toolbar span {white-space: nowrap;}
#rokslide-toolbar {margin: 0;padding: 0;height: 33px;padding: 0;}
#rokslide-toolbar li {height: 30px;font-size: 130%;margin: 0 8px;padding: 0 6px;}
#rokslide-toolbar li.current {height: 30px;}
#rokslide-toolbar li.current.first {height: 30px;}
#rokslide-toolbar li.current span {height: 33px;}
#frame {text-align: left;}
#frame .module, #frame .module-hilite1, #frame .module-hilite2, #frame .module-hilite3 {float: left;padding: 10px;}
#frame .mmpr-1 .module, #frame .mmpr-1 .module-hilite1, #frame .mmpr-1 .module-hilite2, #frame .mmpr-1 .module-hilite3 {width: auto;}
#frame .mmpr-2 .module, #frame .mmpr-2 .module-hilite1, #frame .mmpr-2 .module-hilite2, #frame .mmpr-2 .module-hilite3 {width: 45%;}
#frame .mmpr-3 .module, #frame .mmpr-3 .module-hilite1, #frame .mmpr-3 .module-hilite2, #frame .mmpr-3 .module-hilite3 {width: 30%;}
#frame .mmpr-4 .module, #frame .mmpr-4 .module-hilite1, #frame .mmpr-4 .module-hilite2, #frame .mmpr-4 .module-hilite3 {width: 21%;}
#frame .mmpr-5 .module, #frame .mmpr-5 .module-hilite1, #frame .mmpr-5 .module-hilite2, #frame .mmpr-5 .module-hilite3 {width: 16%;}
#leftcol #frame div div, #rightcol #frame div div, #rightcol2 #frame div div {width: auto;}

/* RokContentRotator */

.rotator-module {padding: 0;margin: 0; position: relative;z-index: 5;overflow: hidden;}
.rotator-module .module {padding: 10px;margin: 0;overflow: hidden;}
.rok-content-rotator .arrow {height:28px;position: absolute;right: 10px;width:228px;top: 0;}
.rok-content-rotator {margin: 0;position: relative;z-index: 5;}
.rok-content-rotator h2 {font-size: 130%;line-height: 30px;text-indent: 0;padding: 0;margin: 0 7px;z-index: 1;outline: none;}
.rotator-module .rok-content-rotator h2 a {display: block;z-index: 3;position: absolute;width: 250px;outline: none;margin: 0;text-indent: 0;}
.rotator-module .rok-content-rotator h2 a.active {font-weight: normal;font-size: 100%;text-indent: 0;}
.rotator-module .rok-content-rotator h2 a:hover, .rotator-module .rok-content-rotator h2 a:hover.active {text-decoration: none;}
.rok-content-rotator-link {height: 30px;}
.rok-content-rotator ul {padding: 0;float: right;margin: 0;width: 235px;text-indent: 0;}
.rok-content-rotator li {list-style: none;padding: 0;margin-left: 1px;height: 30px;}
.rotator-module .rok-content-rotator .content {position: absolute;left: 0;top: 0;margin-right: 270px;padding: 10px 0 15px 20px;visibility: hidden;font-size: 120%;line-height: 140%;overflow: hidden;}
.rok-content-rotator a.readon {text-decoration: none;line-height: 0;cursor:pointer;background: none;text-indent: 0;}

/* RokNewsflash */

#newsflash{position:relative;line-height: 130%;padding-top: 3px;}
#newsflash ul{margin:0 0 0 128px;list-style:none;padding:0;}
#newsflash li{padding-bottom:100px;}
#newsflash .readon{clear:none;display:inline;float:none;height:auto;width:auto;line-height:100%;font-size:100%;margin:0;padding:0;background:none;}
#newsflash .flashing{display:block;position:absolute;left:48px;font-weight:bold;text-transform: uppercase;font-size: 90%;}
#newsflash .controls img{cursor:pointer;height:13px;margin-right:3px;width:16px;}
#newsflash .control-prev{background-position:0 0;}
#newsflash .control-prev:hover {background-position: 0 -13px;}
#newsflash .control-next{background-position:0 -26px;}
#newsflash .control-next:hover {background-position: 0 -39px;}
#newsflash .controls{position:absolute;left:5px;}


/* @group Demo Content */

/* Frontpage Poll */

#bottom .poll div, #bottom .poll table {float:left;}

/* Roknewsflash tutorial */
.rokmod-demo-block .parameters div {border-right:1px dotted #666;padding-right:12px;}
.rokmod-demo-block .options div {border-right:1px dotted #666; padding-right: 12px;}
.rokmod-demo-block .demo div {border-right:1px dotted #666;padding-right: 12px;}
.rokmod-demo-block .parameters, .rokmod-demo-block .options, .rokmod-demo-block .demo, .rokmod-demo-block .description {float:left;margin-right:12px;}
.rokmod-demo-block .parameters span, .rokmod-demo-block .options span, .rokmod-demo-block .demo span, .rokmod-demo-block .description span {display:block;font-size:11px;line-height:22px;}
.rokmod-demo-block .demo-span1 {font-weight: bold;}

.variation-chooser {position:relative;}
.variation-chooser .controls {height: 25px;}
.variation-chooser .control-prev, .variation-chooser .control-next{cursor:pointer;height:16px;margin-right:3px;width:16px;float: left;margin-top:1px;}
.variation-chooser .control-prev{background-position:0 0;margin-right: 0.5em;}
.variation-chooser .control-prev:hover {background-position: 0 -16px;}
.variation-chooser .control-next{background-position:0 -32px;margin-left: 0.5em;}
.variation-chooser .control-next:hover {background-position: 0 -48px;}
.variation-chooser .controls{position:absolute;left:5px;}

.top_banner {
	width:100%;
	height:170px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border:1px solid #CCC;
	vertical-align:text-bottom;
	overflow:hidden;
	position:relative;
}

.barra_negra_banner{
	position:absolute;
	bottom:0px;
	width:100%;
	height:26px;
	background:rgba(252,213,33,0.75);
	color:#FFF;
	font-size:26px;
	padding:10px 0px 10px 10px;
	text-shadow: 0px 0px 12px rgba(162, 131, 10, 1);
	letter-spacing:0.3px;
}

.price_list {
	font-family: 'Montserrat', sans-serif;!important;
	font-size: 20px;
	color: #e63709;
	line-height: 20px;
	text-decoration:none;
}

.price_list:hover{
	text-decoration:none;
}

/* @end */


.list-info {
	list-style-image:none !important;
	list-style-type:none !important;
	background: url(../../../images/vertical_divider_fade.png) top left no-repeat;
	padding-left:20px !important;
}

.separador_horizontal {
	clear:both;
	width:100%;
	height:30px;
	background: url(../../../images/horizontal_divider_fade.png) center center no-repeat;
}

	#principal_izquierdo {
		display:table;
	}
  
  	#principal_izquierdo h3, h4 {
		color: #29363e;
		border: none;
		outline: none;
		padding: 0;
		margin: 0 0 40px; 
	}
  	
	#principal_izquierdo h4 {
    	margin-bottom: 22px; 
	}
 
	#principal_izquierdo em {
		float: left;
		width: 60px;
		height: 60px;
		margin: 3px 10px 0 0;
		font-size: 30px;
		color: white;
		line-height: 60px;
		text-align: center;
		background: #8bc6d6;
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
		border-radius: 100px; 
	}
    
	#principal_izquierdo .type-text {
    	overflow: hidden; 
	}
	
	#principal_izquierdo ul {
	  	list-style-image:none;
	  	list-style-type:none;
    	padding:0px 0px 0px 0px !important;
		margin:0px 25px 0px 0px !important;
	}
	
	#principal_izquierdo .list-info {
    	padding:0px 0px 0px 30px !important;
	}
	
    #principal_izquierdo ul li {
		padding:0px 0px 0px 0px !important;
      	margin-bottom: 19px; 
	}


	
.col-xs-6 {
	margin:0px 0px 0px 0px !important;
	padding:0px 0px 0px 0px !important;
	width: 50%;
}
.col-xs-12 {
	margin:0px 0px 0px 0px !important;
	padding:0px 0px 0px 0px !important;
	width: 100%;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
	float: left;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: relative;
	min-height: 1px;
}

.img_inner {
	max-width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 18px;
	margin-top: 4px;
	border: 10px solid #FFF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.img_inner_shadow_small {
	float: left;
	display: table;
	height: auto;
	width: auto;
	background: url(../../../images/image_shadow_small.png) bottom center no-repeat;
	margin: 0px 15px 15px 0px;
}

.indicador_elementos_carrito {
	position:relative;
	width: 30px;
	height: 30px;
	font-size: 11px;
	color: white;
	text-align: center;
	background: #8bc6d6;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}

.tbl_precios {
	text-align:right;
}

a.tag {
	display: block;
	float: left;
	height: 30px;
	font-family: "TitilliumText22LRegular", Helvetica, Arial, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: 0px 1px 0px #fff;
	color: #757575;
	background: url(../../../images/tag.png) no-repeat scroll 100% 0;
	padding-right: 30px;
	margin: 0 10px 10px 0;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

a.tag span {
	display: block;
	padding: 0 6px 5px 18px;
	line-height: 25px;
	background: url(../../../images/tag_span.png) no-repeat 0 0;
}

.widget_tag_cloud {
	display:table;
}

.tabla_dificultad {
	width:100%;
}

.tabla_dificultad tr td{
	padding-right:20px;
}

.sonido_swf {
	display:table;
	padding:42px 0px 5px 5px;
}

.payu-list6 {
	padding: 0;
	margin: 0;
	width:100%;
	display:table;
	text-align:center;
}

.payu-list6 div {
	display:block;
	float:left;
	height:35px;
	margin-right: 9px;
	margin-bottom:15px;
}

.rounded_select {
	display:table; 
	float:left;
	text-align:center !important;
	padding-top: 15px !important;
	margin-right:5px;
	width:24px !important;
	height:24px !important;
	border-radius:200px;
	color:#FFF !important;
	background: #9ea5a8;
	font-weight:bold;
}

.rounded_unselect {
	display:table; 
	float:left;
	text-align:center !important;
	padding-top: 15px !important;
	margin-right:5px;
	width:24px !important;
	height:24px !important;
	border-radius:200px;
	color:#FFF !important;
	background:#4397dd;
	text-decoration:none;
}

.rounded_unselect:hover {
	text-decoration:none;
}

.position_pagination_name {
	float:left; 
	font-weight:bold; 
	margin-top:3px; 
	margin-left: 5px;
}

.input_contact {
	height:30px;
	border:1px solid #b4b4b4;
	background: #f6f8f8;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding-left: 4px;
}

.input_contact_textarea {
	width: 100%;
	height:80px;
	border:1px solid #b4b4b4;
	background: #f6f8f8;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding-left: 4px;
}

.tbl_contactos td{
	padding-right:10px;
}

.title_form {
	font-weight: bold;
}

.info_box {
	width: 100%;
	border:1px solid #FFFF;
	background: #f6f8f8;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding:10px 10px 10px 10px !important;
	text-align:justify;
}

.info_box td{
	padding:10px 10px 10px 10px !important;
}

.alvesre{ unicode-bidi:bidi-override; direction: rtl; }

.border_image {
	padding:6px 6px 6px 6px;
	background:#e9eaee;
	border:1px solid #eff5f7;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

}

.border-image-2{
    padding:6px 6px 6px 6px;
	background:#e9eaee;
	border:1px solid #eff5f7 !important;
    margin: 10px 5px 10px 5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;

}

.border-image-2 a img{
    height: 108px;
}

.image_left {
	margin-right:15px;
	margin-bottom:10px;
}

.font_contact strong{
	font-size: 16px !important;
	font-family: 'Montserrat';
}

.font_contact i{
	font-size: 16px !important;
}

.font_contact_2 {
	font-size:20px !important;
	font-family: 'Montserrat';
}

.padding_table td{
	padding: 10px 10px 10px 10px;
    vertical-align: top;
}

.padding_table td p{
	margin-top:8px;
    font-size: 13px !important;
    text-align: justify;
}

#cboxTitle {
    color:#000 !important;
    font-weight: bold !important;
    font-size: 16px !important;
}

.identificador_numero_imagen {
	position:relative; width:28px; height:28px; left:70px; top:-30px; border:3px solid #FFF; background:#fcd521; color:#FFF; padding:2px 4px 4px 4px; -webkit-border-radius: 20px;
    -moz-border-radius: 20px; border-radius: 20px; font-weight:bold;
}

.datos-contacto tr td{
	padding:6px 0px 6px 0px;	
	margin-bottom:10px;	
	border-bottom:1px solid #eff5f7;
}

.subtitle-small {
    color: #4695b4;
    font: 600 18px 'Bevan', Georgia, serif;
    letter-spacing: 1px;
}

.red {
    color: #ff004b !important;
}

.shadow-white {
    text-shadow: 0px 1px 7px rgba(255, 255, 255, 1);
}

.texto-resaltado {
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight:800;
    text-transform: uppercase;
}

.texto-resaltado-2 {
    font-size: 19px;
    font-family: 'Open Sans', sans-serif;
    font-weight:800;
    line-height: 22px;
}

.text-potato {
    font: 400 16px/1.6 'Pontano Sans', Verdana, Helvetica, sans-serif !important;
}

.text-potato b, .text-potato strong {
    font-weight: bold !important;
}

.numberCircle {
    float:left; 
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */

    width: 28px;
    height: 28px;
    background: #4695b4;
    text-align: center;
    vertical-align: top;
    padding:2px;

    color: #e3edf1;
    font-size:18px !important;
    font-weight: bold;
	font-family: 'Arial', sans-serif;
    margin-right:10px;
}

.logo-posicion {
    clear: none;
    position: relative;
    width:1px;
    height:1px;
}

.logo-posicion img{
    position: relative;
    width: 120px;
    height: 53px;
}

.span_10{
    clear:both;
    height:10px;
}

.span_20{
    clear:both;
    height:20px;
}

.span_30{
    clear:both;
    height:30px;
}

.span_40{
    clear:both;
    height:40px;
}

.span_50{
    clear:both;
    height:50px;
}

.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}

.mb-style-3 blockquote{
	background: #fff;
	padding: 30px;
	border-radius: 5px;
	box-shadow: 
		inset 0 2px 0 #01abe4, 
		-5px -4px 25px rgba(0, 0, 0, 0.3);
}

.mb-style-3 blockquote:after, 
.mb-style-3 blockquote:before  {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.mb-style-3 blockquote:after  {
	border-top-color: #ffffff;
	border-width: 10px;
	left: 65%;
	margin-left: -10px;
}

.mb-style-3 blockquote:before {
	border-top-color: rgba(0,0,0,0.01);
	border-width: 11px;
	left: 65%;
	margin-left: -11px;
}

.mb-style-3 blockquote p {
	font-family: 'Alegreya', serif;
	font-size: 20px;
	color: #808080;
	font-weight: 400;
	line-height: 40px;
	font-style: italic;
	text-indent: 100px;
	position: relative;
}

.mb-style-3 blockquote p:before{
	content: '\201C';
	font-family: serif;
	font-style: normal;
	font-weight: 700;
	position: absolute;
	font-size: 175px;
	top: 0px;
	left: -105px;
	color: #01abe4;
	text-shadow: 7px 14px 10px rgba(0, 0, 0, 0.1);
}

.mb-style-3 .mb-attribution {
	text-align: right;
	padding: 20px 100px 20px 20px;
	position: relative;
}

.mb-style-3 .mb-thumb {
	display: block;
	width: 120px;
	height: 120px;
	border: 5px solid #fff;
	border-radius: 50%;
	background: url(../../../images/img-main-01.jpg) no-repeat center center;
    background-size: cover;
	position: absolute;
	right: 10px;
	bottom: 5px;
	box-shadow: 
		inset 1px 1px 4px rgba(0,0,0,0.5),
		0 2px 3px rgba(0,0,0,0.6);
}

.mb-style-3 .mb-author{
	font-family: 'Alegreya SC', serif;
	font-weight: 700;
	font-size: 18px;
	color: #01abe4;
	text-shadow: 0 1px 1px rgba(255,255,255,0.7);
}

.mb-style-3 cite a{
	font-family: 'Alegreya', serif;
	font-weight: 700;
	font-style: italic;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,0.3);
}

.mb-style-3 cite a:hover{
	color: #01abe4;
	text-shadow: 0 1px 1px rgba(255,255,255,0.7);
}

#body-bg {
    overflow-x: hidden !important; 
}

/*----*/
.top-menu{
	margin-top:5.2em;
	text-align: center;
}

.top-menu .logo-menu {
	margin:0px 40px 0px 40px;
}

.top-menu ul{
    margin-top: 90px;
}

.top-menu ul li{
	display: inline-block;
    transition: all .2s ease-in-out;
}

.top-menu ul li .item{
    border-radius: 20px;
    border: 5px solid #4695b4;
    padding: 8px 10px 10px 5px;
    margin: 0px 5px 0px 5px;
    background-color: #FFF;
	font-family: 'Paytone One', sans-serif !important;
	font-size: 15px;
	width:105px;
}

.top-menu ul li:hover {
    transform: scale(1.1); 
	cursor: pointer;
}

.top-menu ul li a {
	position: relative;
	display: inline-block;
	outline: none;
	color: #4695b4;
	text-decoration: none;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size:1.8em;
	vertical-align: middle;
	font-family: 'HammersmithOne-Regular';
}



.hvr-shutter-out-horizontal {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
    border-radius: 5px;
}
.hvr-shutter-out-horizontal:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
    border-radius: 5px;
	background: #4695b4;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
	color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
	-webkit-transform: scaleX(1.02);
	transform: scaleX(1.02);
}


/* Shutter Out Horizontal */
.hvr-products-shutter-out-horizontal {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.hvr-products-shutter-out-horizontal:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #4695b4;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.hvr-products-shutter-out-horizontal:hover, .hvr-products-shutter-out-horizontal:focus, .hvr-products-shutter-out-horizontal:active {
	color: white !important;
}
.hvr-products-shutter-out-horizontal:hover:before, .hvr-products-shutter-out-horizontal:focus:before, .hvr-products-shutter-out-horizontal:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

/* LIST #2 */
.lista-elementos { width:620px; margin-left:20px; }
.lista-elementos ol { font-style:italic; font-family:Georgia, Times, serif; font-size:24px; color:#000;  }
.lista-elementos ol li { }
.lista-elementos ol li p { padding:8px; font-style:normal; font-family:Arial; font-size:13px; color:#000; border-left: 1px solid #999; }
.lista-elementos ol li p em { position:relative; left:-26px; }

.tabla-titulo {
	display:table; width:100%; background-color:#8bc6d6 !important; color:#FFF; padding:12px 12px 12px 12px !important; border:1px solid #dae7ea;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}

.tabla-titulo h4{
	padding:12px 12px 12px 12px;
}

.punto-item {
	width:12px; height: 12px;
	background: #469bc4;
	border-radius: 200px;
	margin-right: 10px;
	margin-top:3px;
	float: left;
}

.punto-title {
	color: #469bc4;
	font-weight: bold;
	padding-bottom: 4px;
	border-bottom:1px dotted #469bc4;
}

.thumbnail {
    float: left;
    width: 200px;
    height: 150px;
    margin: 4px 4px 4px 4px;
}
.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.428571429;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.thumbnail figure {
    width: 100%;
    height: 100%;
}
figure {
    clear: both;
    position: relative;
    overflow: auto;
    margin: 0 auto;
    padding: 20px 0 0 0;
    font-size: 15px;
}

#map {
    width:100%; height:250px;
    background: url(../../../images/mapa-ubicacion-articolor.jpg) top left no-repeat;
    margin-top:10px;
    border: 5px solid #FFF;
}

.contact_email input {
    width:100%;
    height:36px;
    border-radius: 6px;
    border:rgba(0,0,0, 0.1) 1px solid;
    margin-bottom:20px;
    padding:10px;
}

.contact_email textarea {
    border-radius: 6px;
    margin-bottom:20px;
    padding:10px;
    color: #979797;
    border:rgba(0,0,0, 0.1) 1px solid;
}

.banner-image-section {
    width:100%;
    border-radius: 6px;
}

.btn-primary {
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-family:  Geneva, Tahoma, "Nimbus Sans L", sans-serif !important;
    letter-spacing: 0.8px;
    margin-top:10px;
}

.alert {
	font-size:16px;
}

.alert .close {
	font-size: 40px;
}

#menu_carrito {
	background:#000; width:0px; height:0px; float:right; text-align:right;
}

#menu_carrito_container {
	position:relative; 
	display: block;
	width:200px; 
	top:-5px; left:-130px; z-index:10000 !important;
	height: 20px;
}

#ca-menu-main{
    position: absolute;
    width: 100%;
	top:-58px;
    overflow: hidden;
}

.onhover:hover, .on-hover:hover {
	cursor: pointer;
}

.disabled {
   pointer-events: none;
   cursor: default;
}

/* Animation */

@keyframes Desplegar {
    from {
        transform: translate3d(0,-160px,0);
		opacity: 0;
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}

@-webkit-keyframes Desplegar {
    from {
        transform: translate3d(0,-160px,0);
		opacity: 0;
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}

@keyframes Ocultar {
    from {
        transform: translate3d(0,0px,0);
		opacity: 1;
    }

    to {
        transform: translate3d(0,-160px,0);
        opacity: 0;
		
    }
	100% {
        height:0px !important;
    }
}

@-webkit-keyframes Ocultar {
    from {
        transform: translate3d(0, 0px,0);
		opacity: 1;
    }

    to {
        transform: translate3d(0,-160px,0);
        opacity: 0;
    }
	
	100% {
        height:0px !important;
    }
}

.DesplegarAnimacion {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;

    animation-name: Desplegar;
    -webkit-animation-name: Desplegar;
}

.OcultarAnimacion {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;

    animation-name: Ocultar;
    -webkit-animation-name: Ocultar;
}