/* Estilos básicos */

body{
	
	/* Colores */
	background-image:url(img/bg.png);
	
	/* Tamaños y márgenes */
	margin:0;
	
	/* Textos */
	font-family:sans-serif;
	font-size:small;
	color:#001133;
	
}

img{
	border:0;
}

a{
	text-decoration:none;
	color:#002267;
}

a:hover{
	color:#0069df;
}


/* Widgets generales */

#preheader{
	margin:0;
	padding:0;
}

#preheader #barra{
	padding:0;
	background-color:#ffffff;
	height:8px;
	background-image:url(img/barra.png);
	background-position: bottom;
	background-repeat: repeat-x;
}

#header{
	margin:0;
	padding-top:0.4em;
	background-color:#ffffff;
}

#header h1{
	margin:0;
	padding:0;
	display: block;
	background-image:url(img/logoup.png);
	width:850px;
	height:90px;
	text-indent: -999em;
	margin-left:0.4em;
	margin-top:0;
	margin-bottom:0.2em;
	cursor:pointer;
}

#header ul, #footer{
	background-color:#002266;
	color:#ffffff;
	margin:0;
	padding:0;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

#header ul a, #footer a{
	color:#ffffff;
}


#footer{
	text-align:center;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

#footer span{
	font-size:x-small;
	color:#ffffff;
	cursor:pointer;
	padding-left:0.4em;
	padding-right:0.4em;
}

#footer a{
	color:#ffffff;
}

#footer a:hover{
	color:#0066ff;
}

#barra2{
	padding:0;
	background-color:#ffffff;
	height:8px;
	background-image:url(img/barra_up.png);
	background-position: bottom;
	background-repeat: repeat-x;
}

#header li{
	list-style: none;
	display: inline;
	margin:0;
	padding:0;
}

#header li a{
	padding-left:1em;
	padding-right:1em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	cursor:pointer;
}

#header li a:hover{
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	background-color:#0033bb;
}

#header #barra_up{
	padding:0;
	background-color:#ffffff;
	height:8px;
	background-image:url(img/barra_up.png);
	background-position: bottom;
	background-repeat: repeat-x;
}

#header #barra_down{
	padding:0;
	background-color:#ffffff;
	height:8px;
	background-image:url(img/barra_down.png);
	background-position: bottom;
	background-repeat: repeat-x;
}

#contents{
	margin:0;
	padding:0;
	min-height:385px;
	min-width:980px;
	background-color:#ffffff;
	
}

* html #contents{  /* Internet Explorer 6 hack */
	height:385px;
}

/* Limitando el ancho de la página*/


#preheader, #footer, #barra2, #contents{
	width:980px;
	margin-left:auto;
	margin-right:auto;
	border-right:1px solid #002266;
	border-left:1px solid #002266;
	
}

#preheader ul{
	width:980px;
}

/* Banderas de países */

#paises{
    float:right;
	padding-right:1em;
	padding-top:0.2em;
}

#paises img{
	border:1px solid #002266;
}

#paises img:hover{
	border-color:#0088ff;
}

/* Widgets de contenido */

div.padeado{
	padding:1em;
	padding-bottom:2em;
}

img.loading{
	padding:2em;
	padding-top:4em;
	display:block;
	margin-left:auto;
	margin-right:auto;
	
}

#contents h1{
	margin:0;
	padding:0;
}

#contents p{
	margin:0;
	padding:0;
}

		/* Barra de categorías */

#categorias{ /*ul*/
	background-color:#5588ff;
	margin:0;
	padding:0;
}

#categorias li{
	list-style: none;
	display:inline;
	margin:0;
}

.irrompible{
	white-space:nowrap;
}

#categorias li a, #categorias li.barraTitulo{
	margin:0;
	cursor:pointer;
	padding: 0;
	padding-left:1em;
	padding-right:1em;
	line-height:165%;
}

#categorias li a:hover{
	/* background-color:#0046ea; */
    color:#ffffff;
}

#categorias li.barraTitulo{
	cursor:auto;
	background-color:#002266;
	color:#ffffff;
	background-image:url(img/barra_subcategorias_bg.png);
	background-position: top right;
	background-repeat: no-repeat;
	padding-right:1.5em;
}

#categorias li.barraTitulo:hover{
	background-color:#002266;
}

/* Preguntas frecuentes */

li.faq{margin:0;padding:0;list-style: none;}

#faq{margin-bottom:2em;}

/* Lista de productos */

#productos{ /*ul*/
	margin:0;
	margin-top:1em;
	padding: 0.5em;
	margin-left:0.8em;

}


#contents #productos p{
	margin-bottom:1em;
}

#productos li.producto{
	list-style: none;
	padding: 0em;
	background-color:#ffffff;
	margin-bottom:1em;
	margin-right:1em;
	border:1px solid #002266;
}

#productos li.largo, #productos li.soporte{
	cursor:auto;
}

#productos li.producto img.imagenlista{
	float:right;
	padding-right:1em;
	padding-top:1em;
}

#productos li.producto img.grande{
	float:right;
	padding:1em;
	padding-top:2.5em;
}

#productos li.producto img.sellos{
	padding-left:0.5em;
	padding-top:0.5em;
}

#productos li.producto .nombreproducto{
	font-weight:bold;
	font-size:normal;
	color:#ffffff;
	padding-top:0.2em;
	padding-bottom:0.2em;
	background-color:#002266;
	padding-left:1em;
}

#productos li.producto .nombreproducto a{
	color:#ffffff;
	padding-top:0.2em;
	padding-bottom:0.2em;
	padding-right:5em;
}

* html #productos li.producto .nombreproducto{
	padding-left:1em;
}

#productos li.producto .nombreproducto a.volver{
	float:right;
	cursor:pointer;
	padding-right:1em;
}

#productos li.producto .shortdesc{
	color:#001133;
	min-height:100px;
	padding:1em;
}

* html #productos li.producto .shortdesc{  /* Internet Explorer 6 hack */
	height:100px;
}

#productos li.producto .longdesc{
	padding-left:1em;
	padding-top:2em;
	min-height:200px;
}

* html #productos li.producto .longdesc{  /* Internet Explorer 6 hack */
	height:200px;
}

#productos div.nombre{
	font-weight:bold;
}

#productos div.imagenes{
	padding:0;
	background-color:#002266;
	height:80px;
	vertical-align:middle;
}

#productos div.iconos{
	padding:0;
	background-color:#002266;
	height:35px;
	background-image:url(img/barra_down.png);
	background-position: bottom;
	background-repeat: repeat-x;
}

#productos div.imagenes img{
	padding-left:0.5em;
	padding-top:0.5em;
	cursor:pointer;
}

#productos div.barra3{
	padding:0;
	background-color:#ffffff;
	height:8px;
	background-image:url(img/barra_up.png);
	background-position: bottom;
	background-repeat: repeat-x;
}

#productos div.imagenes div.indicador{
	padding:0em;
	margin-right:1em;
	background-image:url(img/barra_imagen.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-color:#002266;
	width:75px;
	height:80px;
	float:left;
}

	/* Lista de productos (modificación para soporte) */

#productos li.soporte ul{
	padding:1em;
	margin:0;
}

#productos li.soporte li{
	padding:0.2em;
	padding-left:0.5em;
	margin-bottom:0.3em;
	list-style:none;
	border-left:3px solid #002266;
}

	/* Lista de productos (modificación para soporte->catálogos) */
#productos li.soporte div.margen{
	margin:1em;
}

		/* Noticias */

#noticias{ /*ul*/
	margin:0;
	margin-top:1em;
	padding: 0.5em;
	margin-left:1em;
}

#garantias{ /*ul*/
        margin:0;
        margin-top:1em;
        padding: 0.5em;
        margin-left:1em;
}


#noticias .noticia p{
	margin-bottom:1em;
}

#noticias li.noticia{
	list-style: none;
	cursor:pointer;
	padding: 0;
	background-color:#cceeff;
	margin-bottom:1em;
	margin-right:2em;
	border:1px solid #002266;
}


#noticias li.largo{
	cursor:auto;
}

#noticias li.noticia .titularnoticia, #noticias li.titularnoticia{
	font-weight:bold;
	font-size:normal;
	padding:1em;
	padding-top:0.2em;
	padding-bottom:0.2em;
	color:#ffffff;
	background-color:#002266;
}

#noticias li.noticia .titularnoticia a, #noticias li.titularnoticia a{
	color:#ffffff;
}

#noticias li.noticia .titularnoticia img.volver{
	float:right;
	cursor:pointer;
}

#noticias li.noticia .titularnoticia span.fecha, #noticias li.titularnoticia span.fecha{
	font-size:x-small;
	color:#aaafff;
	padding-left:1em;
}

#noticias li.titularnoticia span.fecha{
	float:right;
	padding-right:1em;
}


#noticias li.noticia .texto{
	padding:1em;
	padding-bottom:1.5em;
	min-height:200px;
}

* html #noticias li.noticia .texto{  /* Internet Explorer 6 hack */
	height:200px;
}

	/* Listas de opciones */

#contents ul.opciones li, #faq li{
	list-style:none;
	color:#002266;
	font-weight:bold;
	cursor:pointer;
	margin-bottom:0.5em;
	list-style-image:url(img/lista_unselected.png);
}

#contents ul.opciones li.selected{
	list-style-image:url(img/lista_selected.png);
	cursor:auto;
	color:#ff0000;
}

#contents ul.opciones li:hover, #faq li:hover{
	color:#444444;
	list-style-image:url(img/lista_hover.png);
}

#contents ul.opciones li.selected:hover{
	color:#222222;
	list-style-image:url(img/lista_selected.png)
}

#faq li, #faq li:hover{
	list-style:none;
}

	/* Formulario */

#contents p.confirmacionMail, #contents p.confirmacionError{
	padding:1em;
	margin:0;
}

#contents p.confirmacionError{
	font-weight:bold;
	padding-bottom:0.2em;
}

label, #contents p.confirmacionTitulo{
	display:block;
	border-bottom:1px dotted #002266;
	width:80%;
	margin-bottom:0.2em;
	padding-top:1em;
	font-weight:bold;
	color:#000000;
	
}

#contents p.confirmacionTitulo{
	margin-left:1em;
}

#contents p.confirmacionDato{
	margin-left:2em;
	margin-right:4em;
	margin-top:0.6em;
	padding:0.7em;
	color:#444444;
	background-color:#99c8ff;
	border: 1px dashed #1969cd;
	margin-bottom:1em;
	
}

label.explain{
	padding-top:0.2em;
	font-size:x-small;
	color:#0022bb;
	border:0;
	font-weight:normal;
}

label.explain.opcional{
	color:#0022bb;
	font-style:italic;
	cursor:help;
}

input, select{
	width:20em;
	background-color:#e3e3ff;
	color:#000000;
	margin-top:0.3em;
	margin-bottom:0.3em;
	
}

input[type=radio],input[type=checkbox]{
	width:auto;	
}

input[type=submit]{
	width:80%;
	color:#000000;
	font-weight:bold;
}

textarea{
	width:30em;
	height:10em;
	background-color:#e3e3ff;
	color:#000000;
}

form{
	margin-left:1em;
	padding-bottom:2em;
	padding-top:1em;
}

.sup {
	font-size: smaller;
	vertical-align: baseline;
	position: relative;
	bottom: 0.23em;
}

.avisoForm{
	padding:0.5em;
	padding-top:1em;
	font-weight:bold;
	font-size: smaller;
}

.asteriscoForm{
	padding:0.5em;
	font-size: smaller;
	color:#000000;
}

/* Formulario a dos columnas */

.formLeft{
	float:left;
	padding-right:1em;
}

.formRight{
	float:right;
	padding-right:1em;
}

.form2columns1{
	width:620px;
	min-height:250px;
}

.form2columns2{
	width:620px;
	min-height:60px;
}

/* Formulario a dos columnas, Internet Explorer 6 hack */

* html .formLeft{
	clear:both;
	padding-right:1em;
	width:220px;
}

* html .formRight{
	clear:both;
	padding-right:1em;
	width:220px;
}

* html .form2columns1{
	width:450px;
}

* html .form2columns2{
	width:450px;
}

/* Foro */

#foro a{ color:#002266 }
#foro a:visited{ color:#0022bb }
#foro a:hover{ color:#0066ff }

#foro{
	margin-bottom:1.5em;
}

#foro #camino{
	margin:0;
	padding:0;
	border-bottom:1px dotted #002266;
	margin-right:2em;
}

#foro #camino li{
	display:inline;
	list-style-type:none;
	margin:0.5em;
}

#foro #camino li a{
	padding-right:2em;
	background:url(img/foro_flecha.png) right no-repeat;
}

#foro #camino li a:hover{
	background:url(img/foro_flecha_hover.png) right no-repeat;
}

#foros, #hilos, #posts{
	list-style-type:none;
	margin:0 1em;
	margin-right:2em;
	margin-top:1.5em;
	padding:0;
	border:1px solid #0033bb;
}

#foros li, #hilos li, #posts li{
	background-color:#e6f1ff;
	padding:1.3em 2em;
}

#foros li, #hilos li{
	cursor:pointer;
}

#posts li{
	overflow:hidden;
}

#posts li, #hilos li.vacio{
	padding:2em;
}

#posts li.superusuario{
	background-color:#90c2ff;
}

#foros li:hover{
	background-color:#cfcfff;
}

#foros li .nombre, #hilos li .titulo{
	font-size:1.5em;
}

#posts li .titulo{
	font-size:1.1em;
	font-weight:bold;
}

#posts li, #foros li, #hilos li{
	border-bottom:1px solid #0022bb;
}

#foros li .descripcion, #hilos li .usuario, #hilos li .respuestas{
	
}

#foro h2{
	color:#002266;
	padding-bottom:0;
	margin-bottom:0.5em;
	margin-top:1.5em;
	border-bottom:1px #002266 dotted;
	margin-right:2em;
}

#foro li.cerrado .titulo{
	background-image:url(img/cerrado.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:22px;
}

#foro li.chincheta .titulo{
	background-image:url(img/chincheta.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:22px;
}

#foro li.cerradochincheta .titulo{
	background-image:url(img/chinchetacerrado.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:32px;
}
#paginacion{
	margin:0.5em 1em;
	margin-top:1em;
	padding:1em;
}

#paginacion li{
	list-style-type:none;
	border:1px solid #002266;
	display:inline;
	padding:0.5em 0;
}

#paginacion li a, #paginacion li.selected{
	padding:0.5em 1em;
}

#paginacion li a:hover, #paginacion li.selected{
	background-color:#88bbff;
}