h1,h2,h3,h4,h5,h6,pre,code,table,td,th,dd,dt,dl,li,input,button,select,textarea{ font-size: 100%; }
ul,ol,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,td, select { margin:0; padding:0; }
a img, :link img, :visited img { border:none }
table {border-collapse: collapse; }
input,button,select,textarea {font-family: inherit;}
input, select {
	vertical-align:middle;
	width: 95px;
}

.clearBoth { /* For clearing floats */
	clear: both; 
	height: 0px;
	margin: 0; 
	padding: 0; 
	font-size: 0%;
	line-height: 0px; 
	}

.hiddenContent { /* For alternate content for screen readers */
	position: absolute;
 	left: 0px;
 	top: -2000px;
	width: 1px;
 	height: 1px;
 	overflow: hidden;	
	}

hr {
	display: none;
	}
	
form {
	margin:10px 0 0 0; 
	}



/* G E N E R A L 
***************************/
	
a {color: #666666;}
a:visited {color: #666666;}
a:hover { text-decoration: none; }

a.boton {
	color: white;
	background-color: #e66c00;
	display:block;
	height:32px;
	width:160px;
	text-align:center;
	line-height:32px;
	text-transform:uppercase;
	text-decoration:none;
	font-size:10px;
}
a.boton:hover {
	background-color: #f7931e;
	background-position:bottom;
	color:#FFFFFF;
}
a.boton:visited {
	background-color: #e66c00;
	color:#FFFFFF;
}	

	
body {
	font-size: 76%; 	/* Don't change this size or this height. */
	line-height: 1em;   /* Change them below at #container */
	background-color: #ececec;
	text-align: center;
	}

#container {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 92%; 
	line-height: 1.31em;
	width: 100%;
	margin: 0 auto 0 auto;
	text-align: left;
	color:#4c4d4f;
	}
p {
	font-size: 12px;
	line-height:1.6075em;
	margin-bottom:0.6075em;
}
h1 {
	color: #e66c00;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:2.15em;
	text-transform:uppercase;
	line-height:1.75em;
	padding-top:.405em;
}
h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.6075em;
	line-height:1.75em;
	margin-bottom:.6075em;
	font-weight:normal
}
h3 {
	font-size:1.075em;
	line-height:1.5em;
}

/* classes */	
.centerContent {
	width:970px;
	margin:0 auto 0 auto;
}
.innerContent {}
.groupContent {}	

.inputText {
	border:1px solid #4c4d4f;
	/*background:url(../img/inputBk.gif) top right no-repeat;*/
	padding:2px;
}
.selectStyle {
	height:21px;
	background:url(../img/inputBk.gif) top right no-repeat;
	border:1px solid #4c4d4f;
	width:158px;
}
.clarification {
	color:#F67B0E;
	font-size:10px;
}

/* header */
#header {}

#header #homeBar {
	border-bottom:1px solid #e4e4e4;
}

#header #homeBar #langBar {
	float:right;
	width:80px;
}
#header #homeBar #langBar ul {
	padding-top:3px;
}
#header #homeBar #langBar ul li {
	list-style-type:none;
	float:right;
	margin:0 5px 0 5px;
}
#header #homeBar #langBar ul li a {
	text-decoration:none;
	font-size:.8925em;
}

#header #homeBar #linkBar {
	width:140px;
	float:right;
}
#header #homeBar #linkBar ul {
	text-align:right;
	padding-top:3px;
}
#header #homeBar #linkBar ul li {
	list-style-type:none;
	float:left;
	margin:0 5px 0 5px;
}
#header #homeBar #linkBar ul li a {
	text-decoration:none;
	font-size:.8925em;
}

#header #logoBar {
	background:#fefefe url(../img/logoBarBk.gif) bottom left repeat-x;
	height:135px;
}
#header #logoBar #logo {
	width:245px;
	float:left;
}
#header #logoBar #marketingOnline {
	width:245px;
	float:right;
}

#header #menuBar {
	color: white;
	background: top left repeat-x;
	background-color: #e66c00;
}
#header #menuBar ul li {
	list-style-type:none;
	float:left;
}
#header #menuBar ul li a {
	padding:0 30px 0 30px;	
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;
	font-size:.8925em;
	border-left:1px solid #e7eef4;
	float:left;
	line-height:35px;
}
#header #menuBar ul li a.lastInList {
	border-right:1px solid #e7eef4;
}
#header #menuBar ul li a:hover {
	background: top left repeat-x #f7931e;
}

/* footer */
#footer {
	background:none repeat scroll 0 0 #363636;
	border-top:1px solid #E4E4E4;
	color:#FFFFFF;
	padding:15px 0 20px;
}

#footer .centerContent {
	text-align:center;
}

/* mainContent */
#mainContent {
	background:#FFFFFF top left repeat-x;
}
#mainContent .innerContent {
	padding:5px 20px 20px 0px;
}

/* H O M E 
***************************/

/* home Banner */
#homeBanner {
	color:#FFFFFF;
	height: 272px;
	background:#363636;
}
#homeBanner .innerContentLeft {
	padding:80px 0 15px 25px;
	background:url(../img/homeBanner.jpg) top left no-repeat;
	width:600px;
	float: left;
}
#homeBanner .innerContentt {
	padding:80px 0 15px 25px;
	background:url(../img/homeBanner.jpg) top left no-repeat;
}
#homeBanner ul {
	margin:0 0 0 15px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.075em;
}
#homeBanner ul li {
	margin-top:12px;
	list-style-type:disc;
}
#homeBanner .rightContent {
	float: right;
	width: 300px;
	height: 250	px;
	border: 1px solid #4C4D4F;
	margin-top: 10px;
	margin-right:40px;
}

/* mainContent */
#mainContent.mainContHome .groupContent {
	margin-bottom:20px;
}
#mainContent.mainContHome .pack {
	color: #363636;
	width:430px;
	float:left;
	margin-right:15px;
	margin-bottom: 15px;
	padding:8px;
	height: auto;
}
#mainContent.mainContHome .pack2 {
	width:430px;
	float:left;
	margin-right:15px;
	margin-bottom: 15px;
	padding:8px;
}
#mainContent.mainContHome .end {
	color: white;
	width:600px;
	margin-right:15px;
	padding: 8px;
	margin: auto;
	background-color: #E66C00;
}
#mainContent.mainContHome .home {
	width:250px;
	float:left;
	margin:0 15px 15px 20px;
	padding: 8px;
}
#mainContent.mainContHome .pack h2 {
	font-size:15px;
	font-weight:bold;
}
#mainContent.mainContHome .pack2 h2 {
	font-size:15px;
	font-weight:bold;
}
#mainContent.mainContHome .pack .innerContent {
	padding:0 0 0 0px;
	/*height:200px;*/
}
#packTraffic #trafficFormSelect, #packTraffic #trafficFormSales {
	margin-bottom:10px;
} 
#mainContent.mainContHome .pack#packTraffic .inputText {
	width:34px;
}
#packTraffic #trafficFormSelect, #packTraffic label {
	letter-spacing:-1px;
} 
#mainContent.mainContHome .pack#packTraffic .inputButton {
	border:none;
	background:#4c4d4f;
	width:100%;
	height:20px;
	color:#FFFFFF;
	cursor:pointer;
	float: left;
	margin-bottom:5px;
}
#mainContent.mainContHome .pack#packTraffic .inputResult {
	border:none;
	background:#82c62f;
	color:#FFFFFF;
	height: 18px;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 4px;
	clear:left;
	line-height:18px;
}
.inputResultFijo {
	border:none;
	background:#82c62f;
	color:#FFFFFF;
	height: 18px;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 4px;
	clear:left;
	margin-top:31px;
	*margin-top:34px;
	line-height:18px;

}
.inputResultPers {
	border:none;
	padding-top: 3px;


















	*padding-top: 2px;
	padding-right: 0;
	padding-bottom: 3px;


















	*padding-bottom: 4px;
	padding-left: 4px;
	margin-top:8px;
	line-height:18px;
	width: 49%;
	float: left;
	height: 18px;

	}
.inputResultPers input{
	width:90px;
	margin-bottom:3px;
}

#mainContent.mainContHome #waysToPay {
	background:url(../img/box580body.gif) bottom left no-repeat;
	margin: auto;
	width: 600px;
}
#mainContent.mainContHome #waysToPay .innerContent {
	padding:5px 5px 0px 10px;
	background:url(../img/box580head.gif) top left no-repeat;	
}
#mainContent.mainContHome #waysToPay ul li {
	list-style-type:none;
	float:left;
	padding:15px 0 10px 0;
	margin:0 14px;
}


/* Q U I E N E S  S O M O S
***************************/
#mainContent.mainContWho .innerContent p {
	width:600px;
}
#mainContent.mainContWho .innerContent h2 {
	border-bottom:1px solid #949495;
}
#mainContent.mainContWho ul#qualifications li {
	list-style-type:none;
	float:left;
	margin:0 10px 10px 0;
}


/* C L I E N T E S 
***************************/
#mainContent.mainContClients .innerContent p {
	width:600px;
}
#mainContent.mainContClients .innerContent h2 {
	border-bottom:1px solid #949495;
}
#mainContent.mainContClients ul#clients li {
	list-style-type:none;
	float:left;
	margin:0 10px 10px 0;
}


/* C O M O  T R A B A J A M O S
***************************/
#mainContent.mainContWork .innerContent p {
	width:600px;
}
#mainContent.mainContWork .innerContent h2 {
	border-bottom:1px solid #949495;
}

#mainContent.mainContWork #worksWrapper .workMod {
	width:255px;
	height:134px;
	background:url(../img/workModBk.gif) top left no-repeat;
	margin:0 40px 20px 0;
	float:left;
}
#mainContent.mainContWork #worksWrapper .workMod .innerContent {
	padding:10px 0 0 10px;
}
#mainContent.mainContWork #worksWrapper .workMod p {
	width:auto;
	line-height:1.25em;
	margin-bottom:0;
}
#mainContent.mainContWork #worksWrapper .workMod .workPic {
	width:78px;
	float:left;
	margin-right:10px;
}
#mainContent.mainContWork #worksWrapper .workMod .workDes {
	width:150px;
	float:left;
}


/* C O N T A C T O
***************************/
#mainContent.mainContContact .innerContent p {
	width:420px;
}
#mainContent.mainContContact .innerContent h2 {
	border-bottom:1px solid #e66c00;
}

/* vCard */
#mainContent.mainContContact .vcard {
	margin-bottom:40px;
	line-height:1.5em;
}
#mainContent.mainContContact .vcard .org {
	font-weight:bold;
}
#mainContent.mainContContact .vcard .email {
	font-weight:bold;
}
#mainContent.mainContContact .vcard .im {
	padding-top:30px;	
}
#mainContent.mainContContact .vcard .im .imservice {
	width:200px;
	padding-left:40px;
	float:left;
}
#mainContent.mainContContact .vcard .im .imservice#skype {
	background:url(../images/contacto_IM_skype.gif) center left no-repeat;
}
#mainContent.mainContContact .vcard .im .imservice span {
	display:block;
}

/* Formulario de Contacto */
#mainContent.mainContContact #commentForm {
	padding:0 0 0 0px;
}
#mainContent.mainContContact #commentForm .groupContent {
	margin-bottom:20px;
}
#mainContent.mainContContact #commentForm .formCol{
	width:265px;
	float:left;
	margin-right:5px;
}
#mainContent.mainContContact #commentForm label {
	width:80px;
	text-align:right;
	margin:2px 5px 0 0;
	float:left;
}
#mainContent.mainContContact #commentForm .formCol .inputText {
	width:170px;
	float:left;
}
#mainContent.mainContContact #commentForm textarea.inputText {
	width:440px;
	height:110px;
	float:left;
}
#mainContent.mainContContact #commentForm #formButton {
	padding-left:83px;
}
#mainContent.mainContContact #commentForm #formButton .inputButton {
	width:160px;
	height:32px;
	background:#e66c00;
	border:none;
	font-size:10px;
	color:#FFFFFF;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
	float:right;
	margin: 70px 125px 0 50px;
}
#mainContent.mainContContact #commentForm #formButton #clarNote {
	width:200px;
	float:right;
	text-align:right;
	margin-right:125px;
}
#mp {text-align:right;
	margin-top:20px;}
/* The End */
.inputButton {
	width:160px;
	height:32px;
	background:#e66c00;
	border:none;
	font-size:10px;
	color:#FFFFFF;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
	float:right;
}
.total {
	font-size: 16px;
	font-weight: bold;
	float: left;
	line-height: 26px;
	color: #fff;
	background-color: #e66c00;
	padding: 2px;
	
}
.centerContent .innerContent .leftContent {
	float: left;
	width: 600px;
}
.rightContent {
	float: right;
	width: 300px;
	height: 250px;
	border: 1px solid #949495;
	margin-top: 50px;
}
#contactForm {
	color: white;
	width:296px;
	float:right;
	margin-right:20px;
	background:#e66c00;
	padding-left: 5px;
}
#mainContent .centerContent .innerContent #contactForm .innerContent {
	padding:8px 0 15px 10px;
}
#contactForm label {
	display:block;
}
#contactForm textarea {
	margin-bottom:10px;
	width:200px;
}
#contactForm .inputText {
	margin-bottom:10px;
	width:230px;
}
.boton {
	background:none repeat scroll 0 0 #FFFFFF;
	border:medium none;
	color:#F7931E;
	display:block;
	font-size:10px;
	height:32px;
	line-height:32px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	width:82px;
}

.boton:hover {
	background: #363636;
}
#container #mainContent .centerContent .innerContent .groupContent .centeredContent {
	width: 600px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	line-height: 20px;
}