*, html {
margin:0;
padding:0
}
body {
font-size: 12px;
font-family: Helvetica, arial, sans-serif;
color: #CCC;
background-color: black
}

/****tags****/

img {
border: none
}
a:link, a:visited {
text-decoration: none
}
a:hover {
text-decoration: underline
}

/****estructura****/
#contenedor {
clear: both;
width: 960px;
overflow: hidden;
margin: 15px auto 0 auto
}
#cabeceraWrap {
width: 100%;
height: 59px;
clear: both;
background: url(images/fdLinea.gif) bottom left repeat-x
}
#cabecera {
width: 960px;
margin: 0 auto;
height: 59px
}
#menuIzq {
float: left;
width: 156px;
height: 536px;
padding: 10px;
background-color: #333
}
#ampliacion {
position: relative;
height: 556px;
overflow: hidden;
float: left;
margin-left: 16px;
clear: right
}
#miniaturas {
position: relative;
right: 0px;
float: right; 
width: 768px;
height: 90px;
margin-top: 15px;
overflow: hidden
}
#pie {
position: relative;
top: 15px;
height: 30px;
font-size: 11px;
width: 100%;
clear: both;
text-align: center;
padding: 10px 0;
border-top: 1px solid #333
}

/*****cabecera*****/
#logo {
float: left
}
#menu {
float: left;
width: 558px;
height: 58px;
line-height: 58px
}
#idioma {
height: 58px;
line-height: 58px;
float: right;
border-right: 1px solid #333;
border-left: 1px solid #333;
}
#menu ul {
margin-left: 25px
}
#menu li, #idioma li {
display: inline
}
#menu li a:link,
#menu li a:visited {
color: #999;
display: block;
float: left;
padding: 0 11px
}
#idioma li a:link,
#idioma li a:visited {
color: #999;
display: block;
padding: 0 11px
}
#menu li a:hover,
#menu li a.activo,
#idioma li a:hover,
#idioma li a.activo  {
text-decoration: none;
color: #F63;
border-bottom: 1px solid #F63
}
#carro {
float: right;
height: 58px;
padding: 0 11px;
border-right: 1px solid #333
}
#carro img {
position: relative;
top: 15px
}

/******menu izquierdo******/

#menuIzq {
font-size: 11px;
overflow-y: auto;
overflow-x: hidden
}
#menuIzq li{
font-weight: bold;
list-style: none;
width: 156px;
border-bottom: 1px solid #444
}
#menuIzq li li {
border: none;
width: 146px;
font-weight: bold;
padding-left: 10px;
}
#menuIzq li li li {
width: 136px;
border: none;
font-weight: normal
}
#menuIzq img {
margin-bottom: 15px
}
#menuIzq li a:link, #menuIzq li a:visited {
display: block;
color: #ccc;
padding: 4px 0;
}
/*
#menuIzq li a:hover,
#menuIzq ul li ul li a:hover,
#menuIzq li li li a:hover,
#menuIzq li a.activo,
#menuIzq ul li ul li a.activo,
#menuIzq li li li a.activo {
text-decoration: none;
color: #F63
}*/
#menuIzq li a:active {
color: #F63
}
#menuIzq li a.activo {
color: #F63 !important
}
#menuIzq li a:hover,
#menuIzq ul li ul li a:hover,
#menuIzq li li li a:hover {
text-decoration: none;
color: #F63
}
#menuIzq li li a:link, #menuIzq li li a:visited {
display: block;
color: #ccc;
padding: 1px 0;
border: none
}
#menuIzq li a:focus {
outline: none
}
#menuIzq p {
margin-bottom: 5px
}

/***buscador***/
#buscador {
margin-top: 15px
}
#buscador .campoBusca {
color: #666;
width: 152px;
border: none;
background-color: black;
padding: 2px;
margin-bottom: 5px
}
#buscador .botBusca {
border: none;
padding: 0 18px 0 10px;
background: url(images/icoFlechaForm.gif) no-repeat center right #666
}

/*****botsFichas******/

#botsFichas {
width: 771px;
z-index: 9998;
position: absolute;
overflow: hidden;
bottom: 0;
left: 0px;
}
.botFicha {
width: 125px;
height: 36px;
float: left;
}
#botFicha1 {
width: 128px;
background-color: black;
filter: alpha(opacity=70); opacity: .8;
}
#botFicha2 {
margin-left: 3px;
background-color: black;
filter: alpha(opacity=70); opacity: .8;
}
#botFicha3 {
margin-left: 3px;
background-color: black;
filter: alpha(opacity=70); opacity: .8;
}
#botFicha4 {
margin-left: 3px;
background-color: black;
filter: alpha(opacity=70); opacity: .8;
}
#botFicha5 {
margin-left: 3px;
background-color: black;
filter: alpha(opacity=70); opacity: .8;
}
#botFicha6 {
margin-left: 3px;
background-color: black;
filter: alpha(opacity=70); opacity: .8;
}
#botFicha6:hover {
background-color: #fff2d7 !important;
filter: alpha(opacity=70); opacity: .8;
}

/**textos para botsFichas no afectados por alfa**/
#botsFichasTxt {
width: 771px;
z-index: 9999;
position: absolute;
overflow: hidden;
bottom: 0;
left: 0px;
}
.botFichaTxt {
line-height: 120%;
font-weight: bold;
padding: 4px;
text-align: center;
width: 117px;
height: 28px;
float: left;
margin-left: 3px;
overflow: hidden
}
.botFichaTxt a:link, .botFichaTxt a:visited {
display: block;
height: 28px;
color: white;
text-decoration: none
}
.botFichaTxt a:focus {
outline:0
}
.ficha1 {
margin-left: 0 !important;
width: 120px;
}


/******************ficha*******************/

#fdFicha {
z-index: 999999;
position: absolute;
bottom:36px;
left:0;
width: 768px;
height: 335px;
background-color: #fff2d7;
filter: alpha(opacity=70); opacity: .8;
visibility: hidden
}
.contenFicha {
font-size: 11px;
color: black;
width: 768px;
height: 335px;
overflow: hidden;
}
.contenFicha h2{
font-size: 13px;
}
.contenFicha p {
margin-bottom: 5px
}
#contenFicha1, #contenFicha2, #contenFicha3, #contenFicha4, #contenFicha5, #contenFicha6 {
z-index: 99999999;
position: absolute;
bottom:36px;
left:0;
visibility: hidden
}
.cerrarFicha {
position: absolute;
right: 5px;
top: 5px;
float: right;
z-index:99999999999
}
.fichaCol1 {
width: 134px;
float: left !important;
margin: 15px 15px 15px 0;
padding-left: 15px;
height: 245px;
overflow-y: auto
}
.fichaCol2 {
width: 333px;
float: left;
margin: 15px 15px 15px 0;
height: 245px;
overflow-y: auto
}
.fichaCol3 {
width: 238px;
float: right;
margin: 15px 18px 15px 0;
height: 245px;
overflow-y: auto;
clear: right
}
.fichaCol4 {
clear: left;
width: 482px;
float: left;
margin: 0 0 0 15px;
overflow-y: auto
}
.fichaCol5 {
width: 238px;
float: right;
margin-right: 18px !important;
}

.precioTxt {
line-height: 120%;
margin-top: 8px;
widht: 50px;
float: left;
}
.precioGrande {
font-size: 13px;
font-weight: bold
}
.precio {
text-align: right;
float: left;
font-size: 26px;
font-weight: bold;
margin-left: 10px
}
.comprar input.botBusca {
color: white;
margin-top: 12px;
border: none;
width: auto !important;
padding: 1px 14px 1px 6px !important;
background: url(images/icoFlechaForm.gif) no-repeat center right #666;
float: right
}



/***********contenidos**************/
#contenInteriores {
color: #ddd;
font-size: 95%;
line-height: 130%;
width: 768px;
position: relative;
height: 556px;
overflow: hidden;
float: left;
margin-left: 16px;
clear: right
}
#contenInteriores p {
margin-bottom: 10px
}
/*******noticias*********/
/*******noticias*********/
#contenNoticia {
margin-top: 10px;
height: 218px;
overflow-y: auto
}
#contenIntIzq {
float: left;
width: 225px
}
#contenIntDer {
padding-right: 8px;
width: 518px;
height: 556px;
overflow-y: auto;
float: right
}
/***/
#contenInteriores {
font-size: 110%;
}
#contenInteriores p {
text-align: justify;
margin-right: 5px;
}
#contenInteriores h1, #contenCompraIzq h1 {
color: #999;
font-weight: normal;
font-size: 140%;
border-bottom: 1px solid #333;
margin-bottom: 8px;
padding-bottom: 4px;
margin-right: 5px;
}
#contenInteriores h2 {
color: #999;
font-size: 110%;
}
.imgNews {
margin-bottom:30px
}
.imgNewsInf {
}
#menuIzq.noticias {
background: url(images/fdNoticias.gif) #333 no-repeat right 90% !important
}
#menuIzq.noticias {
background: url(images/fdNoticias.gif) #333 no-repeat right 90% !important
}
#menuIzq.noticias_en {
background: url(images/fdNoticias_en.gif) #333 no-repeat right 90% !important
}
/***********contacto**************/
#menuIzq.contacto {
background: url(images/fdContacto.gif) #333 no-repeat right 90% !important
}
#menuIzq.contacto_en {
background: url(images/fdContacto_en.gif) #333 no-repeat right 90% !important
}



/******formularios********/
		
        /* General */

        .cleanform {
        	text-align:left;
		position:relative;
        	margin:1em auto
        }

		/* Elements */

		.cleanform  label,.cleanform legend{  
        	padding:0;
		margin:0.3em 0;
        }

.cleanform fieldset{ 
padding: 10px;
margin-bottom: 3px;
border: 1px solid #333
}
	             
.cleanform label {
float: left;
width:180px;
}
.cleanform textarea {
font-family: arial, verdana, sans-serif;
width: 200px;
}
.cleanform fieldset input {
        width: 238px;
	padding:2px;
clear: right;
}

.cleanform .auto {
width: auto !important
}
        
.cleanform .radio input,.cleanform .checkbox input {
        width:auto;
	border:none;
}
.cleanform textarea {
float: left
}
.cleanform input, .cleanform textarea, .cleanform select {
        width: 238px;
        margin-bottom:1em;
        font-size:1em;
BORDER: NONE;
background-color: #999;
	padding:0.15em
}

        .cleanform .radio label, .cleanform .radio input,
		.cleanform .checkbox label, .cleanform .checkbox input{
        	display:inline;
			margin:0 1.5em 0 0
        }


 		.cleanform .radio input, .cleanform .checkbox input{
			margin:0 0.3em 0 0
        }

/* Button */

.botonEnviar:hover {
cursor: pointer
}
input.enviar {
width: auto !important;
border: none !important;
margin-left: 180px;
padding: 2px 20px 2px 10px !important;
background: url(images/icoFlechaForm.gif) no-repeat center right #666
}
input.borrar {
color: #999;
width: auto !important;
border: none !important;
padding: 2px 20px 2px 10px !important;
background: url(images/icoFlechaForm2.gif) no-repeat center right #333
}

.cleanform submitForm:hover {
cursor: pointer;
background-color:#E6EFC2;
color:#529214;
}
		
		/* information */
		
        .cleanform .formInfo {
            margin-bottom:1em;
            padding-bottom:0.5em;
            border-bottom:0.1em solid #ddd;
        }

        .cleanform .formInfo strong {
        	color:#00889e;
        	font-weight:bold;
        	font-size:1.2em;
        	margin-bottom:1em
        }

        .cleanform .formInfo p{
        	text-align:justify
        }

        .cleanform .required {
        	color:#ff3838;
        	font-weight:bold;
        	font-size:0.8em;
		}

.formulario {
width: 450px;
float: right;
}
.mapa {
width: 300px;
float: left;
margin-top: 12px
}
.mapa a {
color: #CCC;
}


/*****************listados**************/
#introListado {
width: 708px;
overflow:hidden;
font-size:15px;
line-height:130%;
float: left;
margin-bottom:11px;
}
#introListado h1 {
line-height:100%;
padding-bottom:6px;
margin-bottom:6px;
border-bottom: 1px solid #7b1100;
}
#introListado h2{
line-height:100%;
font-size: 18px;
color:#ea9e47;
margin-bottom:10px;
}
#introListadoIzq {
width: 382px;
float: left
}
#buscadorListado {
font-size:11px;
line-height:140%;
width: 313px;
float: right
}
.itemListado {
height:39px;
line-height: 140%;
color: #999;
padding:5px;
margin-bottom:0;
overflow: hidden
}
.itemListado a{
color: white
}
.itemListado:hover{
background-color: #333;
}
.itemListado p {
margin-top:2px;
}
.itemListado img{
float: left;
margin-right:10px;
}
.fondo {
background-color:#111;
}
.paginado {
color: #666;
font-size:11px;
height:30px;
line-height:30px;
display:block;
clear:both;
margin-top:10px;
margin-bottom:10px;
background-color: #222;
overflow: hidden
}
.paginado a {
color: white;
font-weight: bold;
}
.paginadoIzq {
float: left;
margin-left:5px;
}
.paginadoDer {
float: right;
padding:0 10px;
background-color: #111;
}
#menuIzq.distribucion {
background: url(images/fdDistribucion.gif) #333 no-repeat right 90% !important
}

/*************area reservada***********/
#menuIzq.reservada {
background: url(images/fdReservada.gif) #333 no-repeat right 90% !important
}
#menuIzq.reservada_en {
background: url(images/fdReservada_en.gif) #333 no-repeat right 90% !important
}
#menuIzq.empresa {
background: url(images/fdEmpresa.gif) #333 no-repeat right 90% !important
}
#menuIzq.fdEmpresa_en {
background: url(images/fdEmpresa_en.gif) #333 no-repeat right 90% !important
}



/*************************carro de la compra***************/

#contenCompraIzq {
width:680px;
float: left;
overflow: hidden
}
#contenCompraIzq h2 {
font-size: 100%
}
#contenCompraDer {
width:250px;
float: right;
background-color:#333
}

/******formularios********/
		
        /* General */

.carroForm {
        text-align:left;
	position:relative;
        margin:1em auto
}

		/* Elements */

.carroForm  label,.cleanform legend{  
        padding:0;
	margin:0.3em 0;
}

.carroForm fieldset{ 
padding: 10px;
margin-bottom: 3px;
border: 1px solid #333
}
	             
.carroForm label {
float: left;
width:230px;
clear: left;
margin-bottom: 8px;
}
.carroForm textarea {
font-family: arial, verdana, sans-serif;
width: 200px;
}
.carroForm fieldset input {
        width: 300px;
	padding:2px;
clear: right;
margin-bottom: 8px;
}

.carroForm .auto {
width: auto !important
}
        
.carroForm .radio input,.carroForm .checkbox input {
        width:auto;
	border:none;
}
.carroForm textarea {
float: left
}
.carroForm input, .carroForm textarea, .carroForm select {
        width: 300px;
margin-bottom: 8px;
       /* margin-bottom:1em;*/
        font-size:1em;
border: none;
background-color: #999;
	padding:0.15em;
float: left
}

.carroForm .radio label, .carroForm .radio input,
	.cleanform .checkbox label, .cleanform .checkbox input{
        display:inline;
	margin:0 1.5em 0 0
}

.carroForm .radio input, .carroForm .checkbox input{
	margin:0 0.3em 0 0
}
.carroForm .botonEnviar:hover {
cursor: pointer
}
.carroForm input.enviar {
width: auto !important;
border: none !important;
margin-left: 230px;
padding: 2px 20px 2px 10px !important;
margin-right:5px;
background: url(images/icoFlechaForm.gif) no-repeat center right #666
}
.carroForm input.borrar {
color: #999;
width: auto !important;
border: none !important;
padding: 2px 20px 2px 10px !important;
background: url(images/icoFlechaForm2.gif) no-repeat center right #333
}

.carroForm submitForm:hover {
cursor: pointer;
background-color:#E6EFC2;
color:#529214;
}

.imgForm {
}
.destacadoForm {
padding: 8px 5px 8px 60px;
height:38px;
background: url(images/icoConfig.gif) 1% center #333 no-repeat;
margin-top:8px;
}
p.nombreProducto {
font-size: 130%;
line-height:120%;
}

.subTotal {
clear: both;
text-align: right;
border-top: 1px solid #333;
padding-top: 5px;
font-size: 130%;
}
.carroForm th {
background-color: #444;
padding: 5px;
}
.carroForm td {
height: 36px;
vertical-align: center;
border-bottom: 1px solid #111
}
.opcion {
padding-left: 5px
}
.precio {
padding-right: 5px
}

tr.fdGrisOsc td {
background-color: #111
}



.paginado.carro {
padding-left: 5px;
font-size: 100% !important
}
.pasoActual {
color: #F60
}

.carroForm h3 {
display: block;
clear: both;
border-bottom: 1px solid #999;
margin-bottom: 30px;
}

.separador {
width: 100%;
display: block;
clear: both;
border-bottom: 1px solid #111;
padding-bottom: 5px;
margin-bottom:30px;
}
.resumen {
background-color: #111;
padding: 10px
}
table.tableCarro {
border: 1px solid #666
}

/**********menu tree ************/
.root, .rootAbierto {
text-align:left;
padding: 2px 0;
text-transform: uppercase
}
      
.root div {
text-transform: none !important;
padding: 0px;
display: none;
}
.rootAbierto div {
text-transform: none !important;
font-size:11px;
padding: 0px;
display: block;
}
.rootAbierto .root div {
display: none
}
.rootAbierto .root .root div {
display: none
}
.root a:link, .root a:visited, .rootAbierto a:link, .rootAbierto a:visited {
color: #CCC;
font-weight: bold;
display:block;
padding:2px 0 2px 0;
border-bottom:1px solid #444;
}

/*subsecciones*/
.root div a:link, .root div a:visited, .rootAbierto div a:link, .rootAbierto div a:visited {
color: #CCC;
font-size: 11px !important;
font-weight: bold;
display:block;
padding: 0 !important;
margin: 1px 0 1px 5px;
border: none !important;
background:url(images/bulletMenuIzq.gif) 2px 3px no-repeat;
}

.root a:hover, .rootAbierto a:hover {
color: #F63;
text-decoration:none;
}
.root li, .rootAbierto li {
vertical-align: top;
list-style-type: none;
}
.root ul li, .rootAbierto ul li {
display:inline !important;
clear:both;
vertical-align:bottom
}

.root li, .rootAbierto li{
clear:both;
}
/*productos*/
.root ul li a:link, .root ul li a:visited, .rootAbierto ul li a:link, .rootAbierto ul li a:visited{
padding:0 !important;
font-weight: normal;
border: none;
vertical-align: bottom;
font-size:11px;
background:none;
margin:0 0 0 10px;
text-indent:3px !important
}
.root ul li a:hover, .root li a.activo, .rootAbierto ul li a:hover, .rootAbierto li a.activo{

}


/*********politica***********/

.politica {padding: 10px; font-size: 70%}
.politica h1 { font-size: 15px; border-bottom: 1px solid #CCC; margin-bottom: 10px;}
.politica h2 { font-size: 13px }
.politica p { margin-bottom: 8px}

#pie a { color: white !important }