* {	margin: 0px; padding: 0px; }
body { padding: 16px 0px 10px; background: url('../images/background.jpg') #FFF repeat-x fixed 0% 0%; color: #333; font:13px/22px Arial, Helvetica, sans-serif; text-align: center; }
a {	color: #fff; text-decoration: underline; }
a:hover { color: #bfd8f6; }
img { border: none; }
ul { list-style-type: none; }
li { list-style-type: none; }
p {	margin: 10px 0px 5px; text-align: justify; line-height: 14px; }

.clearthis {
	margin : 0px;
	height : 1px;
	clear : both;
	float : none;
	font-size : 1px;
	line-height : 0px;
	overflow : hidden;
}

input, textarea, select {
	border:1px solid #aaaaaa;
	padding:4px;
	background:#fff url(../images/inputbg.gif) top left no-repeat;
	color: #537caf;
	font-family: tahoma, arial, sans-serif;
	font-size: 10px;
}

#container {
	margin: 0px auto;
	width: 968px;
	background:#333;
	padding:10px 10px 0 10px;
	color: #000;
}


/* Page Header */
#header_container {
	margin-bottom: 12px;
	border: 4px solid #888;
	background: #39649B url('../images/header_background.jpg') no-repeat 0px 0px;
}

#page_header {
	width: 966px;
	height: 195px;
	overflow: hidden;
}


/* Page Header : Company Name & Logo */

#header_company {
	margin-top: 0px;
	width: 780px;
	height: 35px;
	float: left;
	text-align: left;
}

#header_company h1 {
	width: 785px;
	height: 35px;
}


/* Page Header : Welcome Note */

#header_welcome {
	padding-left: 240px;
	float: left;
	text-align: justify;
	color:#FFF;
}

#header_welcome h3 {
	padding: 10px;
	font-size: 14px;
	background:#3D6290;
	border:1px solid #FFF;
	border-bottom:1px dotted #efefef;
}

#header_welcome p {
	padding-top: 12px;
	margin-top:0px;
}

#header_welcome #welcome_text {
	padding: 0px 10px 10px 10px;
	width: 520px;
	background:#3D6290;
	border:1px solid #FFF;
	border-top:none;
}

/* Page Header : Menu */

#header_menu {
	padding-top: 10px;
	padding-right: 29px;
	float: right;
}

#header_menu li {
	margin-bottom: 2px;
	width: 116px;
	border: 1px solid #dee8f5;
	text-align: center;
	clear: both;
	float: none;
}

#header_menu li a {
	display: block;
	width: 116px;
	height: 20px;
	color: #e3ecf8;
	background-color: #3d6290;
	text-decoration: none;
	font-weight: bold;
	overflow: hidden;
	line-height: 10px;
}

#header_menu li a span {
	display: block;
	padding-top: 4px;
	padding-left: 0px;
}

#header_menu li a:hover {
	color: #fff;
	background-color: #2e4a6c;
}


/* Left Sidebar */

#left_sidebar {
	width: 178px;
	float: left;
}

#left_sidebar .box_container {
	margin-bottom: 11px;
	border: 1px solid #fff;
	background-color: #537caf;
}


/* Left Sidebar : User Login */

#userlogin {
	padding: 7px 8px 11px 12px;
	color: #f1f5f9;
	font-size:10px;
	font-weight: bold;
	text-align: left;
}

#userlogin h2 {
	height: 15px;
	font-size:14px;
}

#userlogin form {
	padding-top: 5px;
}

#userlogin .form_field {
	padding-left: 1px;
	padding-top: 7px;
	width: 155px;
	float: none;
	clear: both;
	text-align: right;
}

#userlogin form strong {
	padding-top: 1px;
	display: block;
	width: 50px;
	height: 13px;
	float: left;
	text-align: left;
}

#userlogin form input {
	width: 83px;
	float: right;
}

#userlogin form input.button {
	padding: 0px;
	width: 55px;
	height: 15px;
	border: none;
	float: none;
}

#userlogin #link-password {
	padding-top: 5px;
}

#userlogin #link-password a {
	color: #eef3f9;
}

#userlogin #link-password a:hover {
	color: #bfd8f6;
}


/* Left Sidebar : Latest News */

#news {
	padding: 10px 10px 10px 12px;
	text-align: left;
}

#news h2 {
	height: 19px;
	font-size:14px;
}

#news h4 {
	padding-top: 6px;
	font-size: 10px;	
	font-weight: bold;
}

#news p {
	margin-top: 5px;
	margin-bottom: 6px;
	line-height: 12px;
}

#news .link-more {
	text-align: right;
	font-weight: bold;
}


/* Main Content */

#maincontent_container {
	border-top : 1px solid #d5dfec;
	border-left : 1px solid #d5dfec;
	margin-right: 7px;
	float: right;
	text-align: left;
	background:#CCC;
}

#maincontent {
	margin: 7px 0px 0px 7px;
	width: 770px;
	color: #333;
}

#maincontent a{
	color:#06F;
}

#maincontent a:hover{
	color:#039;
}

#maincontent #oferta_left{
	width:530px;
	float:left;
}

#maincontent #oferta_left a.pie{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
}

#maincontent #comparacion{
	width:750px;
}

#maincontent #comparacion table{
	width:100%;
	margin-top:15px;
	border-collapse: collapse;
	background-color: #fff;
	color: #537caf;
	border:1px solid #357caf;
}

#maincontent #comparacion table tr td{
	padding:4px;
}

.blueback{
	background-color:#efefef;
}

#maincontent #oferta_right{
	width:195px;
	height:300px;
	float:left;
	margin-left:10px;
}

#maincontent #oferta_left table{
	width:97%;
	margin-top:15px;
	border-collapse: collapse;
	background-color: #fff;
	color: #537caf;
	border:1px solid #357caf;
}	

#maincontent #oferta_left table th{
	padding:3px;
	background:#357caf;
	color:#FFF;
}

#maincontent #oferta_left table th a{
	color:#FFF;
}

#maincontent #oferta_left table tr td{
	padding:5px;
}

#maincontent_top {
	margin-bottom: 11px;
	width: 761px;
}


/* Page Footer */

#page_footer{
	color:#537caf;
	margin: 5px;
	width: 767px;
	float: right;
	text-align: center;
	font-size: 11px;
}

#page_footer a {
	font-weight:bold;
	color:#537caf;
}

#maincontent #oferta_right li{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:25px;
	list-style:url(../images/check.gif);
	line-height:20px;
	padding-left:0px;
	font-variant:small-caps;
	border-bottom:1px dotted #069;
}

#maincontent #oferta_right li.mas{
	list-style:none;
	border-bottom:none;
	margin:5px 0 10px 0;
}

h1.tituloPagina{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#364A6B;
	padding-bottom:5px;
	border-bottom:3px dotted #364A6B;
	display:block;
	font-variant:small-caps;
	margin-top:10px;
}

#ventajas li{
	border-bottom:1px dotted #069;
	margin:5px 0 5px 25px;
	list-style:url(../images/check.gif);
	font:12px/22px Arial, Helvetica, sans-serif;
	padding:5px 0 5px 5px;
	
}

#publicidadTarjetext{
	width:200px;
	height:130px;
	vertical-align:middle;
	text-align:center;
}

/* Estilos Documentacion */
.step { border:1px dotted #ccc; margin-top: 25px; padding:10px 0 5px 15px; width:745px; border-top: 15px solid #069;  }
.step .pn{ color:#333; background:#AAA; display:block; padding:10px; margin:-10px 0 0 -15px; font-weight:bold } 
.step textarea { width:690px; height:40px; border:1px solid #369; background:#dfdfdf; margin-left:15px; padding:5px; color:#069 }
.step input.line { width:730px; border:1px solid #ddd; display:none }
.step .t { padding:1px 5px; font-variant:small-caps; font-weight:bold}
.f { padding:0px 3px 0px 15px; display:block; width:700px; }
.step .n { padding-right:10px; text-decoration:none; color:#333; font-weight:bold; font-size:18px }
.parametros { border:1px dotted #069; background:#ddd; border-collapse:collapse; margin-left:15px; width:700px; margin-bottom:5px}
.parametros td{ padding:5px; background:#fff }
.parametros .l{width:80px; vertical-align:top; padding:8px 0 0 5px;}
.parametros .r {width:665px;}
.parametros .m {width:1px; padding:7px 0 0 0;vertical-align:top; font-weight:bold; }
.parametros .r input, .parametros .r select{width:450px; color:#333; font-size:11px; padding:5px; border:1px solid #ccc}
.parametros .r small{display:block;}
.importante { border:3px dashed #A00; background:#CCC; color:#333; padding:10px; width:710px; margin:10px 0 10px 0; }
.importante em{font-variant:small-caps; font-style:normal; font-weight:bold}
.p { padding:5px 0 0 30px; font-size:15px; font-weight:normal }
.cprTitle {text-align:center; font-weight:bold; background:#069; color:#FFF; height:30px} 

/* Formulario de contacto */
.l{ width:115px; background:#FFF; text-align:left; vertical-align:top; padding:5px;}
.r{	background:#EEE; text-align:left; padding:5px }
.r input{ width:190px; border:1px solid #666; padding:2px;}
.b{ text-align:center; padding:15px}

/* Menu soporte */
#menuContacto{ border-bottom:1px solid #c30; height:19px; padding-left:40px; }
#menuContacto li{ display:block; float:left; margin-left:15px; background:#5B8DCA; padding:0px 35px 0px 35px; }
#menuContacto li a{ font-weight:bold; text-decoration:none; color:#333; }

/* Formulario de Contacto */
.contacto{
	background:#999;
	margin-top:10px;
	border-collapse:collapse;
}

/* Compras */
.comprar{ width:740px; height:520px; padding:10px; border:1px solid #fff; }
#metodo_pago { height:560px; }

.comprar h4{ font-size:14px; border-bottom:1px dotted #C30; font-variant:small-caps; }
.comprar #productos{ width:100%; border-collapse:collapse; margin-top:15px; background:#FFF }
.comprar .precio{ text-align:right; font-weight:bold }
.comprar .c{ text-align:center; }
.comprar #productos tr td{ padding:2px 5px 2px 5px;}
.comprar #productos th { background:#fff; color:#333; font-size:11px; text-align:center; border-bottom:15px solid #efefef}
#metodo_pago #productos{ background:#FFF; }
.masinfo{ color:#F00;}
.r0 { background:#efefef; }

#pProducto {float:right; color:#600; font-size:18px}

/* FAQ */
.faq .q{
	margin:15px 10px 0 20px;
	font-weight:bold;
	list-style:circle;
}

.faq .a{
	margin:0px 10px 10px 35px;
	font-weight:normal;
	border-bottom:1px dotted #069;
	list-style:disc;
}

#samples li{
	line-height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-variant:small-caps;
}
#samples li .descarga{
	margin-left:20px;
	color:#333;
	text-decoration:none;
	font-weight:bold;
	font-variant:small-caps;
}