/* ------------------- */
/* ----- ESTILOS ----- */

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
 	font-size: 100%;
 	color: #000;
 	text-align: center;
 	padding: 0;
 	margin: 0;
 	background: url("../imagenes/bgdocumedia2.png") repeat-x;
 	background-color: #3F96DC;

}
img {
 	border: 0;
 	margin: 0;
}
table {
 	border-collapse: collapse; 
 	border: none;
}
td {
 	padding: 0;
}
ul {
	list-style: none;
	list-style-type: none;
}

/* Contenedores 
--------------------------------------------*/
#contenedorglobal {
	position: relative;
	/*top: 55px;*/
	margin-left: auto;
	margin-right: auto;
	width: 780px;
	/*padding: 10px 10px;*/
	/*background: #FFF;*/
}
#logo {
	position: relative;
	overflow: hidden;
	top: 20px;
	margin-right: 10px;
}
#logo h1 a {
 	float: right;
 	display: block;
 	text-decoration: none;
 	width: 224px;
 	height: 42px;
 	background: url("../imagenes/logo.png") no-repeat center right;
}
#cabecera {
	position: relative;
	margin-top: 30px;
 	text-align: left;
 	margin-left: auto;
 	margin-right: auto;
 	width: 780px;
 	font-size: .7em;
 	overflow: hidden;
 	border-bottom: 8px solid #3F96DC;
 	background: url("../imagenes/bgcabecera.png");
}
#cabecera p {
 	float: right;
 	width: auto;
 	text-align: right;
 	margin: 10px 10px 0 15px;
}
#cabecera>p span {
	font-size: 13px;
	color: #CDCDCD;
}
#buscador {
	float: right;
	text-align: right;
 	padding: 10px 5px 0 10px;
 	/*background: url("../imagenes/bg_buscador.png") no-repeat;*/
 	/*background: #3F96DC;*/
}
#buscador p {
 	margin: 0;
 	padding: 0;
}
#buscador input[type="text"] {
 	width: 160px;
 	font-size: 1em;
 	padding-left: 22px;
 	background: #FFF url("../imagenes/Search.png") no-repeat left;
}
.buscador2 {
 	text-align: right;
 	margin: 0 10px 10px 0;
}
#bannerprincipal {
	margin-bottom: 10px;
}
#mapaempresa {
	margin-top: 65px;
}
#mapa1 {
	border: 3px solid #E1E1E1;
}

/* Menu 
--------------------------------------------*/
#menu {
 	overflow:hidden;
 	margin-top: 60px;
 	padding-left: 5px;
}
#nav {
 	display: inline;
 	text-align: center;
}
#nav li {
 	float: left;
 	width: auto;
 	padding: 0; 			/* Separar el texto */
 	margin: 0 1px 0 0; 		/* Separar los botones */
}
#nav li a {
 	display: block;
 	padding: 8px 5px;
 	font-size: 11px;
 	color: #707070;
 	text-align: center;
 	text-decoration: none;
}
#nav #nav_portada a {
	width: 70px;
	background: url("../imagenes/op1.png") no-repeat left top;
}
#nav #nav_portada a:hover {
	background-position: 0 -35px;
}
#nav #nav_configurador a {
	width: 120px;
	background: url("../imagenes/op2.png") no-repeat left top;
}
#nav #nav_configurador a:hover {
	background-position: 0 -35px;
}

#nav #nav_catalogo a {
	width: 95px;
	background: url("../imagenes/op3.png") no-repeat left top;
	color:#333;
}
#nav #nav_catalogo a:hover {
	background-position: 0 -35px;
}

#nav #nav_drivers a {
	width: 70px;
	background: url("../imagenes/op1.png") no-repeat left top;
}
#nav #nav_drivers a:hover {
	background-position: 0 -35px;
}

#nav #nav_ofertas a {
	width: 70px;
	background: url("../imagenes/op1.png") no-repeat left top;
}
#nav #nav_ofertas a:hover {
	background-position: 0 -35px;
}
#nav #nav_productos a {
	width: 95px;
	background: url("../imagenes/op4.png") no-repeat left top;
}
#nav #nav_productos a:hover {
	background-position: 0 -35px;
}
#nav #nav_contacto a {
	width: 70px;
	background: url("../imagenes/op1.png") no-repeat left top;
}
#nav #nav_contacto a:hover {
	background-position: 0 -35px;
}
#nav #nav_empresa a {
	width: 70px;
	background: url("../imagenes/op1.png") no-repeat left top;
}
#nav #nav_empresa a:hover {
	background-position: 0 -35px;
}
body#portada #nav_portada a {
	background-position: 0 -35px;
}
body#configurador #nav_configurador a {
	background-position: 0 -35px;
}
body#ofertas #nav_ofertas a {
	background-position: 0 -35px;
}
body#productos #nav_productos a {
	background-position: 0 -35px;
}
body#contacto #nav_contacto a {
	background-position: 0 -35px;
}
body#empresa	 #nav_empresa a {
	background-position: 0 -35px;
}
.lista {
	/*
	list-style: none;
	list-style-type: none;
	*/
}

/* Contenidos
--------------------------------------------*/
#contenido {
	position: relative;
	overflow: hidden;
 	text-align: left;
 	margin-left: auto;
 	margin-right: auto;
 	padding-bottom: 10px;
 	width: 780px;
 	min-height: 200px;
 	background-color: #FFF;
}
#contenido1 { 
 	float: left;
 	overflow: hidden;
 	width: 220px;
 	padding: 0 5px 0 5px;
}
#contenido2 {
 	float: right;
 	overflow: hidden;
 	width: 530px;
 	padding: 0 10px 0 0;
}
#contenido3 {
 	width: 760px;
 	padding: 0 10px 0 10px;
}
#contenido1, #contenido2, #contenido3 {
	font-size: .8em;
}
.subtitulo {
	font-size: .9em;
}
#datosequipo , #suplementos , #descuentos, #preciofinal, #datospersonales {
	border-bottom: 1px solid #E1E1E1;
	padding: 1px 8px;
	margin: 0 0 8px 0;
}
#datospersonales p {
	margin: 4px 4px;
}
.configuracion h4 , .configuracion h2 {
	padding: 0 0;
}
#presentacion {
	border-bottom: 2px solid #E1E1E1;
	margin-bottom: 10px;
}	
#presentacion ul {
	list-style: circle;
	list-style-type: circle;
	line-height: 1.5em;
}
#legalidades {
 	position: relative;
 	overflow: hidden;
 	margin-left: auto;
 	margin-right: auto;
 	margin-bottom: 10px;
 	padding-top: 40px;
 	width: 780px;
 	font-size: .7em;
 	background: url("../imagenes/separador.png") repeat-x top;
 	background-color: #E1E1E1;
}
#legalidades p, #legalidades p a, #legalidades p a:visited,
#legalidades p a:hover, #marcas p, #cabecera>p a, 
#cabecera>p a:visited, #cabecera>p a:hover {
 	color: #707070;
}

#desarrollador { 
	float:right;
	width: 145px;
	margin: 0;
	padding: 5px 15px 10px 15px;
}
#desarrollador span { 
	float: left;
}
#desarrollador a {
	float: right;
	display: inline;
	width: 60px;
	text-indent: -9999em;
	background: url("../imagenes/logotroytec.png") no-repeat right center;
}
#legalidades p.copy {
 	float: left;
 	width: auto;
 	text-align: left;
 	margin: 0;
	padding: 5px 15px 10px 15px;
}
#legalidades p.copy a {
 	text-decoration: none;
}
#legalidades p.copy a:visited, #cabecera>p a:visited {
 	text-decoration: none;
}
#legalidades p.copy a:hover, #cabecera>p a:hover {
	text-decoration: underline;
}
.advertencias {
	padding-bottom: 3px;
	margin: 0 15px 2px 15px;
	text-align: left;
 	font-size: 1em;
	border-bottom: 1px solid #CCC;
}

/* Cajas 
--------------------------------------------*/
#listae ul {
	list-style: none;
	list-style-type: none;
	padding: 0;
}
#listae li {
	min-height: 21px;
	margin: 0 0 10px 0;
	background: url("../imagenes/ordenador.png") no-repeat left top;
}
#listae ul li, #listae ul li a, 
#listae ul li a:visited, #listae ul li a:hover, #listae ul li span {
	color: #000;
	font-weight: bold;
}
#listae ul li a, #listae ul li span {
	margin-left: 35px;
}
#listae ul li span#descripcionequipo {
	font-size: .9em;
	font-weight: normal;
}
*#listae ul {			/* Hack para IE7 */
	margin-left: -1px;
}
#bloqueizq {								
 	position: relative;
 	float: left;
 	overflow: hidden;
 	text-align: left;
 	margin: 15px 0 0 0;
}
#notas, #feeds {
	margin: 5px 0;							
 	padding: 5px 5px;
 	text-align: left;
 	width: 210px; 	
 	border: 1px dashed #CCC;
 	background: url("../imagenes/esquina_azul.png") no-repeat left top;
}
#notas h4 {
	margin-bottom: 5px;
	padding: 10px 0 15px 0;
	background: transparent url("../imagenes/Template.png") no-repeat;
}
#notas p {
	margin-top: -10px;
}
#notas h4 span, #feeds h4 span {
	margin: 0 0 0 40px;
	color: #000;
}
#notas a, #feeds a {
	color: #707070;
	padding-left: 3px;
}
#notas a:hover, #feeds a:hover {
	color: #3F96DC;
}
#notas span {
	color: #707070;
}
#notas p {
	padding: 5px 0;
	border-bottom: 1px dotted #E1E1E1;
}
#feeds h4 {
	padding: 10px 0 5px 0;
	background: transparent url("../imagenes/CopierciN.png") no-repeat;
}
#feeds ul {
	margin: 10px 0 0 0;
	padding: 0;
}
#feeds ul li {
	padding: 5px 0;
	border-bottom: 1px dotted #E1E1E1;
}
#tituloseccion {
 	width: 520px;
 	font-size: 1em;
 	margin: 0;
 	padding: 5px 0 10px 0;
}
#adorno {
	min-width: 540px;
	height: 9px;
	margin: 0 -10px 0 0;
	padding: 0;
	background: #3f96dc url("../imagenes/adornotitulo.png") no-repeat center left;
}
.subtitulo {
 	font-weight: bold;
 	margin-bottom: 10px;	
}
#leyendastock img {
	margin: 15px 2px 0 0;
}
#listaofertas { 
	overflow: hidden;
	text-align: left;
}

#listaofertas h4 {
	margin-bottom: 10px;
}

#listaofertas p { 
	float: left;
	width: 130px;
	min-height: 170px;
	border: 1px dashed #CCC;
	margin: 3px 3px;
	padding: 6px 6px;
	text-align: center;
}
#listaofertas img {
	width: 110px;
}
.listresultados table {
 	width: 530px;
 	font-size: .9em;
}
.listresultados th {
 	width: 11%;
 	padding: 5px 0 5px 0;
 	border-bottom: 2px solid #FFF;
 	text-align: center;
 	background-color: #40BCDB;
}
.listresultados th a {
	/*background: url("../imagenes/up_down.png") no-repeat right center;*/
}
.listresultados th a, .listresultados th a:visited {
 	color: #FFF;
 	text-decoration: none;
}
.listresultados th a:hover {
 	color: #FFF;
 	text-decoration: underline;
}
.listresultados tr{
 	height: 28px;
 	background: #EBEBEB url("../imagenes/separador.png") repeat-x center bottom;
}
.listresultados tr:hover{
	background-color: #E1E1E1;
}
.listresultados td a {
	color: #000;
}
.alignright, .imgnoticias {
	float: right;
	width: auto;
}
.imgnoticias {
	margin: 0 0 10px 10px;
}
#selectequipos {
	clear: both;
	margin-top: 40px;
}
#selectequipos label {
	float: left;
	width: 115px;
	font-weight: bold;
	margin-top: 0;
	padding: 0;
}
#datosresultado {
	overflow: hidden;
}
#sloganproductos p {
	color: #3EA63B;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	width: 260px;
	float: left;
}
#sloganproductos img {
	float: right;
	width: auto;
}
/*
#developer {
 	width: 170px;
 	text-align: left;
}

#developer a {
 	float: right;
 	width: 80px;
 	height: 30px;
 	text-align: left;
 	background: url("../imagenes/logo_troytec.gif") no-repeat left center;
}
*/
.scrollcaja {
 	background-color: white;
 	overflow: auto;
 	min-height: 250px;
 	padding: 5px 5px;
}
#enlaces a {
 	padding-right: 30px;		/* da un espacio entre etiquetas <a/> que estÊn en la misma celda */
}
.precio {
 	font-size: 1em;
 	font-weight: bold;
 	color: #40BCDB;
}
#validadores {
	text-align: left;
}
#validadores a {
	margin: 0 5px;
}

/* Formularios 
--------------------------------------------*/
form {
 	margin: 0;
 	padding: 0;
}
#formcontacto p {
 	clear: left;
 	position: relative;
 	margin: 5px 0 10px 0px;
}
#formcontacto label {
 	font-weight: bold;
 	float: left;
 	width: 140px;
 	margin-right: 8px;
}
#formcontacto select {
	width: 200px;
}
#formalta p {
 	clear: left;
 	position: relative;
 	margin: 5px 0 10px 0px;
}
#formalta label {
 	font-weight: bold;
 	float: left;
 	width: 140px;
 	margin-right: 8px;
}
.boton_frm {	/* Aspecto del boton de formulario */
 	font-size: 1em;
 	color: #000 !important; 
 	background-color: #F3F1E9;
 	border: 1px solid #DEDDD9;
 	padding: 0 4px;
 	margin-right: 10px;
}
a.boton_frm {
	float: left;
	display: block;
	min-width: 30px;
	text-align: center;
	padding: 2px 4px;
}
a.boton_frm:hover {
	/*background-color: #CCC;
	border: 1px solid #707070;*/
	text-decoration: none;
}
.botoneraform {
 	padding-top: 10px;
 	text-align: right;
}
input, select, textarea {
 	font-family: Arial, Verdana, Helvetica, sans-serif;
 	font-size: .9em;
 	font-weight: normal;
 	border: 1px solid #CCC;
}
input[type="text"]:focus {
 	border: 1px solid #707070;
}
input[type="radio"] {
 	border: none;
 	background-color: transparent;
}
input[type="checkbox"] {
 	border: 0;
 	background-color: transparent;
}
textarea {
 	overflow: auto;
}
textarea:focus {
 	border: 1px solid #707070;
}
.botonform {
 	font-family: Arial, Verdana, Helvetica, sans-serif;
 	font-size: 1em;
 	background-color: #FBFBFB;
 	border: 1px solid #EC8F68;
}
#pasos {
	clear: both;
	overflow: hidden;
	width: 100%;
 	margin-bottom: 20px;
}
#pasos a, #pasos p {
 	float:left;
 	width: auto;
 	display: block;
 	margin: 0;
 	padding: 3px 5px;
 	margin-left: 1px;
 	text-align: center;
 	text-decoration: none;
}
#pasos a.activo {
 	color: #FFF;
 	font-weight: bold;
 	background-color: #C3C3C3;
}
#pasos a.inactivo, #pasos p.inactivo {
 	color: #CCC;
}
#pasos a.inactivo, #pasos p.inactivo {
 	background-color: #EBEBEB;
}
#suscripcionrss {
	padding-left: 15px;
	background: url("../imagenes/rss_ico.png") no-repeat left center;
}
.textright {
	text-align: right;
}
#datoscontacto p img {
	float: left;
	margin: -8px 5px 0 0;
}
#datoscontacto p#horario {
	margin: -8px 0 20px 0;
	font-size: .9em;
}
/* Alertas 
--------------------------------------------*/
#alerta {
	border: 1px solid #E1E1E1;
	margin-bottom: 15px;
	background-color: #F3F1E9;
}
#alerta p {
	padding: 7px 10px 7px 40px;
	margin: 5px 10px;
	background: url("../imagenes/atencion.png") no-repeat left top;
}
#alerta2 img {
 	padding: 0 5px 0 10px;
}

/* Tamaņos 
--------------------------------------------*/
.w450 {
 	width: 450px;
}
.w350 {
 	width: 350px;
}
.w250 {
 	width: 250px;
}
.w200 {
 	width: 200px;
}
.w190 {
 	width: 190px;
}
.w185 {
 	width: 185px;
}
.w150 {
 	width: 150px;
}
.w130 {
 	width: 130px;
}
.w100 {
 	width: 100px;
}
.w70 {
 	width: 70px;
}
.w50 {
 	width: 50px;
}
.grande {
	font-size: 1.3em;
	font-weight: bold;
	color: #40BCDB;
}
/* Imagenes 
--------------------------------------------*/
.imgthmb110 {
 	width: 110px;
}
img.justify {
	margin: 10px 0 0 0;
	padding: 0;
	display: inline;
	float: right;
}
#marcas {
	margin-top: 20px;
	padding: 0;
	/*border-top: 1px dashed #E1E1E1;*/
}
#marcas h4 {
	padding: 0 0 10px 30px;
	background: url("../imagenes/comillas.png") no-repeat left top;
}
#marcas ul 	{
	margin: 0;
	padding: 0;
	text-align: center;
}
#marcas ul img {
	width: 60px;
}
#marcas li {
	display: inline;
	padding: 0;
	margin: 0;
	text-align: left;

}

/* Titulos 
--------------------------------------------*/
h1 {
	text-indent: -9999em;
 	font-weight: bold;
 	color: #000;
 	margin: 0;
 	padding: 0;
}
h2 {
	font-size: 1.3em;
	color: #40BCDB;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
h3 {
 	font-size: 1.4em;
 	font-weight: bold;
 	color: #40BCDB; /*#3f96dc;*/
 	margin: 0;
 	padding: 0;
}
h4 {
	font-size: 1.2em;
	color: #000; /*#3f96dc;*/
	margin: 0;
	padding: 0;
}
h5 {
	font-size: 1.1em;
	color: #40BCDB;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

/* Links
--------------------------------------------*/
.imprimir {
	text-align: right;
	padding-right: 15px;
}
.imprimir a, .imprimir a:visited {
	color: #707070;
	text-decoration: none;
}
.imprimir a:hover {
	text-decoration: underline;
}
a, a:visited {
	color: #707070;
	text-decoration: none;
}
a:hover {
	color: #707070;
	text-decoration: underline;
}
a.linknormal, a.linknormal:visited {
	color: #000;
	text-decoration: none;
}
a.linknormal:hover {
	color: #707070;
	text-decoration: none;
}
a.linkazul, a.linkazul:visited {
	color: #000;
	text-decoration: none;
}
a.linkazul:hover {
	color: #40BCDB;
	text-decoration: none;
}