/* CSS Document */

* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:0.95em; text-align:center; background:#d4dadb; margin-top:26px;}
html, input, textarea	{	font-family:Arial; 
		color:#353535;	}	

.vam{ vertical-align:middle}
.clear { clear:both;}
.fl{ float:left}
.fr{ float:right}
.tac{ text-align: center}
.width{ width:100%}
div.container {	overflow:hidden; width: 100%;}

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

b{color:#018eb9;}

a{color:#588f9d; text-decoration:none} 
a:hover{text-decoration:underline}
.a1{color:#006781; font-weight:bold; background:url(images/arrow.gif) top left no-repeat; background-position:0 2px; margin:0px; padding-left:13px; width:auto; border:0px solid; cursor:pointer;} 
.a2{color:#000000; font-weight:bold; margin-bottom:11px; display:block; background:url(images/icon.gif) top left no-repeat; background-position:0 2px; padding-left:17px; text-decoration:none } 
.a2:hover{ text-decoration:underline}
.a3{color:#000000; font-weight:bold; margin-bottom:11px; display:block; background:url(images/icon1.gif) top left no-repeat; background-position:0 3px; padding-left:23px; text-decoration:none; font-size:1.1em } 
.a3:hover{ text-decoration:underline}
.a4{color:#006781; text-decoration:none; margin-bottom:5px; font-weight:bold; display:block} 
.a4:hover{text-decoration:underline}

.a9{color:#006781; font-size:12px; background:url(images/arrow.gif) top left no-repeat; background-position:2 0px; margin:0px; padding-left:13px; }
.marg {display:block;margin-bottom:10px;}
.a9 img {vertical-align:baseline;} 

.act {
	font-weight:bold;
}

.comp {
	width:100%;
}

.comp td {
	border-bottom:1px solid #e2e2e2;
}

.comp th {
	border-bottom:2px solid #e2e2e2;
}

.comp td img {
	display:block;
	margin:auto;
	text-align:center;
	padding:2px 0px;
	
}

#content ul{margin:0; padding:0; list-style:none; margin-bottom:15px; text-align:justify;}
#content ul li{background:url(images/arrow.gif) top left no-repeat; background-position:0 3px; margin:0px; padding-left:15px; margin-bottom:8px; }
#content ul li a{color:#353535; text-decoration:none ; line-height:1.5em} 
#content ul li a:hover { text-decoration:underline; }

#content .listnews {margin:0; padding:0; list-style:none; }
#content .listnews li{ font-size:80%; background:none; padding:0px; margin:0px; clear:both }
#content .listnews li a{font-size:120%;font-weight:bold;color:#006781;} 

#content .ul{margin:0; padding:0; list-style:none;}
#content .ul li{ background:none; padding:0px; margin:0px; clear:both }
#content .ul li a{color:#006781; text-decoration:none; line-height:1.7em; font-weight:bold; padding-left:2px;} 
#content .ul li a:hover { text-decoration:none; color:#000000; }

#content .submenu{margin:0; padding-left:6px; list-style:none; font-size:110%;}
#content .submenu li{ background:none; padding:0px; margin:0 0 3px 0; clear:both }

#content .ul li span{background:url(images/arrow1.gif) top left no-repeat; padding-left:30px; float:right; display:inline} 

em {color:#006781}

.hb {
	width:500px;
}

h2 {
	color:#006781;
	margin-bottom:15px;
	font-size:20px;
}

h3 {
	font-size:15px;
	color:#006781;
	margin-bottom:15px;
}

h4 {
	font-size:12px;
	color:#006781;
	text-align:right;
}

h5 {
	font-size:15px;
	color:#006781;
	margin-bottom:5px;
}

h5 a{color:#006781;}

.h6 {
	text-align:right;
	width:100;
	font-size:90%;
}

/*header*/
#header .flash{ margin:0px -80px 0px -65px; position: absolute}
#header2 .flash{ margin:0px -80px 0px -65px; position: absolute }


#flash {margin:0px -80px 0px -65px; position: absolute}

/*content*/
#content{ font-size:0.75em; width:100%; text-align:left}
#content .indent_main{padding:0px 0px 0px 0px}
#content .indent{padding:0px 0px 0px 0px}
#content .pic_left{ float:left; margin:0px 20px 0px 0px}
#content .pic_left1{ float:left; margin:0px 20px 15px 0px}
#content .pic{ margin:0px 0px 16px 0px}
#content p{ margin:0px 0px 11px 0px}
#content .p{ margin:0px 0px 11px 0px}
#content .pad{ margin:4px 0px 0px 0px}
#content .txt{ float:right; color:#006781; font-weight:bold; margin-top:-9px}

#page1 #content .title{  margin-right:124px}
#page1 #content .title1{  margin-right:188px}
#page2 #content .title{  margin-right:269px}
#page3 #content .title{  margin-right:143px}
#page4 #content .title{  margin-right:275px}
#page5 #content .title{  margin-right:154px}
#page6 #content .title{  margin-right:382px}

/*block*/
.block{ background:#fff; width:100%}
.block .bg_top{ background: url(images/bg_top.gif) repeat-x top}
.block .bg_bottom{ background: url(images/bg_bottom.gif) repeat-x bottom }
.block .bg_left{ background: url(images/bg_left.gif) repeat-y left }
.block .bg_right{ background: url(images/bg_right.gif) repeat-y right}
.block .bg_top_left{ background: url(images/bg_top_left.gif) no-repeat top left }
.block .bg_top_right{ background: url(images/bg_top_right.gif) no-repeat top right }
.block .bg_bottom_left{ background: url(images/bg_bottom_left.gif) no-repeat bottom left }
.block .bg_bottom_right{ background: url(images/bg_bottom_right.gif) no-repeat bottom right; width:100% }
.block .indent_block{ padding:20px 24px 24px 22px; }
#caracteristicas .block .indent_block p img { float:right; margin:0 0 20px 20px;}

/*block1*/
.block1{ background:#d0e8ec; width:100%; font-size:.9em; color:#30484b}
.block1 .bg_top_left{ background: url(images/bg_top_left1.gif) no-repeat top left }
.block1 .bg_top_right{ background: url(images/bg_top_right1.gif) no-repeat top right }
.block1 .bg_bottom_left{ background: url(images/bg_bottom_left1.gif) no-repeat bottom left }
.block1 .bg_bottom_right{ background: url(images/bg_bottom_right1.gif) no-repeat bottom right; width:100% }
.block1 .indent_block{ padding:20px 24px 18px 22px; }

/*block2*/
.block2{ background:#e8e8e8; width:100%; font-size:.9em; color:#4a4a4a}
.block2 .bg_top_left{ background: url(images/bg_top_left2.gif) no-repeat top left }
.block2 .bg_top_right{ background: url(images/bg_top_right2.gif) no-repeat top right }
.block2 .bg_bottom_left{ background: url(images/bg_bottom_left2.gif) no-repeat bottom left }
.block2 .bg_bottom_right{ background: url(images/bg_bottom_right2.gif) no-repeat bottom right; width:100% }
.block2 .indent_block{ padding:20px 24px 18px 22px; }

.boletin {
	font-size:80%;
	line-height:110%;
}

.form_demo input {
	margin-bottom:0px;
}

.label {
	font-weight:bold;
	color:#006781;
	font-size:120%;
}

fieldset {
	border:none;
	padding:0px;
}

/*footer*/
#footer { color:#404040; font-size:0.75em; padding:17px 2px 28px 2px;}
#footer span { float:right;margin-top:7px}  
#footer a {color:#017790; text-decoration:none}  
#footer a:hover {  text-decoration:underline}
.block_contact span{ float:right; margin-right:10px}

.input{
	margin-bottom:3px
}input{
   	border:1px solid #dcdcdc; 
	background:#eee;
	width:210px; height:18px;
	font-size:1em;
	padding:1px;
	margin-bottom:12px
}

input.rad {
	width:auto;
	height:auto;
	border:none; 
	background:none;
	padding:0px;
	margin-bottom:0px
}

.logo {
	float:left;
	clear:left;
}

select {
   	border:1px solid #dcdcdc; 
	background:#eee;
	width:215px;
	font-size:1em;
	padding:1px;
	margin-bottom:12px
}

.opinion {
	font-style:italic;
}

p {
	text-align:justify;
}

div .descrip {
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:1px solid #ccc;
}

.icon {
	margin-top:-5px;
	margin-left:8px;
}

.pantallas {
	text-align:center;
}

.pantallas img {
	border:0px;
	margin:10px 0;
}

.precio {
	font-size:120%;
}

.producto {
	width:210px;
	margin:0px 10px 25px 10px;	
	float:left;
}

.prod_p {
	width:210px;
	margin:0px 10px 5px 10px;	
	float:left;
}

.caja {
	text-align:center;
	margin-bottom:6px;
}

.precios td {
	font-weight:bold;
	text-align:center;
	vertical-align:top;
}

#soportable td {
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
	padding: 4px 0px;
}


.precios rd img {
	vertical-align:bottom;
}

.rep_logo {
	font-weight:bold;
	font-size:120%;
	color:#006781;
	margin-bottom:12px;
}

.separador {
	height:20px;
	line-height:20px;
	font-size:20px;
	border-top:2px solid #dedede;
	clear:both;
}



table{border-collapse:separate;}

/* TABLA */

.form_demo {
	width:100%;
}

.form_demo td {
	padding:2px 8px;
}

.form_demo textarea {
	width:205px;
	height:50px;
}

.lft {
	width:30%;
	font-weight:bold;
	color:#006781;
	font-size:100%;
	text-align:right;
}

#form_comp .high {
	font-weight:bold;
	color:#000;
	font-size:100%;
	text-align:left;
}

#form_comp img {
	vertical-align:middle;
	float:left;
	padding:12px 0px;
}

#form_comp td {
	text-align:right;
	padding:4px 0px;
	margin:0px;
}

#form_comp select {
	width:40px;
	margin:0px;
}

/* FIN TABLA */


td {padding:0px; margin:0px;}

textarea{
   	border:1px solid #dcdcdc; 
	background:#eee;
	width:215px; height:114px;
	font-size:1em;
	padding:3px;
	margin-bottom:11px;
	overflow:auto}
	
.thumb {
	float:left;
	width:156px;
	text-align:center;
	margin-bottom:20px;
}

.thumb img {
	margin-bottom:6px;
}
	
.version img {vertical-align:baseline;}
.version {font-size:120%;}

/* BARRA */
#barra_arc {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:26px;
	background:url(images/fondobarra.gif) repeat-x;
	text-align:center;
}

/* COMPRA */

.siniva {
	text-align:left;
	font-size:80%;
}


.precio_new {
	color:#FF0000;
}

.precio_new b {
	color:#ff0000;
}

#flash ul {
	margin-top: 10px;
	list-style: none;
}

#flash li {
	float: left;
	margin-right: 20px;
}

#flash p {
	margin-top: 70px;
	clear: both;
	font-size: 1.2em;
	line-height: 2em;
}

#flash p a {
	color: blue;
}

.flags {
	background:none;
	height:11px;
	width:730px;
	_width:750px;
	padding-top: 10px;
	font-size:10px;
	line-height:9px;
	vertical-align:top;
	text-align:right;
}

.flags a:hover {
	text-decoration: none;
}

#fbside {
	display: block;
	position: fixed;
	width: 344px;
	height: 580px;
	top: 78px;
	left: -314px;
	z-index: 9999;
	}
	
#fbside	#fbsidebtn {
	position: relative;
	float: right;
	width: 32px;
	height: 113px;
	}
	
#fbside	#fbsidecnt {
	position: relative;
	float: right;
	background: #3B5998;
	padding: 10px;
	}
	
#fbside	#fbsideifrm {
	background: white;
	}