/*********************************************************/
/** RESET ***********************************************/
/*******************************************************/


 /* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, label, fieldset, input, p, blockquote, th, td {margin: 0;
	padding:0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;	 
}

table { border-collapse:collapse; border-spacing:0; }

fieldset, img { border:0; }

address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }

ol, ul, li { list-style:none }

caption, th { text-align:left }

h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }

q:before, q:after { content:''}

a {text-decoration:none;}


/*********************************************************/
/** WORDPRESS PRESENTATIONAL CLASSES ********************/
/*******************************************************/

.aligncenter{ display:block; margin:0 auto }

.alignleft 	{ float:left; margin:5px 20px 20px 0px; }

.alignright { float:right; margin:5px 0px 20px 20px; }

.text-l		{ text-align:left!important;padding:20px 0 0 0;}

.text-c		{ text-align:center!important;}

.text-r 	{ text-align:right; }

.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

br.clear 	{ clear:both;  } /* Use this br class to clear your floated columns */

.showblock {display:block;}

/*********************************************************/
/** BASE COLOR SETTINGS *********************************/
/*******************************************************/

.base0{	color:#aa53c8!important;}
.base1{	color:#0b2945!important;}
.base2{	color:#6ba802!important;}
.BG0{	background:#FFF !important;}
.BGA{	background:#aa53c8 !important;}
.BGB{	background:#0B2945;}
.BGC{	background:#99CC33;}
.BGD{	background:#FF0000!important;}
.BGE{	background:#99CC33;}

/*********************************************************/
/** BODY STYLES AND GENERAL TYPOGRAPHY ******************/
/*******************************************************/

body {color:#666666; background: transparent ; font-family: Arial, Helvetica, sans-serif; font-size:16px; }

p {color:#666666; line-height:1.2; margin:10px 0px; background: transparent !important;}

.content p, #sidebar p {margin:0px 0px 20px 0px }

strong { font-weight:bold }

em { font-style:italic }

em strong { font-weight:bold; font-style:italic}

strong em { font-weight:bold; font-style:italic}

a:focus {border:none;}

a img { border:none }

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {color:#828593; margin:0px 0px 20px 0px; padding:20px 0px;  border-bottom:1px solid #e8e8e8;}

h1 {font-size:30px;  }

h2 {font-size:30px;  }

h3 {font-size:24px; }

h4 {font-size:20px; }

h5 {font-size:18px; }

h6 {font-size:14px;}

h1-lp {
 font-family:'Cuprum', verdana, serif;
 font-size:30px;
 color:#004193;
 text-align:left;
 }
 h2-lp {
 font-family:'Cuprum', verdana, serif;
 font-size:18px;
 color:#353535;
 text-align:left;
 }
  h2-lp1 {
 font-family:'Cuprum', verdana, serif;
 font-size:18px;
 color:#eaeaea;
 text-align:left;
 }
  h3-lp {
 font-family:'Cuprum', verdana, serif;
 font-size:12px;
 color:#353535;
 text-align:center;
 }
 h4-lp {
 font-family:'Cuprum', verdana, serif;
 font-size:30px;
 color:#ffffff;
 text-align:center;
 }
 h5-lp {
 font-family:'Cuprum', verdana, serif;
 font-size:42px;
 color:#bc121f;
 text-align:center;
 }
  h6-lp {
 font-family:'Cuprum', verdana, serif;
 font-size:36px;
 color:#353535;
 text-align:center;
 }
 h7-lp {
 font-family:'Salsa', verdana, serif;
 font-size:21px;
 color:#353535;
 text-align:left;
 }
 h8-lp {
 font-family:'Cuprum', verdana, serif;
 font-size:14px;
 color:#ffffff;
 text-align:left;
 }

.footer h1 {font-size:30px;  }

.footer h2 {font-size:30px;  }

.footer h3 {font-size:24px; }

.footer h4 {font-size:20px; }

.footer h5 {font-size:18px; }

.footer h6 {font-size:14px;}

.content blockquote {padding:20px 20px 10px 20px; width:40%; float:right; font-size:18px; line-height:30px;  display:block; background:#F3f3f3; margin:4px 0px 20px 30px; moz-border-radius:3px; webkit-border-radius:3px; border-radius: 4px; }

.content blockquote  p {line-height:24px; font-style:italic;}

.content ul {margin-left:20px; margin-bottom:20px; }

.content ul li {padding:10px 20px; background:url(../images/transparent_arrow.png) scroll transparent no-repeat; line-height:20px; background-position:left center; }

.content  a {font-weight:bold; }

.global-wrapper {
	display:block; position:relative;
	max-width:960px; height:auto;
	margin:0 auto 0px auto; padding: 0 0 20px 0;
	box-shadow: 0 -5px 1px rgba(0,0,0,0.00001);
}
.global-wrapper-lp {
	display:block; position:relative;
	max-width:1156px; height:auto;
	margin:0 auto 0px auto; padding: 10px 10px 20px 10px;
	box-shadow: 0 -5px 1px rgba(0,0,0,0.00001);
}
/*********************************************************/
/** TOPER STYLES ***************************************/
/*******************************************************/

.toper {display:block; position:relative; overflow:hidden; width:100%; height:28px; font-family: sans-serif; font-size:12px; margin:0 0 0 0px; background:#F9F9F9;  border-bottom:thin solid #F1F1F1;}
.toper-left{ display:inline-block; position:relative; width:auto; height:inherit; float:left; left:50%; margin: 0 10px  0 -480px;  }
.toper-right{ display:block; position:relative;  width:480px; height:inherit; padding:0; left:50%; }
.toper-right .toper-div{ color:#777; background:#999;}
.toper-right .toper-div .remarked{ color:#777 !important;}
.toper-div{ display:block;  height:20px; float:left; margin: 5px 0 0 0;  padding:0 11px 0 27px; line-height:21px; color:#555 ;  }
.toper A{color:#777; }
.toper A:HOVER{ color:#ccc; }
#top-phone	{ 	background: url(../imagen/icon-phone-B.png) 5px 45% no-repeat;	}
#top-mail	{ 	background: url(../imagen/icon-mail.jpg)   	4px 45% no-repeat; width:195px;	}
#top-user	{ 	background: url(../imagen/icon-user.jpg)   	5px 45% no-repeat;	}
#top-mexico	{ 	background: url(../imagen/icon-mexico.jpg) 	5px 45% no-repeat;	}
#top-mex	{ 	background: url(../imagen/icon-mexico-b.jpg) 2px 45% no-repeat;	}
#top-doc	{ 	background: url(../imagen/icon-text.jpg)  	5px 45% no-repeat;		}
#top-stock	{ 	background: url(../imagen/icon-stock.jpg) 	3px 43% no-repeat;		}


/*********************************************************/
/** TOPDATA STYLES ***************************************/
/*******************************************************/

.topData {display:none; position:fixed; width:100%; height:65px; top:0; font-family: sans-serif;  margin:0 0 0 0px; background:#fff url(../imagen/christmast-white.jpg) 0 0% repeat-x; border-top:1px solid #aa53c8; border-bottom:thin solid #EEE; box-shadow:0 10px 25px rgba(0,0,0,0.045); opacity:0; z-index:199;}
.topData-left{  display:inline-block; position:relative; width:250px; height:inherit; float:left; left:50%; margin: 0 0px  0 -480px; }
.topData-left .logo{display:inline-block; position:relative; width:85%;  margin:0px 2.5% 0 0%; float:left; }
.topData-left .logo IMG{display:inline-block; position:relative; width:100%;  margin:5px  0%; }
.topData-right{ display:inline-block; position:relative; width:480px; height:inherit; padding:0; left:50%; }
.topData-right P{text-align:right; line-height:40px ; color:#aaa; font-size:30px; letter-spacing:-.07em!important; }
.topData-right #phone{ display:block; width:auto; margin:0 10px 0 0; background: url(../imagen/icon-phone-c.png) no-repeat 49% 50%; }

.topData .sections{
	display:inline-block; position:relative; width:600px; height:100%; left:47%; margin: 0 0 0 00px;
			
}

.topData .sections LI{
	position:relative; display:block; margin: 0 0px 0 0px; padding:0 16px; width:auto; height:100%; text-align:center; float:left;	
}

.topData .sections LI A{
	color:#aa53c8;
	line-height:51px;
}

.topData .sections LI A:HOVER{
	color:#F93;
}

/*********************************************************/
/** HEADER STYLES ***************************************/
/*******************************************************/

#header {
	display:inline-block;
	width:100%; height:70px;
	margin:0px auto -4px auto;
	background: url(../imagen/bg-hdr1.jpg) 0% 5% repeat-x;
	border-bottom:thin solid #aa53c8; 
	/*box-shadow: 0 10px 25px rgba(0,0,0,0.035);*/ 
}
#header-lp {
	display:inline-block;
	width:100%; height:120px;
	margin:0px auto -4px auto;
	background: url(../promocionales-para-el-mundial-rusia-2018/imagen/hder-mndl.jpg) 0% 5% repeat-x;
	border-bottom:thin solid #eaeaea; 
	/*box-shadow: 0 10px 25px rgba(0,0,0,0.035);*/ 
}
#header-lp2 {
	display:inline-block;
	width:100%; height:100px;
	margin:0px auto 0 auto;
	background-color:#bc121f;
	border-bottom:thin solid #eaeaea; 
	border-top:thin solid #eaeaea;
	/*box-shadow: 0 10px 25px rgba(0,0,0,0.035);*/ 
}
#header-inner {
	display:block; position:relative;
	max-width:960px; height:100%; margin:0 auto; 
}

/** Logo settings **/
.logo{display:flex; align-items:center; width:30%; height:100%; margin:0px 2.5% 0 0%; float:left; }
.logo-lp{display:flex; align-items:center; width:32%; height:100%; margin:0px 2.5% 0 0%; float:left; }
.logo IMG{display:block; width:100%;}

/** Main Navigation **/

/** Social Settings **/

.header_inner {position:relative; display:block; width:480px; height:80px; margin:0px 0 0px 20px; }

.header_inner A{position:relative;display:block; width:54px; height:54px; float:left; margin: 0px 5px 0  0;}
.header_inner A IMG{display:block; width:100%;}
.header_inner A:HOVER{opacity:.75;}

.header-phone-area{position:absolute; display:block; width:24%; height:65%; right:0; top: 17%; margin:0px 0 0 0; z-index:999}
.header-phone{position:relative; display:inline-block; width:30%; height:100%;  margin:0px 0 0 0; float:right; text-align:right; font-size: 180%;  }
.header-phone #phone { position:relative; display:table; width:100%; height:100%; margin:px 0 0px 0; letter-spacing:-.05em; background: url(../imagen/icono-0001.jpg) 23% 53% no-repeat; animation: pulso 1.6s infinite; }
.header-phone #phone p{display: table-cell; vertical-align: middle; text-align: right; }
.header-phone #ventas{ position:relative; display:inline-block; width:100%; height:20%; }
.header-phone #msg	 { position:relative; display:block; width:100%; height:10%; font-size:14px; color:#F93; margin:-15px 0 0px 0;}

.header-phone-area-lp{position:absolute; display:block; width:37%; height:65%; right:0; top: 17%; margin:0px 0 0 0; z-index:999}
.header-phone-lp{position:relative; display:inline-block; width:37%; height:100%;  margin:0px 0 0 0; float:right; text-align:right; font-size: 160%;  }
.header-phone-lp #phone-lp { position:relative; display:table; width:100%; height:100%; margin:px 0 0px 0; letter-spacing:-.05em; background: url(../imagen/phone.png) 23% 53% no-repeat; }
.header-phone-lp #phone-lp p{display: table-cell; vertical-align: middle; text-align: right; }
.header-phone-lp #ventas{ position:relative; display:inline-block; width:100%; height:20%; }
.header-phone-lp #msg	 { position:relative; display:block; width:100%; height:10%; font-size:14px; color:#F93; margin:-15px 0 0px 0;}

.blinktext {
	/** Centra elemento verticalmente **/
	display: 	flex;
    align-items:center;
	float:		left;
	width:		270px; height:100%;
    margin:		0px 0 0 25px;
	padding: 	0 0 0 40px;
	font-size:	17px;
	background:	url(../imagen/icon-bulb.png) 0 53% no-repeat;
}

.blinktext div{
	margin-top:5px;
}

.header-note{ width:80px;  margin:-5px  0;  text-align:right; font-size:14px; border-bottom: dotted 1px #aa53c8; float:right;   }
.remarked{color:#aa53c8 !important;}
.remarked2{color:#F93 !important;}
.remarked3{color:#F00 !important;}
.remarked-lp{color:#fc9b19 !important;}
.remarked-lp2{color:#ffffff !important;}
/* a#login_button:hover {background-position:0px -50px; color:#FFF;}*/

.header-slide{position:relative; display:inline-block; width:35%; height:100%; margin:0px 0 0 0; font-size: 20px; letter-spacing:-.07em; }
/** CSS ANIMATIONS **/
@keyframes pulso {
  0% 	{  opacity:1;	}
  40% 	{  opacity:.05;	}
  80% 	{  opacity:1;	}  
  100% 	{  opacity:1;   }
}
/*********************************************************/
/** HEADER STYLES ***************************************/
/*******************************************************/

.menu-header { display:inline-block; position:relative; width:100%; height:35px; margin:0px auto; background:#F9F9F9; z-index: 180;}

.menu-header .sections{display:block; position:relative; width:960px; height:100%; float:left; left:50%; margin:0 0 0 -480px;  letter-spacing:.015em; text-transform:uppercase; }

.menu-header .sections li a {display:block; position:relative; width:auto; height:36px!important; padding:0 12px; font-size:12px; color:#454545; line-height:40px; z-index:195; cursor:pointer; }

.menu-header li#current a, .menu-header li:HOVER a{ height:36px; background:#aa53c8; color:#FFF !important; opacity:1;}
/*
	Drop Down
*/
/*********************************************************/
/** HEADER STYLES LP ***************************************/
/*******************************************************/

.menu-header-lp { display:inline-block; position:relative; width:100%; height:35px; margin:0px auto; background:#dfdfdf; z-index: 180;}

.menu-header-lp .sections-lp{display:block; position:relative; width:960px; height:100%; float:left; left:50%; margin:0 0 0 -480px;  letter-spacing:.015em; text-transform:uppercase; }

.menu-header-lp .sections-lp li a {display:block; position:relative; width:auto; height:36px!important; padding:0 12px; font-size:12px; color:#454545; line-height:40px; z-index:195; cursor:pointer; }

.menu-header-lp li#current a, .menu-header-lp li:HOVER a{ height:36px; background:#004193; color:#FFF !important; opacity:1;}
/*
	Drop Down
*/	
.sections ul {
	position:	absolute;
	top:		-999em;
	height:		auto;
	width:		10em; /* left offset of submenus need to match (see below) */
	display:	none; /* fixes IE7 'sticky bug' */
}
.sections ul li {	
	position:relative; display:block; margin: 0 0px 0 0px; width:100%; height:36px; text-align:center;
}
.sections li:hover {
	visibility:	inherit; /* fixes IE7 'sticky bug' */
}
.sections li {
	float:	left;
	position:relative;
}
.sections li:hover ul {
	display:block;
	width:	250px;
	height:	auto;
	margin:	0 0 0 0px;
	top:	36px; /* match top ul list item height */
	z-index:190;
	/*background: #369;
	box-shadow: 0 2px 3px #000;*/ 
}
.sections li:hover ul li {
	float:none;
}
.sections li:hover ul li a{
	height:	100%;
	width:	100%;
	margin: 0 0 0px 0;
	padding-left:20px;
	color:	#222;
	text-align:left;
	line-height:36px;
	background:#aa53c8!important;	
}

.sections li:hover ul li a:HOVER{
	color:#FFF!important; 
	background: #F93!important;
	/*padding-left:18px;*/
}
/*
	Drop Down
*/	
.sections-lp ul {
	position:	absolute;
	top:		-999em;
	height:		auto;
	width:		10em; /* left offset of submenus need to match (see below) */
	display:	none; /* fixes IE7 'sticky bug' */
}
.sections-lp ul li {	
	position:relative; display:block; margin: 0 0px 0 0px; width:100%; height:36px; text-align:center;
}
.sections-lp li:hover {
	visibility:	inherit; /* fixes IE7 'sticky bug' */
}
.sections-lp li {
	float:	left;
	position:relative;
}
.sections-lp li:hover ul {
	display:block;
	width:	250px;
	height:	auto;
	margin:	0 0 0 0px;
	top:	36px; /* match top ul list item height */
	z-index:190;
	/*background: #369;
	box-shadow: 0 2px 3px #000;*/ 
}
.sections-lp li:hover ul li {
	float:none;
}
.sections-lp li:hover ul li a{
	height:	100%;
	width:	100%;
	margin: 0 0 0px 0;
	padding-left:20px;
	color:	#222;
	text-align:left;
	line-height:36px;
	background:#004193!important;	
}

.sections-lp li:hover ul li a:HOVER{
	color:#FFF!important; 
	background: #F93!important;
	/*padding-left:18px;*/
}
/*
	MENU-CART
*/
.menu-header .cart{ width:auto; float: right;  margin-left: 0px; background:#aa53c8 url(../imagen/icon_cart-2.png) 2% 3px no-repeat;}
.menu-header .cart:HOVER .quant{ text-decoration:underline; background:#aa53c8 url(../imagen/icon_cart-2.png) 2% 3px no-repeat;}
.menu-header .cart#current .quant{ text-decoration:underline; background:#aa53c8 url(../imagen/icon_cart-2.png) 2% 3px no-repeat;}
.menu-header .cart .quant{ width:auto; padding:0px 9px 0px 30px; line-height:36px; color:#fff; font-weight: bold; }

/*
	MENU-CART lp
*/
.menu-header-lp .cart-lp{ width:auto; float: right;  margin-left: 0px; background:#004193 url(../imagen/icon_cart-2-lp.png) 2% 3px no-repeat;}
.menu-header-lp .cart-lp:HOVER .quant-lp{ text-decoration:underline; background:#004193 url(../imagen/icon_cart-2-lp.png) 2% 3px no-repeat;}
.menu-header-lp .cart-lp#current .quant-lp{ text-decoration:underline; background:#004193 url(../imagen/icon_cart-2-lp.png) 2% 3px no-repeat;}
.menu-header-lp .cart-lp .quant-lp{ width:auto; padding:0px 9px 0px 30px; line-height:36px; color:#fff; font-weight: bold; }

/*********************************************************/
/** BUSCADOR STYLES *********************************/
/*******************************************************/

.buscador 						{ display:inline-block; position:relative; width:200px; height:100%; left:50%; margin:0px 0 0 0px; background:#ddd; border-right: thin solid #CCC;}
#buscar-form input				{ display:block; line-height:30px; text-indent:5px; color:#555; font-family:Tahoma, Geneva, sans-serif; font-size:11px; background:#F9F9F9; border:1px solid #CCC;}

#buscar-form input::-webkit-input-placeholder { color:#A5A5A5;}
#buscar-form input:focus 		{ background:#EEE; box-shadow:inset 0 5px 8px #F1F1F1;border:thin solid #DDD;}

#buscar-form input[type="text"]	{ width:95%;  height:34px;  margin: 0px 0 0 10px; box-shadow: inset 2px 2px 2px #EEE;}
#buscar-form .search			{ position:relative; float:right; margin:-35px -3px 0 0 ;  width: 35px; height:34px; border:none; background: url(../imagen/search-icon.png) 50% 50% no-repeat; border-radius:0; }
#buscar-form .search-lp			{ position:relative; float:right; margin:-35px -3px 0 0 ;  width: 35px; height:34px; border:none; background: url(../imagen/search-icon-lp.png) 50% 50% no-repeat; border-radius:0; }
#buscar-form .search:HOVER		{ background:#f9ae4d url(../imagen/search.png) 50% 50% no-repeat; cursor:pointer; }
#buscar-form .search-lp:HOVER		{ background:#004193 url(../imagen/search.png) 50% 50% no-repeat; cursor:pointer; }

/** BUSCADOR AVANZADO **/
#buscador-a-form					{ display:inline-block; float:left; width:300px; height:auto; margin-right:20px; padding:10px 25px 30px 25px; background:#F5F5F5; box-shadow: 0 1px 5px #555;}
#buscador-a-form input[type="text"], #buscador-a-form .selector{ display:inline-block; width:100%;height:32px; float:left; margin: 3px 0 7px 0; padding:0px ; line-height:32px; text-indent:10px; color:#555; font-family:Tahoma, Geneva, sans-serif; font-size:11px; background:#fff; border:1px solid #CCC ; box-shadow: inset 2px 2px 2px #EEE;}
#buscador-a-form input:focus, #buscador-a-form .selector:focus {box-shadow: 0 0px 5px #aa53c8; border:thin solid #aa53c8;}
#buscador-a-form input::-webkit-input-placeholder { color:#A5A5A5;}


.pop-base {
    width: 		100%;
    height: 	100%;
    top: 		0;
    position: 	fixed;
	display:	none;
    background-color: rgba(22,22,22,0.5); /* complimenting your modal colors */
	z-index:	999;
}
.pop-clic {
    width: 		100%;
    height: 	100%;
    top: 		0;
    position: 	fixed;
}

.pop-base #buscador-a-form		{ position:fixed; top:50%; left: 50%; margin: -200px 0 0 -180px; }

/*********************************************************/
/** HOMEPAGE ****** *************************************/
/*******************************************************/

#homepage_content {display:block; position: relative; width:100%; background: url(../images/bg_top.jpg) 50% 0px repeat-x; }

#main_content {
	display:block; position: relative; 
	width:940px; height: auto;
	margin: 0 auto 20px auto ; padding:10px 0 0 0;
}
/** Tagline **/

#tagline_wrapper {width:100%;  }

#tagline {position:relative; width:950px; height:88px; margin:auto; margin-top:0px; padding-top:20px; }

#tagline_wrapper #tagline h2 {color:#FFF; width:690px; opacity:0.85; }

#tagline_wrapper #tagline p {color:#8392a5;  margin-left:5px; margin-top:5px; margin-bottom:0px; letter-spacing:1px;}

a.tagline_button {position:absolute; top:10px; right:20px;  padding-top:27px; text-align:center; display:block; color:#FFF; font-size:18px; letter-spacing:1px; text-transform:none;  width:200px; height:60px; background:url(../images/dark_blue_tagline_button.png) scroll transparent no-repeat;}

a.tagline_button span {opacity:0; position:absolute; top:0px; left:0px;  width:200px; height:80px; display:block; background:url(../images/dark_blue_tagline_button.png) scroll transparent no-repeat; background-position:0 -80px;}

/** Homepage Box Widgets **/

#homepage_icon_boxes { display:block; position:relative; max-width:960px; left:50%; margin: 0 auto 20px -475px; padding:10px 0 20px 0; }

.homepage_content{ display:block; max-width:960px; height:480px; }

.homepage_box {
	position:absolute; 	display:block; 
	padding:0 0 0px 0; 
	text-align:center; 
}

.homepage_box .homebox-tt{
	display:inline-block; position:relative; width:auto; height:auto; 
	margin:0px 0 2px 0%;
	padding:0 18px;
	font-size:150%; line-height:33px; text-transform:uppercase; color:#aa53c8; font-weight:;
	border-radius:25px;
	background:#FFF;
	background: linear-gradient(#ededed, #f8f8f8); /* Standard syntax */
	border:thin solid #ffccff;
}

.homepage_box .homebox-st{
	display:block; width:100%; height:auto; 
	margin:0px auto 10px auto; padding: 0 0% ;
	font-size:125%; line-height:18px; color:#666666;
}
.homepage_box .homebox-desc{
	display:block; position:relative;
	width:100%; 	height:auto; 
	
	margin:45% auto 55px auto;	padding:0% 0 0 0;
	font-size: 12px; text-align:center; letter-spacing:-.05em;
	z-index:59;
}
.homepage_box .homebox-desc p{ padding: 0 0% ; text-indent:10px; line-height:15px;}

.homepage_box .button{	letter-spacing:0em; }

.big {
	width:	380px; 	height:380px;
	background: url(../imagen/home-box-bg.jpg) 50% 50% no-repeat;
	left:50%; top:45px;
	margin: 0 0 0 -190px ;
}

.short {
	width:260px; height:280px;
	margin:0px 0% 0px 0%;
	top:100px;
	
}

.short.left {	
	left:0;
	background: url(../imagen/home-box-bg-2.jpg) 50% 20px no-repeat; background-size:contain;
}

.short.right {
	left:73%;
	background: url(../imagen/home-box-bg-3.jpg) 50% 20px no-repeat; background-size:contain;
}
 
.center P{ color:#444;}

.center .slideshow{height:64%;}
/** Homepage Box Effectts **/

.doble, .homebox-tt, .rand-icons, .doble .homebox-desc{/*Effects*/ -webkit-transition: all .4s ease; 	-moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease;}
.homepage_box:HOVER { cursor:pointer; background:#FFF; }
.homepage_box:HOVER .homebox-tt{ 
	border:thin solid #cd80e8; color:#FFF !important;
	background: linear-gradient(#d272d2, #aa53c8); /* Standard syntax */}
.doble:HOVER .homebox-desc{ bottom:0px; }
.doble:HOVER .rand-icons{ opacity:1;}
.homepage_box.big:HOVER {
	background:url(../imagen/home-box-bgb.jpg) 50% 50% no-repeat;
}
.homepage_box:HOVER .button{	background:#aa53c8;  }
.homepage_box .home-icons { display:block; height:auto; width:40%; margin: 0 0 10px 30%; }

.homepage_box.left:HOVER {
	background:url(../imagen/home-box-bg-2b.jpg) 50% 20px no-repeat; background-size:contain;
}
.homepage_box.right:HOVER {
	background:url(../imagen/home-box-bg-3b.jpg) 50% 20px no-repeat; background-size:contain;
}

.single {
	overflow:hidden; width:25%; height:auto; 
	margin:0px 1.5% 10px 0%!important;
	background:#FFF; box-shadow: 0 0px 5px rgba(0,0,0,0.05);
}

.triple {width:30% ;  margin:10px 1.25% 25px 1.75%!important;  }

.full {width:96% ;  margin:10px 0 0 2%; background:; }

.alto {height:430px; }

.rand-icons{ height:auto; width:55%; margin: 0px auto 5px auto; z-index:10;   }

.deco_img{	width:100%;	height:auto; display:block;}

.column_img{width:100%;	height:auto; display:block;	margin: 15px 0 5px 0;	box-shadow:0px 0px 9px #DFDFDF;}

.blue_corner{
	display:block; position:absolute; width:33px; height:33px; 
	margin:0px 0 0 0; bottom:0; right:0;
	background:url(../imagen/ico-add.png) 0 0 no-repeat; z-index:999;
}

.home-title { display:block; position:relative; width:100%; height:auto; margin:0px 0 0px 0; padding:1px 0px 0px 0; border-bottom:solid thin #f9f9f9; }
.home-title .subtitle{ display:block; margin:10px 10px 0 10px; line-height:23px;}

/** Homepage Boxes V2 **/
.homebox{ display:block!important; height:auto; background:#f5f5f5; cursor:pointer; border-bottom:thin solid #ccc;}
.homebox .homebox-img{ display:inline-block; width:100%; height:auto; margin: 0px 0 0px 0; box-shadow: 0 0 8px #555;}
.homebox .homebox-tt{ text-transform:uppercase; margin: 20px 0 15px 0; text-align:center; color:#aa53c8; }

#homepage_icon_boxes div:nth-child(4), #homepage_icon_boxes div:nth-child(8) {margin-right:0px;}

.highlight{ display:block; margin: 30px 0 8px 0; padding:5px 0 5px 0;font-size:18px; color:#aa53c8; text-transform:uppercase; border-top:solid 1px #EAEAEA;border-bottom:solid 1px #EAEAEA;}
.highlight A{ color:#aa53c8; text-decoration:underline; }
/** RSC submenu**/

/** Homepage testimonials **/

#homepage_testimonials {position:relative; margin: 0 auto 20px auto;  width:950px;  padding:3px 0 40px 0; background: url(../images/dark_blue_wide_divider.png) scroll  no-repeat;}

#homepage_testimonials ul {line-height:0px;}

.testimonial_quote {position:absolute; letter-spacing:1px;  line-height:30px;  padding-left:35px; top:40px; left:0px; font-size:24px; display:none; background:url(../images/big_quotes.png) scroll transparent no-repeat;}

.testimonial_quote a {font-size:14px; text-transform:uppercase; color:#979aa5}

.testimonial_quote a:hover { color:#50535c;}

.pixastic_positioner {position:relative; display:block; float:left;  margin-left:40px;  margin-right:35px;  width:80px; height:80px;z-index:101}

.pixastic_positioner a {position:absolute; top:15px; left:0px; width:80px; height:80px; display:block; z-index:102}

.pixastic_logo {position:absolute; top:0px; left:0px; z-index:100; opacity:0.3 }

img.colour_logo {position:absolute; top:0px; left:0px; z-index:101; }

.bottom-margin {width:100%; height:40px; }  

/** Homepage Logos **/
.homebox-logos{ display:block; position:relative; width:100%; min-height:50px; margin:0px auto; background:#f5f5f5;}

.home-logo{ display:block; position:relative; width:auto; height:40px; float:left; margin:5px 30px 0 30px;
	/* Filtro B&N */
	/*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");*/ /* Firefox 3.5+ */
  	/*filter: gray;*/ /* IE6-9 */
  	/*-webkit-filter: grayscale(100%);*/ /* Chrome 19+ & Safari 6+ */}
.home-logo:hover {
	filter: none;
	-webkit-filter: grayscale(0%);
}

/** Homepage Logos **/
.homebox-certificados{ display:block; position:relative; width:100%; height:60px; margin:0px auto; background:#FFFFFF;}

.homebox-certificados .home-logo{ display:block; position:relative; width:auto; height:40px; float:left; margin:10px 21px 0 21px;
	/* Filtro B&N */
	/*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");*/ /* Firefox 3.5+ */
  	/*filter: gray;*/ /* IE6-9 */
  	/*-webkit-filter: grayscale(100%);*/ /* Chrome 19+ & Safari 6+ */}
.home-logo:hover {
	filter: none;
	-webkit-filter: grayscale(0%);
}

/*********************************************************/
/** RIGHT SLIDERS **************************************/
/*******************************************************/
.slideRight {
	display:		inline-block; position: relative; 
	width:			79%; 	height:197px;
    margin: 		0px auto 5px .5%; 
	box-shadow: 	0 1px 15px rgba(0,0,0,0.09);   
}
.slideRight > div { 
    position: absolute; 
	width:auto;  heigth:auto;
	
}
.slideRight > div IMG{
	width:100%; height:auto; 
}


/*********************************************************/
/** SIMPLE SLIDERS **************************************/
/*******************************************************/
.slideshow {
	display:block; position: relative; 
	width:auto; height:70%;
	top: 50%;
    margin: -37% auto 0px auto; 
	
}

.slideshow > div { 
    position: absolute; display:block;
	width:100%;  heigth:auto;
	z-index:47; 
}
.slideshow > div IMG{
	display:inline-block;
	max-width: 80%;
    max-height: 80%; margin: 0 auto!important;
}

.mobileshow {
	display:block; position: relative; 
	width:100%; height:250px;
    margin: auto 0px auto; 
}

.mobileshow > div { 
    position: absolute; display:inline-block;
	width:100%;  heigth:auto;
	z-index:47;
}
.mobileshow > div IMG{
	display:inline-block;
	width: 100%;
	margin: 0 auto;
}
/*********************************************************/
/** TEXT SLIDERS **************************************/
/*******************************************************/
.slidetext {
	display:inline-block; position: relative; 
	width:35%; height:32px;
    margin:20px 0 0 0;
	background:#fff; color:#aa53c8; 

}

.slidetext > div { 
    position:	absolute; right:0;
	width:auto; heigth:auto;
	
}

/*********************************************************/
/** TEXT BLINK **************************************/
/*******************************************************/

/*********************************************************/
/** LOGO SLIDERS **************************************/
/*******************************************************/
.logoshow { 
    margin: 0px auto; 
    position: relative; display:block; 
    width: 960px; height: 200px;   
}

.logoshow > div { 
    position: absolute; 
	width:auto;  heigth:auto; 
}
.logoshow > div IMG{
	width:95%; height:95%; 
}

/*********************************************************/
/** MAIN CONTENT  ***************************************/
/*******************************************************/   

#main_content_two_col {width:100%; background:url(../images/main_content_top_grad_blue.png) scroll transparent repeat-x; }

.two_col_inner {width:100%;  background:url(../images/main_content_2_col_blue.png) top center scroll transparent no-repeat;}

.one_col_inner {width:100%;  background:url(../images/main_content_1_col_blue.png) top center scroll transparent no-repeat;}

.content_wrapper {width:950px; margin:auto; padding-bottom:20px;} 

.full-width {padding:40px 0px;}

#left_col {width:630px; margin-left:0px; padding-top:50px; float:left;}

/*********************************************************/
/** TITLES  ***************************************/
/*******************************************************/   

.title {
	display:	block;	position:	relative;
	width:		auto;	height:		auto;
	margin:		20px 0 10px 0;
	padding:	8px 0;
	letter-spacing:-1px; text-transform:uppercase;
	font-size:	180% !important;
	color:		#aa53c8;
	border-bottom: thin solid #f5f5f5;
	border-top: thin solid #f3f3f3;
}

.title span{ padding: 0 0px 0 2px; border-bottom:solid medium #999;}

.subtitle {
	display:		block;
	width:			100%;
	margin: 		5px 0 10px 0;
	font-weight:	lighter;
	text-transform:	uppercase;
	line-height:	1.65em;
	color:			#F93;
	border-top:		thin solid #CCC;
	border-bottom:	1px solid #CCC;
}

.subtitle.grey {
	color:			#555!important;
}

.subtitle2{
	display:block;
	width:auto;
	margin: 5px 0 5px 0;
	font-size: 	1.3em;
	line-height:1.5em;
	color:		#aa53c8;
}
.subtitle3 {
	display:block;
	width:auto;
	margin: 5px 0 3px 0;
	font-size: 	2em;
	line-height:1.5em; text-transform:uppercase;
	color:		#aa53c8;
}

.title-topic{
	display:block;
	width:auto; height:40px;
	margin: 5px 0 10px 0;
	font-size: 	1.25em;
	line-height:42px; text-transform:uppercase;
	text-indent:33px;
	color:		#777;
	background:#f5f5f5 url(../imagen/icon-plus.png) 4px 50% no-repeat;
}


.arrow{ display:block; position:absolute; width:100px ; height:100px; left:25%; margin: -23px 0 75px -30px; background: url(../imagen/ct-arrow.png) 0 0 no-repeat; z-index:51;}


/******************************************************************/
/**	 MAIN EXTRA SETTINGS    ***********************************/
/****************************************************************/
.main-div {position:relative; display:block; clear:both; margin: 0px auto 40px auto; width:100% ; max-width:960px; height:20px;  background: url(../imagen/bottom-shadow.png) 50% 0% no-repeat;}

.main_subcontent {
	display:	block;
	position: 	relative;
	overflow:	hidden;
	width:		98%;
	height: 	auto;
	margin:		10px 0 0 0%;
	padding:	0 1% 15px 1%;	
}


.main-w-sidebar {
	display:	block;
	position: 	relative; float:left;
	width:		77%; height: auto;
	margin:-3px 0 20px 0 !important; padding: 0 0 0 2%;
	/*background:#F8F8F8;*/
}


/******************************************/
/** TABLE SETTINGS    *********************/
/****************************************/
.banner-custom{display:inline-block; position: relative; width:78.8%; height:auto; margin: 0px auto 5PX .5%;}

.banner-custom IMG{ max-width: 100%;
    max-height: 100%; }

.tabla_cell { 
	display:block; overflow:hidden; border-bottom: solid thin #fff; }

.tabla_cell LI{ 
	display:block; height:auto; float:left; margin:0; padding: 12px 0; text-align:center; box-shadow: inset -1px 0px 0px #fff; border-bottom: solid thin #fff; 
}

.tabla_cell.veinte LI{	width:20%!important; height:180px;    }
.tabla_cell.once LI{	width:10.5%; height:100%; padding:4px 0 4px 0;  }
.tabla_cell.once {		height:25px; padding:0px 0 0 0;  }

.tabla_cell LI.wider{ width:16%!important; }
.tabla_cell LI#grey{ background:#F5F5F5;}
.tabla_cell LI#blue{ background:#badef6;}
.tabla_cell LI#pupl{ background:#D3A5FF;}

.tabla_cell LI SPAN{
	text-transform:uppercase;
	font-weight:700;
}
.tabla_cell LI P{ 
	display:block; width:90%; height:auto; margin:0 auto; 
}
.tabla_cell LI IMG{ 
	display:block; width:80%; height:auto; margin:0 auto; 
}

/******************************************/
/** LIST SETTINGS    *********************/
/****************************************/
.main-list { padding:12px 0 0 0; }
.main-list LI{ overflow:hidden; line-height:18px; padding:0 0 0 15px ; margin: 0 0 13px 0; border:none; background:url(../imagen/icon-bull2.png) -5px -4px no-repeat;}
.main-list LI A:visited{ color:#666666;}
.main-list UL { margin: 0 0 23px 15px ; }
.main-list UL LI{ overflow:hidden; line-height:normal; padding:0 0 0 13px ; margin: 0 0 13px 0; border:none; background:url(../imagen/icon-bull1.png) 0 2px no-repeat;}

.alt-list { padding:12px 0 0 0; font-weight:bold;}
.alt-list LI{ line-height:normal; padding:0 0 0 20px ; margin: 0 0 13px 0; border:none; background:url(../imagen/bullet2.jpg) 0 50% no-repeat;}


/*********************************************************/
/** CAT SETTINGS  ***************************************/
/*******************************************************/
.cat_bar{
	display:	block; position:relative; 
	width:		auto; height:40px; 
	margin:		10px 0 15px 0; padding:0 0 0 0px;
	line-height:31px;
	background:	#EEE; 
}
.cat_bar-lp{
	display:	block; position:relative; 
	width:		auto; height:40px; 
	margin:		10px 0 15px 0; padding:0 0 0 0px;
	line-height:31px;
	background:	#ff9407; 
}
.cat_bar_c {
  display: block;
  position: relative;
  float: right;
  width: 80%;
  height: 40px;
  margin: 0px 0 15px 0;
  padding: 0 0 0 0px;
  line-height: 31px;
  background: #EEE;
}
.cat_bar .position{
	display:	inline-block; position:relative;
	width:		auto; height:100%; float:left; 
	margin: 	0 0 0 2%;
	line-height:31px; text-indent:0px;
}

.cat_bar .position A, .cat_bar .position P{
	margin:		5px 0px 0px 0px;
	padding: 	0;
	color:		#aa53c8;
	font-size:	14px;
	background:	none;
}

.cat_bar H1, .cat_bar H3{
	margin:		5px 0px 0px 0px; 
	color:		#aa53c8; line-height:31px; text-transform:uppercase;
}

.cat_bar .position A:HOVER { color:#F93; background:none; }

.cat_bar .pagination{
	display:inline-block; position:relative; width:auto; height:100%; float:right; padding:0;
}
.cat_bar A{
	 display:	block;
	 width:		auto;  height:30px; float:left;
	 margin:	5px 0px 0px 0px; padding: 0 12px 0 12px; 
	 text-align:center; 
	 background:#f5f5f5;  border-radius:3px;
}
.cat_bar A.in_page, .cat_bar A:HOVER, .prevNext:HOVER{ background:#aa53c8; color:#FFF;}
.cat-title{ color:#aa53c8; text-align:right; padding:0 30px 0 0; font-size:32px; line-height:62px; text-transform:uppercase;}

/*
	Drop Down
*/
.cat_bar ul {position:absolute;	top:-999em; left:5px;}

.cat_bar li:hover {
	visibility:	inherit; /* fixes IE7 'sticky bug' */
}
.cat_bar li {
	float:left;
	position:relative;
}
.cat_bar li:hover ul {
	width:180px;
	height:auto;
	top:44px; /* match top ul list item height */
	background: #FFF;
	box-shadow: 0 3px 10px #EAEAEA;
}
.cat_bar li:hover ul li {float:none;
}
.cat_bar li:hover ul li a{
	height:100%;
	width:150px;
	margin: 0 0 0px 0;
	padding-left:20px;
	color:#aa53c8;
	text-align:left;
	line-height:36px;
	background:#FFF url(../imagen/icon-list3.png) 90% 50% no-repeat;
	border-top:solid thin #f2f2f2;	
}
.cat_bar li:hover ul li a:HOVER{
	color:#FFF;
	background:#aa53c8;	
}
/*********************************************************/
/**   CAT   ********************************************/
/*******************************************************/	
.cat_box{position:relative; display:block; float:left; width:19%; height:260px; margin:0 1% 50px 0; text-align:center; cursor:pointer; outline: thin solid #e5e5e5;}

.cat-icons{ display:block; position:relative; width:93%; margin:3% 0 0 3%; border:THIN SOLID #FFF;}

.cat-over{ display:block; position:absolute; width:55%; margin:0%; top:-32px; right:-11px ; z-index:50;}

.cat_title{ display:inline-block; width:auto; margin:8px auto 0px auto; padding: 4px 12px; color:#aa53c8; text-transform:uppercase; border-radius:3px; }

.cat_desc{ width:80%; margin:5px 0 0 10%; padding:0 10% 0 0; line-height:1.4; font-size:11px; background:#999; }

.cat_box .button, .cat_box .button-txt{ position:absolute; top: 87%; left: 50%;  opacity:0;}

.cat_gallery{position:relative; display:block; float:left; width:10%; height:auto; margin:0!important; 
}

/***********************/
/** EFFECTS 
/*********************/
.cat_box, .cat-icons, .cat_title{ /*Effects*/-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;-ms-transition: all .5s ease;transition: all .5s ease;}
.cat_box:HOVER{ background:#FFF; outline: thin solid #aa53c8;  box-shadow: 0 5px 9px #bbb; z-index:49;}
.cat_box:HOVER .cat-icons{ box-shadow:none; }
.cat_box:HOVER .cat-over{ top:-34px; }

.cat_box:HOVER .cat_title{ background:#aa53c8; color:#FFF;}

/*********************************************************/
/**   CART   ********************************************/
/*******************************************************/
.cart_over_bar{
	display:block; position:relative; overflow:hidden;
	width:100%; height:40px;
	margin: 0  0 -5px 0px;
	line-height:41px;
	color:#aa53c8;
	background:#F8F8F8;
}
.cart_over_bar DIV{
	float:left;	
	margin:0 3% 0 0;
}

.div1{width:11%; text-indent:10px;}
.div2{width:385px; }
.div3{width:187px;}
.div4{width:150px;}


.cart-item{
	display:block; position:relative; overflow:hidden;
	width:100%; height:95px;
	margin:7px 0;
	padding: 3px 0 0 0;
	font-size:80%;
	/*box-shadow: 0 0px 4px rgba(0,0,0,0.2);*/
	background:#EEE;
}

.cart-item #cartbar{
	height:60px;
}

.cart-item DIV{
	display:block; position:relative;
	float:left;
	height:100%;
	margin:0px 3% 0 0;
}

.cart-item INPUT[type="checkbox"]{
	display:block; position:absolute;
	padding:0;
	width:15px; 
	top:9px;
	right:10%; background:#F00;
	
}
.cart-item INPUT[type=text]{
	display:block; position:relative;
	float:left;
	height:26px; width:60px;
	margin:0;
	padding:0;
	color:#888;
	border-radius:2px;
	line-height:27px;
	text-indent:5px;
	background:#FFF; border: solid thin #CCC;
	box-shadow: inset 2px 2px 2px #EEE;
}
.cart-item TEXTAREA{
	display:block; position:relative; overflow:hidden;
	float:left;
	padding:0;
	height:26px; width:100%;
	margin:0;
	padding: 0 5px;
	color:#888;
	line-height:27px; text-align:left;
	resize: none; 
	border-radius:2px;
	background:#FFF; border: solid thin #CCC;
	box-shadow: inset 2px 2px 2px #EEE;
}

.cart-item DIV#img{
	width:10%; display:block;
}
.cart-item DIV#img IMG{
	width:80%; margin:7% 0 0 10%;box-shadow: 0px 0px 6px #ccc;
}

.cart-item DIV#data{
	width:37%; height:auto;
}

.cart-item DIV#data DIV{
	width:100%; height:auto;	
}

.cart-item .data2{
	width:21%; float:left
}

.cart-item .data2 DIV{
	width:; height:auto;
	
}

.cart-item DIV#code{
	color:#aa53c8;text-transform:uppercase;
}

.cart-item .sqr{
	position:relative;
	display:inline-block;
	width:100%;
	min-height:30px;
	float:left;
	margin:	0 0 0px 0;
	line-height:30px;
}
.cart-item .sqr.half{
	width:50%!important;
}

.cart-item .data2 #comment{
	width:85%; float:left;
}


.cartTools{
	display:inline-block;
	min-height:30px;
	background-color:#F5F5F5;
	
}

.cartTools .label{
	display:inline-block; margin:0 0 5px 0!important;
	width:100%;	
	height:40px;	
	line-height:42px;
	color:#AA53C8;
	text-transform:uppercase;
	text-indent: 15px;
	background:#ddd;
}
.cartTools .label.purple{
	color:#FFF;
	background:#AA53C8;
}
.changebg{	
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: 	all 1s ease-in-out;
	-o-transition: 		all 1s ease-in-out;
	-ms-transition: 	all 1s ease-in-out;
	transition: 		all 1s ease-in-out;
	background-color:	#aa53c8 !important;
}

.totalbtn, .dataForm{
	display:inline-block;
	margin: 0 0 10px 0;
}

.dataForm{ width:95%; padding:2.5% !important;}


.cartTools .totales{ min-height:50px; background:#}


.cartTools .totales .line{
	display:block; float:right;
	width:50%; 
	border-bottom:solid thin #ccc;
	clear:both;
}
.cartTools .totales .tts{
	display:block; width:100%; min-height:35px;
	line-height:36px; font-size:120%; letter-spacing:1%; margin:0 40px 0 0;
	text-align:right;
}

.cartTools .totales .tts SPAN{
	display:inline-block;
	width:25%;
}

.dataForm .texto{
	width:auto; height:auto;	
	color:#888;
	font-size:13px;
}
.dataForm div H5{
	font-size:11px; float:left;
	margin:0px 1% 4px 0;
	width:35%; line-height:31px; 
	border:none;
}
.dataForm .label{
	font-size:18px;
}
.dataForm INPUT[type="image"]{
	float:none; margin-top:10px;
}
	
.dataForm INPUT{
	width:60%!important; height:30px;
	line-height:31px;
	margin:0px 0px 10px 0; padding:  0 0 0 10px;	
	
}

.dataForm TEXTAREA{
	display:block;
	width:58.5%!important;
	height:40px;
	margin:8px 0px 15px 0; padding:8px;
	resize:none;
}
.dataForm INPUT,.dataForm TEXTAREA{
	font-size:12px;
	background:#fff;
	border-radius:0px; border: solid thin #aaa;
	-webkit-box-shadow:inset 0 3px 3px #EEE;
       -moz-box-shadow:inset 0 3px 3px #EEE;
            box-shadow:inset 0 3px 3px #EEE;}

.dataForm .height_area{
	display:block;
	height:auto;
}

.dataForm #btnsend{
	margin:0 0 0 36% ;
}
.dataForm #pagado-true{
	display:block;
	height:110px;
	width:100%;
	background:url(../imagen/paydone.jpg) 50% 46% no-repeat;
}
.selector {
  height: 31px;
  margin: -10px 50px 0 0;
  padding: 0 25px 0 0;
  background: #F9F9F5;
  border-radius: 3px;
  border: solid thin #BBB;
  -webkit-box-shadow: inset 0 3px 3px #E3E3E3;
  -moz-box-shadow: inset 0 3px 3px #E3E3E3;
  box-shadow: inset 0 3px 3px #E3E3E3;
}

.colorSelect{
	width:95%; height:31px; margin: 0px 0 10px 0; padding:0; background:#F9F9F5; border: solid thin #EAEAEA; -webkit-box-shadow:inset 0 3px 3px #EEE; -moz-box-shadow:inset 0 3px 3px #EEE;
    box-shadow:inset 0 3px 3px #E3E3E3;
}

.displayOrder.selector {
  max-width: 300px;
  margin: 5px 7px;
}

/***********************/
/** LOGO UPload
/*********************/
.file-wrapper {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
}
.file-wrapper input {
  cursor: pointer;
  font-size: 100%;
  height: 100%;
  filter: alpha(opacity=1);
  -moz-opacity: 0.01;
  opacity: 0.01;
  position: absolute;
  right: 0;
  top: 0;
}
.file-wrapper .butt {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  margin-right: 5px;
  padding: 9px 18px;
  background:#bbb
}
.logo-wrapper {
  display:	block;  position: relative;
  width:20%;  height:auto;  
}
.logo-wrapper IMG{
  display:	block;  position: relative;
  width:100%;  height:auto;  
}

/***********************/
/** DETAILS 
/*********************/
.detail_box{position:relative; display:block; float:left; width:44%; height:auto; margin:0 2% 0 2%;  }
.detail_box .cat-zoom{ display:block; position:relative; width:100%; height:auto; margin:0; box-shadow:none; box-shadow: 0 0px 1px rgba(0,0,0,0.4);cursor:pointer;}
.detail_box .cat-icons{ display:block; position:relative; width:20%; height:auto; float:left; margin:10px 10px 0 0;box-shadow:none;box-shadow: 0 0px 1px rgba(0,0,0,0.4);}
.detail_box .cat-corner{ display:block; position:absolute; width:45%; height:auto; top: -63px; right:-25px; margin:0px 10px 0 0;box-shadow:none; z-index:51;}
.detail_info{ position:relative; display:inline-block; width:67%; height:auto; float:left; margin: 0 5% 0 5% ; padding:10px 0 10px 0%; }
.detail_info #remarked{font-weight:bold; color:#555;}

.detail_title{ font-size:30px; text-transform:uppercase; line-height:36px; color:#aa53c8; text-indent:33px; border-bottom:thin dotted #CCC; background:url(../imagen/icon-cat.png) 0 50% no-repeat;}
.detail_subtitle{ margin:8px 0 5px 0; text-transform:uppercase; line-height:18px; color:#aa53c8; border-bottom:thin dotted #BBB;}


.cotizador{ display:inline-block; position:relative; width:30%; height:auto; margin:0 0 0 2%; }
.cotizador FORM{ display:inline-block; padding:10px 0% 20px 5%;  background:#f1f1f1; border-radius:1px; border:thin solid #aa53c8;}


.output_it{ display:inline-block; position:relative; width:95%; height:auto; margin: 0px 0 2px 0; padding:0px 0% 0px 0%; }
.output_it DIV{ display:block; position:relative; float:left; width:50%; height:auto; margin:0px 0% 0 0; padding: 6px 0; text-indent:5px; color:#555; background:#e5e5e5;}

.cotizador-scale {
  display: table;
  position: relative;
  width: 95%;
  height: 23px;
  margin: 0px 0 5px 0;
  padding: 0;
}

.cotizador-scale DIV {
  display: table;
  position: relative;
  width: 50%;
  height: AUTO;
  float: left;
  line-height: 24px;
  color: #555;
  text-indent: 5px;
  margin: 0px 0% 2px 0;
  border-bottom: 1px solid #cdcdcd;
  background: #e5e5e5;
}

.cotizador-scale DIV SPAN{  display: table;
  position: relative;
  width: 50%;
  height: auto;
  float: left;
  color: #aa53c8;
 }


.coti_inner{ display:block; position:relative; float:left; width:33.3%; height:70px; margin:0 0 10px 0; padding:0px 0% 5px 0; border-bottom:thin dotted #BBB;}
.w_border{ padding:0 0 7px 0; border-bottom:thin dotted #BBB;}

.detail_title#usb{background:url(../imagen/icon-usb.png) 0 50% no-repeat;}

/***********************/
/** FORM 
/*********************/
p.error							{margin-left:140px; margin-top:10px;}
#priceform label				{margin:0 0 5px 0; line-height:25px; text-align:left; float:left; font-weight:bold; color:#555;}
#priceform input,
#priceform textarea,
#priceform select				{float:left; padding:2px 0 2px 7px; line-height:24px; border:1px solid #AAA; margin:0 0 5px 0; background:#fcfcfc; -moz-border-radius:0px; -webkit-border-radius:0px; 
								-moz-box-shadow:    inset 1px 1px 5px rgba(0,0,0,0.3);
   								-webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.3);
							    box-shadow:         inset 1px 1px 5px rgba(0,0,0,0.3);}

#priceform input				{width:70%; font-size:80%; }
#priceform textarea				{width:420px; height:150px; resize: none;}
#priceform input.button			{float:right; margin-top:5px;}

/*********************************************************/
/**   VITUALES   ****************************************/
/*******************************************************/

.clean-box{
	position:relative; display:block;
	height:auto;
	float:left; padding:0px 0 ;
	margin: 0 ;
	text-align:center; 
	background:#FFF; box-shadow: 0 0px 5px rgba(0,0,0,0.00);
}

.clean-box.grey{
	background:#F5F5F5;
}

.clean-box.thin{
	margin: -2% 0;
}

.clean-box.four{
	width:24.75%;
}
.clean-box.five{
	width:19.75%;
}
.clean-box.six{
	width:16.25%;
}
/*.clean-box:HOVER {
	cursor:pointer; box-shadow: 0px 0px 8px rgba(0,0,0,0.15); z-index:999; 
}*/

.clean-box IMG{
	position:relative; display:block;
	width:90%; margin:5% ; 
}

.clean-box.grey IMG{
	box-shadow: 0px 0px 7px rgba(0,0,0,0.10);
}

.clean-box.grey IMG:HOVER{
	outline: thin solid #F93;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.25);
}

.clean-box H5{
	margin:0 0 -7px 0;
	line-height:30px; color:#aa53c8; text-transform:uppercase;
}
/*********************************************************/
/** SIDEBAR *********************************************/
/*******************************************************/
  
.top_bar{ display:block; height:39px; margin:0 0 0px 0; color:#FFF; font-weight:bold; background:#ff3388 url(../imagen/icon-sidetop.png) 99% 40% no-repeat; line-height:40px; text-indent:10px;  font-size:14px; }

.sidebar { overflow:hidden; width:19%; float:left;  margin:0 1% 0 0; padding: 0 ; border-radius: 0px; border-bottom:thin solid #aa53c8;}   

.sidebar ul {display:block; display:inline-block; width:100%; margin:0 0 0 0%; font-size:12px; background:#cc99ff; background:#aa53c8 url(../imagen/heart-pattern.jpg) 0 0 repeat-y; box-shadow: 0 0 4px #565656; }

.sidebar ul li a {display:block; padding:10px 0px; color:#fff; text-indent:15px; letter-spacing:0em; border-bottom:thin solid #ccc; cursor:pointer;}

.sidebar ul li a:hover, .sidebar ul li a.current {background:#f9ae4d url(../imagen/icon-bull3.png )91% 50% no-repeat; border-bottom:thin solid #f9bd6e; font-weight:bold; color:#FFF; }

.sidebar ul li a#memorias-usb {display:block; padding:7px 0px 8px 0px; color:#FFF; text-indent:15px; letter-spacing:1px; border-bottom:thin solid #ff3388; background: #fd60a2; cursor:pointer;}

.sidebar ul li a#memorias-usb:hover, .sidebar ul li a#memorias-usb.current {background:#FFF url(../imagen/icon-list3.png )91% 50% no-repeat; color:#aa53c8; }


.sidebar ul li a#bolsas { background-color:#ff7bb2; background:url(../imagen/menu-mexibol.png ) 51% 49% no-repeat!important;}

.sidebar ul li a#bolsas:hover, .sidebar ul li a#bolsas.current {background:#f9ae4d url(../imagen/menu-mexibol.png ) 51% 49% no-repeat!important; color:#FFF; }


.widget ul li a {display:block; padding:10px 0px 10px 30px; color:#979aa5; letter-spacing:1px; background:url(../images/transparent_arrow.png) scroll transparent no-repeat 10px 12px;}

.widget ul li:hover, ul#menu-sidebar-menu li.current_page_item {background:#f3f3f3; border-radius:10px;}
/*********************************************************/
/** SIDEBAR B *********************************************/
/*******************************************************/

.sidebar-b { overflow:hidden; width:19%; float:left;  margin:0 1% 0 0; padding: 0 ;  border-radius: 5px; }   

.sidebar-b ul  {display:block; width:100%; margin:0  0 5px 0%; }

.sidebar-b ul  li  a.categoria {display:block; padding:10px 0px 11px 0px; color:#FFF; text-indent:15px; letter-spacing:1px; font-size:11px; text-shadow: 1px 1px 1px #666;  border-bottom:thin solid #217fb6; background: #aa53c8 url(../imagen/sprite.jpg) 0% -43px repeat-x;  border-radius: 3px;cursor:pointer;}

.sidebar-b ul li a.current, .sidebar-b ul li a:HOVER{display:block; padding:10px 0px 11px 0px; color:#FFF; text-indent:15px; letter-spacing:1px; font-size:11px;  border-bottom:thin solid #CCC; background: #aa53c8 ;}

.sidebar-b ul li a {display:block; padding:11px 0px 10px 11px; color:#777; text-indent:15px; letter-spacing:1px; font-size:11px;  border-bottom:thin solid #fff; border-bottom:thin solid #CCC; background:#f3F3f3 url(../imagen/sprite.jpg) 0px -90px no-repeat; cursor:pointer;}

/*********************************************************/
/** SIDENAV *********************************************/
/*******************************************************/


.open-sidenav{ display:none; position:absolute; overflow:hidden; right:0; width:10%; height:100%; border-radius:8px; background:#f9f9f9 url(../imagen/icon-menu.png) 50% 50% no-repeat; background-size: 100% auto; }
/* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0%; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1000000; /* Stay on top */
    top: 0;
    left: 0;
    background-color: #aa53c8; /* Black*/
	box-shadow: 0 5px 20px #555;
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
    padding: 10px 0 10px 0;
    text-decoration: none;
    font-size: 150%;
	text-indent:5%;
    color: #ddd;
    display: block;
    transition: 0.3s
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover, .sidenav a:active, .offcanvas a:focus{
    color: #fff;
	background:#f9ae4d;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 0;
  left: 85%;
  width:60px; height:60px;
  text-align:center; padding:0; text-indent:0;
  font-size:400%;

}

.sidenav a.submenu{
	background:url(../imagen/arrow-d.png) 95% 50% no-repeat;
}

.sidenav ul {
	display:none; margin: 0 0 20px 0!important}
	
.sidenav ul li{
  padding:	0px!important;
  margin:0;background:#881bae
}

.sidenav ul li a{
  width:	100%;
  text-indent:10%;
  color:	#ddd;
  font-size: 135%;
}



/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .4s;
    padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 110%;}
}




/*********************************************************/
/** SIDEBAR FLAG *********************************************/
/*******************************************************/
/*.sidebar ul .flag-g  {background:#990000 url(../imagen/christmas-pattern.png) 0 0 repeat-y !important; }
.sidebar ul .flag-w  {background:#990000 url(../imagen/christmas-pattern.png) 0 0 repeat-y !important; }
.sidebar ul .flag-r  {background:#990000 url(../imagen/christmas-pattern.png) 0 0 repeat-y !important; }
*/

/*********************************************************/
/** BLOG PAGE *******************************************/
/*******************************************************/   

.post {margin-top:0px;}

h2.single_header {margin-bottom:20px; padding-bottom:13px; padding-top:3px}

h2.blogroll_header {margin-bottom:3px; padding-bottom:13px; padding-top:3px}

a.blog_title {color:#828593;}   

span.blog_frame {display:block; position:relative; width:358px; height:297px; margin:-10px 0px 40px -23px;  float:left;  background:url(../images/image_frame_blue.png) scroll transparent no-repeat 0px -5px; background-color:#FFF; }

span.blog_frame img {position:absolute; left:33px; top:25px; }

a.blog_button {margin-bottom:30px; width:127px; height:35px; font-size:14px; padding-top:14px; text-align:center; background:url(../images/blog_button_orange.png) scroll transparent no-repeat 0px -10px  ; text-transform:uppercase; color:#FFF; display:block; float:left;}

span.author_time_stamp {border-bottom:1px solid #e8e8e8; margin-bottom:14px; display:block; padding:5px 0px; font-variant:small-caps; letter-spacing:3px; font-style:italic;}


/** WP-PAGENAVI Plugin Styles **/

#portfolio_4_col .wp-pagenavi {margin-left:20px; margin-top:30px;}

.wp-pagenavi {margin-bottom:30px; font-weight:bold;}

.wp-pagenavi span.pages {display:none;}

.wp-pagenavi a:HOVER {background:#31506d}

span.current {padding:4px 7px 4px; background:#ddd; margin-right:7px; -moz-border-radius:3px; webkit-border-radius:3px; border-radius: 4px; color:#FFF; }   

a.page {padding:4px 7px 4px; background:#7a8797; margin-right:7px; -moz-border-radius:3px; webkit-border-radius:3px; border-radius: 4px; color:#FFF; }  

a.nextpostslink {padding:0px 6px 4px; background:#7a8797; margin-right:7px; -moz-border-radius:3px; webkit-border-radius:3px; border-radius: 4px;  color:#FFF;}

a.previouspostslink {padding:0px 6px 4px; background:#7a8797; margin-right:7px; -moz-border-radius:3px; webkit-border-radius:3px; border-radius: 4px; color:#FFF;}


/*********************************************************/
/** FOOTER STYLES ***************************************/
/*******************************************************/

.footer {
	width:100%; height:auto;
	background:#E8E8E8;
}

.footer_inner {
	max-width:960px; 
	margin:auto; padding:0px  0; 
	background:#999; color:#454545;
}

.footer_unibody {display:block; position:relative; width:700px; height:auto; left:50%; margin:10px 0 0 -330px; background: url(../imagen/bg-div.png) 50% 111px no-repeat; text-align:center; }
.footer_unibody h4{letter-spacing:1px; text-transform:uppercase; color:#FFF; margin:0; }

.footer_unibody p{ padding:0 0 5px 0; color:#fff;}

.footer_social{position:relative; display:block; overflow:hidden; width:270px; height:50px; left:50%; margin:25px 0 0px -115px; padding:0px 0 0 0px; }
.footer_social .socialItem{ display:block; position:relative; width:48px; height:48px; float:left; margin: 0px 40px 0 0px; opacity:1; }
.footer_social .socialItem:HOVER{ opacity:.85;}
.footer_social .socialItem IMG{ display:block; position:relative; width:100%; height:100%; }


.footer-bottom{ position:relative; display:block; width:100%; height:45px; margin:0px 0 0px 0; text-align:center; border-top: solid thin #676767; background: #555; box-shadow:inset 0 5px 20px #222}
.footer-bottom-lp{ position:relative; display:block; width:100%; height:60px; margin:0px 0 0px 0; text-align:center; border-top: solid thin #eaeaea; background: #242424; box-shadow:inset 0 5px 20px #151515}
.footer-bottom P, .footer-bottom A{line-height:25px; color:#aaa;}

.footer_logo {display:block; position:relative; width:80px; height:auto; left:50%; margin:-57px 0 -10px -45px;  text-align:center; }

.footer_logo IMG {WIDTH:100%;}


.foot-logo {display:inline-block; position:relative; width:80%; height:auto; left:0%; margin:0px 0 8px 0;  }

.footer_logo IMG {WIDTH:100%;}

.footer_boletin {
	width:20%;
	height:auto; 
	margin:auto; padding:10px 0px 0 0;
}

#suscribe-form{
	
	height:100%; 
	margin:0;
}

#suscribe-form INPUT[type=text]{
	display:block; position:relative;
	width:	48%;
	height:	34px;
	line-height:36px;
	float:left;
	margin:	0; border:thin solid #CCC;
	box-shadow:inset 2px 2px 5px #DDD;
}

#suscribe-form .purple{ height:36px; margin: 2px 0 0 0; }

.suscribe-msg{
	color:#aa53c8;
}
/** Footer Widgets **/

.footer_widget {margin:10px 0 50px 0; float:left; padding:0px 0 22px 0; color:#FFF ;}

.footer_widget h5{
	width:100%;
	margin:0 0 10px 0; padding: 9px 0 8px 0;
	text-transform:uppercase; color:#454545; 
	border-top:		thin solid #CCC;
	border-bottom:	1px solid #CCC;
}
.footer_widget h6{
	color:#454545; 
	
}
.footer_widget .foot-tit{font-size:120%; letter-spacing:1px; color:#FFF; margin:15px 0 10px 0; }
.footer_widget ul {margin-top:0px;}

.footer_widget#widget-5{ display:none;}


.footer_list{ 
	display:block; position:relative;
	height:	auto;
	margin:	0 0 0 0; 
}

.footer_list li { 
	display:block; 
	margin:	0 0 0 0;
	width:auto; height:27px; padding:0 5px;
	line-height:31px; letter-spacing:0em; color:#454545 ;
}

.footer_list li A, .footer_list P {display:block; color:#454545; height:100%; line-height: 28px; font-size:80%  }

.footer_list li A:HOVER {
	text-indent:13px; 
	color:		#aa53c8;
	background:	url(../imagen/icon-bull4.png) 0 50% no-repeat;
}
.footer_widget ul li A:HOVER { cursor:pointer;}

.footer_widget ul li#mail    { background: url(../imagen/icon-mail.png) -5px 50% no-repeat;}
.footer_widget ul li#phone   { background: url(../imagen/icon-phone.png)-5px 50% no-repeat;}
.footer_widget ul li#buzon   { background: url(../imagen/icon-buzon.png)-5px 50% no-repeat;}
.footer_widget ul li#twitter { background: url(../imagen/icon-twet.png) -5px 50% no-repeat;}
.footer_widget ul li#face    { background: url(../imagen/icon-face.png) -5px 50% no-repeat;}
.footer_widget ul li#plus    { background: url(../imagen/icon-plus.png) -5px 50% no-repeat;}

/* Footer logos */
.footer-logos{ display:block; position:relative; width:auto; height:40px; clear:both; margin:0px 0 -10px 0%; background:#fff;}

.footer-logos .home-logo{ display:block; position:relative; width:auto; height:40px; float:left; margin:0px 38px 0 38px; -webkit-filter:none;}

/*********************************************************/
/** LIGHTBOX STYLES ************************************/
/*******************************************************/   

/* Preload images */
body:after {
  content: url(../imagen/close.png) url(../imagen/loading.gif) url(../imagen/btn_prev.png) url(../imagen/btn_next.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../imagen/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../imagen/btn_prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../imagen/btn_next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../imagen/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/*********************************************************/
/** SHORTCODE STYLES ************************************/
/*******************************************************/   

/*** Multiple layouts ***/
.one_one	 { width:98%; 	}

.one_half	 { width:48%; 	}

.one_third	 { width:30.66%; 	}

.two_third	 { width:65.33%;	}

.one_fourth	 { width:22%; 	}

.two_fourth	 { width:44%; 	}

.three_fourth{ width:71%; 	}

.one_fifth	 { width:16.8%; }

.two_fifth	 { width:37.6%; }

.three_fifth { width:58.4%; }

.four_fifth	 { width:67.2%; }

.one_sixth	 { width:13.33%;}

.five_sixth	 { width:82.67%;}

.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ margin-right:4%; float:left; }


.one_one_nm	 	{ width:100%; 	}

.one_half_nm 	{ width:49.8%; 	}

.one_third_nm	{ width:33%; 	}

.two_third_nm	{ width:65.33%;	}

.one_fourth_nm	{ width:25%; 	}

.three_fourth_nm{ width:74%; 	}

.one_fifth_nm	{ width:19.8%; 	}

.two_fifth_nm	{ width:37.6%; 	}

.three_fifth_nm { width:58.4%; 	}

.four_fifth	_nm { width:67.2%; 	}

.one_sixth_nm	{ width:13.33%;	}

.five_sixth_nm	{ width:82.67%;	}

.one_half_nm,.one_third_nm,.two_third_nm,.three_fourth_nm,.one_fourth_nm,.one_fifth_nm,.two_fifth_nm,.three_fifth_nm,.four_fifth_nm,.one_sixth_nm,.five_sixth_nm{ margin-right:0%; float:left; }


.last{ margin-right:0!important;}

.clearboth {clear:both;display:block;font-size:0;height:20px ;line-height:0;width:100%;}

/*** Multiple layouts ***/

.mail{width:230px; height:20px;}
	
.ventas0.mail{ background:url(../imagen/web-mail-1-0.png) 0 30% no-repeat;}
.ventas1.mail{ background:url(../imagen/web-mail-1.png) 0 50% no-repeat;}
.ventasb.mail{ background:url(../imagen/web-mail-1-b.png) 0 50% no-repeat;}

/*** Checklists ***/

.checklist ul { margin:40px 0px 40px 50px; list-style:none!important }

.checklist ul li{padding:5px 5px 10px 30px; background:#fff url(../images/check.png) no-repeat ; background-position:0px 3px; }

/*** Buttons ****/
.button, .button:visited { display:inline-block; position:relative; width:auto; height:35px; padding: 0 20px ; text-align:center;  color:#fff; text-decoration:none; font-weight:bold; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.25); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25); border-bottom:1px solid rgba(0,0,0,0.25); cursor:pointer; font-size:12px;  line-height:36px; border:0;}
.button:hover {  color:#fff; text-decoration:none; }
.button:active { top:1px;}

.red.button, .red.button:visited   		{ background:#F00;  }

.blue.button, .blue.button:visited 		{ background:#39F; }

.grey.button, .grey.button:visited 		{ background:#ddd; }

.pink.button, .pink.button:visited 		{ background:#F04; }

.purple.button, .purple.button:visited 	{ background:#aa53c8; }

.orange.button, .orange.button:visited 	{ background:#F93; }

.white.button, .white.button:visited 	{ background:#fff; }

.green.button, .green.button:visited 	{ background:#3C0;}

.full.button, .full.button:visited 		{ padding: 6px 0 5px 0; width:100%; }

	.pink.button:HOVER				   	{ background:#C03; }
	 .red.button:HOVER				   	{ background:#C03; }
  .purple.button:HOVER				   	{ background:#F93; }
  .orange.button:HOVER				   	{ background:#aa53c8; }
    .blue.button:HOVER				   	{ background:#36C; }
   .green.button:HOVER				   	{ background:#390; }


.button-txt{ display:inline-block; width:auto; padding:5px 15px 6px; color:#aa53c8; text-decoration:none; text-indent:5px;  font-size:12px; line-height:1; cursor:pointer; border:0; background:url(../imagen/icon-arrow.png) -2px 48% no-repeat;}
.button-txt:hover {  color:#fff; text-decoration:none; background:#aa53c8!important;}
.button-txt:active { top:1px;}


.post .sc_button{display: block; margin:20px 20px 20px 0px;   color:#fff; text-align:center; font-size:18px; text-transform:uppercase; padding:8px 34px; }

.sc_button {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.1);   -moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.1);  }

.sc_button:hover {background-position:0px -50px; }

.shortcode_buttons {margin-bottom:20px; }

.post .shortcode_buttons a.sc_button {float: left; }


/*** Alert Boxes ***/
.warning_box { width:270px; border:1px solid #F00; line-height:20px; margin:10px 0px; color:#500; padding:10px; -moz-border-radius:3px; webkit-border-radius:3px; border-radius: 5px;  }

.green_box {border:1px solid #0F0; line-height:20px; margin:40px 0px; color:#050; background:url(../images/green_box.png) scroll transparent no-repeat; background-color:#CFC; background-position:20px center ;padding:30px 30px 30px 90px; -moz-border-radius:3px; webkit-border-radius:3px; border-radius: 5px;  }

/*** Extra Messages ***/
.message{
	display:	inline-block;
	position:	relative;
	width:		100%; height:40px;
	margin:		10px 0 -50px 0;
	line-height:40px;
	color:		#FFFFFF!important;
	text-align:	center;	
	/* BORDER RADIUS */	
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
	z-index:	149;
}
.blue.message	{ background:#3399FF;}
.pink.message	{ background:#aa53c8;}
.red.message	{ background:#FF0000;}
.green.message	{ background:#2eb600;}

.message H3		{ color:#FFFFFF!important;}

.alerta{
	display:	inline-block;
	position:	relative;
	width:		100%; height:35px;
	line-height:25px;
	font-weight:bold;
}

.red.alerta{ color:red;}
.blue.alerta{ color:#3399FF;}

/*** jQuery Show/Hide ***/

.post div a.show_hide {display:block; font-size:18px; font-weight:bold; cursor:pointer; margin:0px 0px 0px 0px; padding-bottom:20px; color:#828593}

.jq_show_hide {display:none; border:1px solid #eee; line-height:20px; margin:0px 0px 20px 0px; color:#828593; background-color:#fafafa; background-position:20px center ; padding:20px 20px 20px 20px; -moz-border-radius:3px; webkit-border-radius:3px; border-radius: 5px;  }


/*** Dropcaps ***/
.dropcap {margin:5px 8px 3px 0; display:block; float:left;  font-family: Georgia, serif; font-size:55px; padding:5px 5px 0px 5px;  line-height:40px;  }


/*********************************************************/
/** TESTIMONIAL PAGE STYLES *****************************/
/*******************************************************/   

.testimonial_wrapper {margin-bottom:40px;}

.testimonial_left {float:left; width:140px; padding-top:10px;}

.testimonial_right {float:right; width:489px; position:relative;}

.testimonial_right_full {position:relative;}

.testimonial_right h2 {text-indent:85px; margin-top:0px; padding-top:0px; position:relative; padding-bottom:40px }

img.test_logo {position:absolute; top:-8px; left:0px; }

.testimonial_right h2 span {position:absolute; top:40px; text-transform:uppercase; left:3px; font-size:14px; letter-spacing:2px;}

.testimonial_right_full h2 {text-indent:95px; margin-top:0px;padding-top:0px; position:relative; padding-bottom:40px }

.testimonial_right_full h2 span {position:absolute; top:40px; text-transform:uppercase; left:3px; font-size:14px; letter-spacing:2px;}


/*********************************************************/
/** CONTACT PAGE STYLES *********************************/
/*******************************************************/


/* Contact Form */

.error							{ margin:0px 0 0 100px; color:#F00; line-height:25px;}
#contact-form.poped 			{ position: relative; margin-left:8%; z-index:30;}
#contact-form 					{ height:auto; float:left;  }
#contact-form label				{ line-height:28px; width:100%; text-align:left; font-weight:bold; margin-right:0px;}
#contact-form input,
#contact-form textarea			{ padding:2px 0 2px 0px; line-height:28px; text-indent:10px; color:#454545; font-family:Tahoma, Geneva, sans-serif; font-size:11px; background:#EEE; }

#contact-form input::-webkit-input-placeholder ,
#contact-form textarea::-webkit-input-placeholder { color:#aa53c8;}
#contact-form input:focus ,
#contact-form textarea:focus 	{ background:#FFF; box-shadow:inset 0 5px 10px #F1F1F1;border:thin solid #DDD;}

#contact-form input				{ width:	100%; height:30px; margin:0 0% 12px 0;}
#contact-form textarea			{ width:	100%; height:90px; resize: none;}
#contact-form .button			{ margin:	0px 20px 5px 0%; float:left; }

/* Contact List */
.contact_list 		{ padding:12px 0 0 0; }
.contact_list LI	{ height:24px; font-size:12px; line-height:20px; padding:0 0 0 0 ; margin: 0 0 13px 0; text-indent:24px; border:none; color:#666;}
.contact_list UL 	{ margin: 0 0 20px 0px ; }
.contact_list UL LI	{ line-height:22px; padding:0 0 0 0 ; margin: 0 0 0px 0; border:none; background: url(../imagen/icon-bull2.png) -.75% 50% no-repeat;}

.contact_list li#mail    { background: url(../imagen/icon-mail.png) 	-1% 50% no-repeat;}
.contact_list li#phone   { background: url(../imagen/icon-phone-B.png) 	-1% 50% no-repeat;}
.contact_list li#buzon   { background: url(../imagen/icon-buzon-B.png) 	-1% 50% no-repeat;}
.contact_list li#twitter { background: url(../imagen/icon-twet-B.png) 	-1% 50% no-repeat;}
.contact_list li#face    { background: url(../imagen/icon-face-B.png) 	-1% 50% no-repeat;}
.contact_list li#plus    { background: url(../imagen/icon-plus-B.png) 	-1% 50% no-repeat;}
.contact_list li#local   { background: url(../imagen/iconos-smart.gif) 	-1% 50% no-repeat;}

/*********************************************************/
/** SUSCRIBE STYLES *********************************/
/*******************************************************/

#suscribe-form label			{ line-height:46px; width:50%; text-align:left; float:left; margin-right:5px;}
#suscribe-form input			{ float:left; padding:2px 0 2px 0px;line-height:28px; text-indent:10px; margin:4px 0 10px 0; color:#454545; font-family:Tahoma, Geneva, sans-serif; font-size:11px; background:#FFF; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: inset 2px 2px 6px #F1F1F1;}

#suscribe-form input::-webkit-input-placeholder { color:#F6C;}
#suscribe-form input:focus 		{ background:#FEFEFE;}

#suscribe-form input			{ width:55%;  height:27px;  margin:0 5px 10px 0;}
#suscribe-form .button			{ margin-top:-2px; }


/* Global Classes */

.clear{clear:both; display:block; position:relative; overflow:hidden; visibility:hidden; width:100%; height:1px;}

/*********************************************************/
/** CTA STYLES ********************/
/*******************************************************/
.cta{display:none; position:fixed; 
	width:300px; height:auto; bottom:500px; right: 0%;
	margin: -20px 0 0 -50%; padding:20px 00px;
	text-align:center; color:#555;
	background:; border-top: solid 1px #FFF; border-bottom: solid 1px #FFF; box-shadow: 0 0 15px #CCC;
	z-index:950;
}
/*********************************************************/
/** POPUP STYLES ********************/
/*******************************************************/

.popbase{
	width: 		100%;
    height: 	100%;
    top: 		0;
    position: 	fixed;
	display:	none;
    background-color: rgba(22,22,22,0.5); /* complimenting your modal colors */
	z-index:	1000000;
}

.popclose {
    width: 		100%;
    height: 	100%;
    top: 		0;
    position: 	fixed;
}

.popup{
	display:none; position:fixed; 
	width:500px; height:auto; top:50%; left: 50%;
	margin: -130px 0 0 -270px; padding:0px 0 15px 0;
	text-align:left; color:#666;
	background:#FFF; box-shadow: 0 0 15px #555; border-radius: 0 5px 5px 0;
	z-index:100000;
}

.popup-txt{
	position:relative; display:inline-block; 
	width:65%; height:auto;
	margin: 0 0 0 33%;
	padding: 35px 15px 10px 0px;
}

.blue.popup-txt {
	background: #FFF; 
}

.popup-left {
	position:absolute; display:inline-block; 
	width:30%; height:100%; float:left; background: url(../imagen/popup-bg.png) -100px -110px no-repeat; z-index:0
}

/** POPUP TITLES ***/
.popup .title1{		font-size:28px; padding:0px 0; color:#aa53c8;}
.popup .title2{ 	font-size:18px;		}

.popup .subtitle1{ 	font-size:20px;	 margin: 20px auto 15px auto;	}

.popup .close{
	display:block; position:relative; 
	width:auto; height:30px;
	bottom: -20px; margin:0 0 0 0px;
	text-align:center; line-height:31px; color:#FFF;
	cursor:pointer;
}

.popup .close:HOVER{
	text-decoration:underline;}

.popup .x{
	display:block; position:absolute; 
	width:16px; height:16px;
	right:10px; top: 12px; margin:0px;
	font-family:Verdana, Geneva, sans-serif; font-weight:bold;
	text-align:center; line-height:12px;
	cursor:pointer; border-radius: 30px; background: #ddd;
}
.popup .x:HOVER{	
	background: #BBB;
}

.button-cta{
	display:inline-block; position:relative; 
	width:auto; height:45px;
	margin:15px auto 25px 5px; padding: 0 25px 0 70px;
	color:#FFF; text-align:center; font-size:25px; line-height:46px;
	/*/background:#aa53c8 url(../imagen/icon-phone-c.png) 0% 50% no-repeat; border-radius:4px; cursor:pointer;/*/
	background:#F93 url(../imagen/icon-phone-d.png) 0% 50% no-repeat; border-radius:4px; cursor:pointer;
	box-shadow: 0 3px 10px #ccc;
}

/** para ver diseño ***********/
.popbase, .popup#popvacation{
	
}
/*********************************************************/
/** STEAM BAR  ********************/
/*******************************************************/

.steamBar{ display:inline-block; position:fixed; width:100%; height:70px;  bottom:0px; background: url(../imagen/steam.png) repeat; z-index:950;}

.steam-left{ display:none; height:100%; }

.steam-right{  height:100%; text-align:left;}

.asesor-frase{display:inline-block; position:absolute; overflow:hidden; height:100%; width:50%; margin-left:18%;  }

.asesor-frase h3{ font-size:150%; color:white;}

.asesor-frase h5{ font-size:100%; color:white;}

.asesor-frase h3, .asesor-frase h5,  .asesor-frase h6{ margin-top:10px; color:white;}

.steam-right .button-cta{ position:absolute; right:0; top:3px; box-shadow:none; font-size:200%;  animation: pulso 1.75s infinite; }


.call-pic{ display:inline-block; position:absolute; width:145px; height:140px; bottom:0; float:left; background:url(../imagen/sprite-asesores.png) no-repeat; background-size: 100% auto;  }

#asesor-1 .call-pic{ background-position: 50% -200px;}
#asesor-2 .call-pic{ background-position: 50% -375px;}
#asesor-3 .call-pic{ background-position: 50% -545px;}
#asesor-4 .call-pic{ background-position: 50% -725px;}
#asesor-5 .call-pic{ background-position: 50% -890px;}
#asesor-6 .call-pic{ background-position: 50% -1070px;}
#asesor-7 .call-pic{ background-position: 50% -1240px;}
#asesor-8 .call-pic{ background-position: 50% -1415px;}

/*********************************************************/
/** REDES SOCIALES ********************/
/*******************************************************/

.social-base{
	margin: 110px inherit;
	padding: 		20px 0;
	color:			#FFF;
	text-indent: 	50px;
	text-align:		center;
}
.social-base.fb{
	background:#507cbe url(../imagen/icon-fb.jpg) no-repeat 23% 50%;
}
.social-base.tw{
	background:#00b6f1 url(../imagen/icon-tw.jpg) no-repeat 25% 50%;
}


/*********************************************************/
/** PAYPAL CLASSES ********************/
/*******************************************************/
.paypal-form{ display:block; margin: 10px 0 0 19%; text-align:center; 	}
.paypal-form #Paypal{display:block;  width:250px; margin:20px auto; } 
.paypalBottom{ display:block; position:relative; margin:10px auto 0 auto;}
.paypaltop{position:relative; margin:16px auto 0 5px}

/*********************************************************/
/** BACK TO TOP STYLES ***********************************/
/*******************************************************/
.topNow{position:fixed; bottom:25px; right:-5%; width:40px; height:40px; background:#F93 url(../imagen/sprite-arrows.png) no-repeat 50% -25px; z-index:9999 }
.topNow:active{background-color:#aa53c8}

/*********************************************************/
/** Z INDEXES 	*****************************************/
/*******************************************************/  

/**cont		[0 	 - 50 	]
/**cat		[50  - 100  ]
/**msg		[100 - 150	]
/**nav		[150 - 200  ]
/**footer	[200 - 250  ]
/**popup	[950 - 1000 ]

/*********************************************************/
/** MOBILE STYLES 	*****************************************/
/*******************************************************/ 
.mobile-call {
  display: none;
  position:fixed;
  width: auto;
  height:	40px;
  padding: 0 20px 0 0;
  text-indent:70px; line-height:41px;
  color:#fff;
  left: 5%;
  bottom: 25px;
  background: #aa53c8  url(../imagen/icon-phone-c.png) no-repeat 0% 50%;
  box-shadow: #666 0 0 5px;
  z-index: 9989;
}
 
#cont_m{ display:none}

.yes-m{ display:none}

.navbar-fixed {
    top: 0;
    z-index: 200;
  	position: fixed;
	
}
.navbar-fixed-lp {
    top: 0;
    z-index: 200;
  	position: fixed;
	
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 110%;}
}


@media only screen and (max-width: 768px) {
/* For mobile phones: */


#header{
	display:inline-block;
	border:none;
}

.toper, .topData, .header-call{
  display:none!important;
}
#header-lp{
	display:inline-block;
	border:none;
}

#header-inner {
  display:inline-block; position:relative; height:100%; border-bottom:thin solid #aa53c8;
}

.open-sidenav{ display:block; }

.logo{ height:100%; width:65%; margin:0;  }

.header-phone-area, .blinktext, .header-phone, #featured, .steamBar{ display:none!important}

#header-inner, .global-wrapper, .footer_inner, .mobile-search { width:90%; margin-left:5%;}

.mobile-search{ display:inline-block; background:#0F9; margin-top:10px;}

.mobile-search input { display:block; line-height:30px; text-indent:10px; color:#555; font-family:Tahoma, Geneva, sans-serif; font-size:11px; background:#F9F9F9; border:1px solid #f9ae4d;}

.mobile-search input::-webkit-input-placeholder { color:#A5A5A5;}
.mobile-search input:focus 		{ background:#EEE; box-shadow:inset 0 5px 8px #F1F1F1; }
.mobile-search input[type="text"]	{ width:100%;  height:34px;  margin: 0px 0 0 px; box-shadow: inset 2px 2px 2px #EEE;}
.mobile-search .search			{ position:relative; float:right; margin:-36px -2px 0 0 ;  width: 40px; height:35px; border:none; background:url(../imagen/search-icon.png) 50% 50% no-repeat; border-radius:0; }
.mobile-search .search:HOVER		{ background:#f9ae4d url(../imagen/search.png) 50% 50% no-repeat; cursor:pointer; }

.buscador 	{ display:none!important; position:relative; width:50%; height:100%; margin:0px 0 0 0px; }
.menu-header { display:none!important;  }
.sidebar, .sidebar-b{ display:none!important;  }

.cat_box		{ width:44%; height:auto; margin: 10px 3%; }
.cat_box.four 	{ width:50%; }
.cat_box.five 	{ width:33.2%; }
.cat-over{ display:none;} 

.cat_bar_c{width:100%}
.cat-icons{ margin:0;}
.position{ width:100%!important; margin:0!important; }

.detail_box, .cotizador{ width:96%; margin:0 2%}


.cart-item{
	height:auto;
}

.cart-item DIV{
	white-space: nowrap;
  overflow: hidden;}

.cart-item DIV#img{
	width:30%; max-height:80px; display:block;
}
.cart-item DIV#data{
	width:64%; height:auto;
}

.cart-item .data2{
	width:47%; float:left
}

.cartTools #btnCheck, #btn_cotizar{
	width:80%; 
}

.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth,.main-w-sidebar{width:100% ; margin-right:0%; margin-bottom:20px; float:left; }

.clean-box.four, .clean-box.five, .clean-box.six{ width:50%;}

#cont_m{ display:block}

.main-w-sidebar {
	padding: 0;
}
.homepage_content{ display:block; height:1500px; max-width:100%; }
.homepage_box{ display: inline-block; width:380px; height:380px; left: 50%; margin:0 0 0 -190px;}
.short.left{  top:540px; left:50%;  margin:0 0 0 -190px;}
.short.right{ top:1000px; left:50%;  margin:0 0 0 -190px;}

.popup{
	width:90%; height:auto; top:50%; left: 50%;
	margin: -130px 0 0 -45%;
}

.popup-txt{	width:90%;	margin: 0 0 0 5%; }

.popup-left { display:none;}

.mobile-call { display: block;}

.footer{ text-align:center;}

.footer_widget#widget-1, .footer_widget#widget-2, .footer_widget#widget-3{ display:none;}

.footer_widget#widget-5{ display:block;}

.home-logo{ width:18%; height:auto; margin:5px 1% 0 1%;}

.home-taks{margin-top: 20px ;}

.home-taks A{ display:inline-block; width:100%; margin: 0 0 15px 0;}

.home-taks A IMG{ display:inline-block; width:100%; }

.topNow{right:5%; display:none;}
.not-m{display:none!important;}
.yes-m{ display:block!important;}

/*fonts mundial: */


}