/* CSS Document */
* {
	margin:0;
	padding:0;
	font-size:100%;
}

body{
	background:#f5f7f7;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8125em;
	line-height:1.538em;
	color:#333;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#9b9b9b; outline:none;}
a:hover{text-decoration:none;}
p {
	padding-top:20px;
	color: #000;
}
em {color:#a2cc2c; font-style:normal; font-weight:bold;}
/* ============================= main layout ====================== */

li {background:url(images/marker1.png) left 10px no-repeat; padding-left:28px; line-height:2.07em; }
li a {
	color:#000;
	font-weight:bold;
}

.imgindent {margin:0 15px 0 0; float:left;}

.row {background:url(images/row-bg.gif) left top repeat-x #141414;}

h2 {
	font-size:1.6em;
	line-height:1.2em;
	color:#690;
	margin-bottom:19px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bolder;
}
h2 strong {display:block; margin-top:-8px;}
h3 {
	font-size:1.615em;
	line-height:1.2em;
	color:#6FAA00;
	margin-bottom:22px;
}
h3 strong {display:block; margin-top:-8px;}
h4 {font-size:1.84em; line-height:1.2em; color:#fff; margin-bottom:-19px;}
h4 strong {padding-left:62px;}
h4 strong strong {display:block; margin-top:-8px;}
/* ============================= header ====================== */
#header {
	padding-top:40px;
	background-image: url(images/header-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.logo {
	float:left;
	padding-bottom:48px;
	vertical-align: top;
}
.info {float:right; text-align:right; color:#919191; padding-top:8px;}
.info span {font-weight:bold; color:#fff;}

.menu {background:url(images/menu-li-tail-bg.gif) left top repeat-x; margin-top:-5px;  float:left; position:relative;}
.menu li {float:left; font-size:1.15em; line-height:1.2em; text-transform:uppercase; background:url(images/menu-li-bg.gif) top right no-repeat; padding:0px 0px 8px 4px; width:117px;}
.menu li a {text-decoration:none; color:#111111;}
.menu li a strong {  display:inline-block; background:url(images/marker.gif) right 28px no-repeat; padding:20px 13px 9px 10px;}
.menu .last  a {background:url(images/menu-li-last-bg.gif) top right no-repeat; display:block;}
.menu .first  a {background:url(images/menu-first-li-bg.gif) left top no-repeat; display:block; padding:0px 0 8px 10px; margin-left:-4px;}
.menu .first { width:129px;}

.twitter {position:absolute; margin:72px 0 0 937px;}
/* ============================= content ====================== */
#content {background:#fff;}

.divider {background:url(images/divider.gif) left bottom repeat-x;}

.box {background:url(images/content-bg.jpg) left top no-repeat;  min-height:434px; height:auto !important; height:434px; padding-bottom:30px;}
.box .link2 {margin-top:16px;}

.row {background:url(images/row-bg.gif) left top repeat-x #141414; padding:47px 0 49px 0; color:#7d7c7c;}
.row-bottom {padding-bottom:56px;}
.row-list {padding-top:26px;}

.row span {color:#fff; font-weight:bold;}

.extra {padding-left:62px;}

.indent {padding:55px 42px 0 328px;}
.extra-indent {
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 327px;
}
.indent1 {
	padding:36px 0 41px 0;
	padding-left: 5px;
}

.title {margin-bottom:16px;}
.title1 {background:url(images/title1.jpg) left top no-repeat; padding-bottom:30px;}
.title2 {background:url(images/title2.jpg) left top no-repeat; padding-bottom:30px;}
.title3 {background:url(images/title3.jpg) left top no-repeat; padding-bottom:30px;}

.link {background:url(images/link-left-bg.gif) left top no-repeat; display:inline-block; line-height:1em; text-decoration:none; margin:35px 0 0 -5px; color:#fafcfc; font-weight:bold; cursor:pointer; font-size:1.76em;}
.link span {background:url(images/link-right-bg.gif) right top no-repeat; display:inline-block; padding:0 19px 0 19px;}
.link span span  {background:url(images/link-tail-bg.gif) top repeat-x; padding:22px 6px 25px 6px;}

.link:hover {background:url(images/link1-left-bg.gif) left top no-repeat; }
.link:hover span {background:url(images/link1-right-bg.gif) right top no-repeat;}
.link:hover span span  {background:url(images/link1-tail-bg.gif) top repeat-x;}
.link:hover {color:#505050;}

.link1 {background:url(images/link1-left-bg.gif) left top no-repeat; display:inline-block; line-height:1em; text-decoration:none; margin:35px 0 0 13px; color:#505050; font-weight:bold; cursor:pointer; font-size:1.76em;}
.link1 span {background:url(images/link1-right-bg.gif) right top no-repeat; display:inline-block; padding:0 19px 0 19px;}
.link1 span span  {background:url(images/link1-tail-bg.gif) top repeat-x; padding:22px 22px 25px 23px;}

.link1:hover {background:url(images/link-left-bg.gif) left top no-repeat; }
.link1:hover span {background:url(images/link-right-bg.gif) right top no-repeat;}
.link1:hover span span  {background:url(images/link-tail-bg.gif) top repeat-x;}
.link1:hover {color:#fafcfc;}

.link2 {display:inline-block; font-weight:bold; color:#a2cc2c; background:url(images/link2-bg.gif) right 9px no-repeat; margin:20px 0 0 0; padding-right:17px;}
.row .link2 {display:inline-block; font-weight:bold; color:#fff; background:url(images/link3-bg.gif) right 9px no-repeat; margin:22px 0 0 0; padding-right:17px;}

.padding {padding-left:4px;}
.padding1 {padding-left:22px;}
.padding2 {padding-right:65px;}

.col-pad {padding-right:24px;}
.col-pad1 {padding-right:26px;}
.col-pad2 {padding-right:38px;}

.margin {margin-bottom:15px;}
.margin1 {margin-bottom:40px;}

.pad {padding-top:28px;}
.pad1 {padding-top:6px;}
.pad2 {padding-top:0px;}

.phone {display:inline-block; width:90px;}

.policy {padding-top:10px;}
.policy-pad {padding-bottom:63px;}
/* ============================= footer ====================== */
#footer {
	color:#000;
	text-transform:none;
	font-size:1.07em;
	padding-top:3px;
}
#footer a {color:#989c9c; text-decoration:none;}
#footer a:hover {
	border-bottom:1px solid #b8bcbc;
	color: #000000;
}

/* ============================= forms ============================= */
#SearchForm {float:right; width:363px;  text-align:right; background:url(images/form-bg.gif) left top repeat-x; font-size:1.15em;}
#SearchForm label {height:27px; display:inline-block; background:url(images/input-bg.gif) right top  no-repeat; width:252px;}
#SearchForm div {background:url(images/div-bg.gif) right top no-repeat; padding:13px 13px 10px 0px; }
#SearchForm .input {width:220px; height:17px; border:none; margin:3px 5px 0px 0px;  font-size:1em; background:none; color:#8d7f78; font-size:0.733em; padding:3px 0 0 0; }

#ContactForm {font-family:Tahoma, Geneva, sans-serif;  color:#a4a4a4; padding-top:4px; width:652px;}
#ContactForm label { display:block; height:34px;} 
#ContactForm .col-1 { width:289px !important; padding:0 !important;}
#ContactForm .col-2 { width:360px !important; }
#ContactForm .link2 { margin:20px 0 0px 42px;font-family:Arial, Helvetica, sans-serif;}
.alignright { text-align:right;}
.input {width:270px; height:18px;  background:none; padding:4px 0 0 5px; font-size:0.84em; color:#a4a4a4; border:1px solid #a4a4a4;}
textarea {width:353px; height:90px;  background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;  border:1px solid #a4a4a4; font-size:0.84em;}
.textoAreaClientes {
	text-align: right;
	float: none;
}
.colorsubtitulos {
	color: #690;
	font-weight: bold;
}
.picleft {
	float: left;
	width: 212px;
	padding-left: 10px;
}
.extra-indentdefault {
	padding-top: 50px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 235px;
}
html, input, textareax2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8125em;
	line-height:1.538em;
	color:#000;
}
.textofooterx2 {
	float: left;
	width: 46%;
	padding-left: 20px;
	padding-right: 20px;
}
.textofooterx2right {
	float: right;
	width: 46%;
	padding-right: 20px;
	padding-left: 10px;
}
.colorgris {
	color: #CCC;
}
.tablacomparativa {

}
.picleftcompare {
	float: left;
	width: 178px;
	padding-left: 10px;
}
.extra-indentdefault2 {
	padding-top: 50px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 165px;
}
.textoindex {
	color: #575757;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.textoindexhover {
	color: #C00;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.picleftemailmarketing {
	float: left;
	width: 150px;
	padding-left: 10px;
}
.picleftPOS {
	float: left;
	width: 260px;
	padding-left: 10px;
	text-align: center;
}
.tablapreciosEMM {
	border: thin solid #CCC;
	margin: 0px;
	padding: 0px;
}
.tablapreciosEMMCLINEASsuperioseinferior {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
tdbordercolor {
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #E9E9E9;
	border-right-color: #E9E9E9;
	border-bottom-color: #E9E9E9;
	border-left-color: #E9E9E9;
}


/* the border will be defined by the td tags */
td.BorderGrey {
  background-color:#FFF;
  border:1px solid;
  border-color:#CCCCCC;
  padding:0px;
}

/* let's do a blue... */
td.BlueWho {
  background-color:#FFF;
  border:1px solid blue;
  padding:15px;
}

table.sample {
	border-width: 1px;
	border-spacing: 0px;
	border-style: outset;
	border-color: #E0E0E2;
	border-collapse: separate;
	background-color: white;
}
table.sample th {
	border-width: 1px;
	padding: 0px;
	border-style: solid;
	border-color: rgb(204, 204, 204);
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.sample td {
	border-width: 1px;
	padding: 0px;
	border-style: solid;
	border-color: rgb(204, 204, 204);
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
.tabladesign {
	margin-left: 90px;
	border-style: solid;
	border-color: #CCC;
	border-width: 1px;
}
.testowhite {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
}
.titulosDesign {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.6em;
	color: #690;
	font-style: normal;
	font-weight: bolder;
	font-variant: normal;
}
.titulosDesignGreen2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.6em;
	color: #A1C201;
	font-style: normal;
	font-weight: bolder;
	font-variant: normal;
}
.smalltextgrey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.4 em;
	color: #666;
}
.textonegro {
	color: #000;
	text-decoration: none;
}
.cajaizquierda {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	float: left;
	width: 234px;
	text-align: left;
	padding-left: 20px;
}