/* CSS Document */

*, html {
margin:0; padding:0
}
body {
font-family: Geneva, Arial, sans-serif;
background-color: #d4d8e2
}
img {
border: none
}
a:link, a:visited {
color: #e20a17;
font-weight: bold;
text-decoration: none;
}
a:hover {
text-decoration: underline
}
li {
font-size: 94%;
line-height: 115%;
list-style: none;
margin: 0px 8px 3px 20px;
padding-left: 12px;
background: url(images/bulletRojo.gif) no-repeat 0 5px;
}

/**/
#formulario form {
margin-left: 14px;
margin-top:9px;
display:block;
}
input {
padding: 3px;
width: 212px;
margin-bottom: 4px !important;
margin-bottom: 2px;
}
input, textarea, select {
font-family: Arial, Helvetica, sans-serif;
border: none;
}
select {
/*width: 234px;*/
width: 92%;
clear: both;
padding: 3px;
display: block;
margin-bottom: 3px
}
textarea {
padding: 3px;
width: 212px
}


/*****assets*****/
.separador {
float: left;
font-size: 1px;
height: 5px;
clear: both;
display: block;
width: 100%;
}
.floatRight {
float: right;
margin-left: 8px;
clear: right
}
.masInfo a:link, .masInfo a:visited {
font-size: 90%;
font-weight: normal !Important;
color: black !important;
padding: 2px 0 2px 35px;
display: block;
margin-top: 10px;
background: url(images/icoMasInfo.gif) 10px center no-repeat
}
.txtAzul {
font-weight: bold;
color: #4c6486;
}
.txtRojo {
font-weight: bold;
color: #e20a17
}
h3.globoRojo {
font-size: 120% !important;
padding: 2px 0 2px 30px;
border: none !important;
background: url(images/fdTitGloboRojo.gif) 0px center no-repeat
}
h3.globoAzul {
color: #4c6486 !important;
font-size: 120% !important;
padding: 2px 0 2px 30px;
border: none !important;
background: url(images/fdTitGloboAzul.gif) 0px center no-repeat
}

ul.quienes {
margin-top: 10px
}
ul.quienes li {
line-height: 130%;
padding: 2px 0 0 30px;
margin: 5px 0 6px 30px;
background: url(images/bulletQuienes.gif) 0px 0px no-repeat
}

a.irTienda {
display: block;
float: left;
padding-right: 25px;
margin-bottom: 15px;
background: url(images/icoFlechaBl.gif) 100% 0px no-repeat
}

/*********************estructura**********************/
#contenedor {
width: 952px;
margin: 0 auto 20px auto
}
#cabecera {
width: 952px;
height: 128px;
border-bottom: 6px solid #8ba3bd;
}
#cuerpo {
font-size: 85%;
padding-bottom: 9px;
background: url(images/fdCuerpoInf.gif) no-repeat bottom left white;
overflow: hidden
}
#colIzq {
margin: 8px 13px 0 8px;
width: 223px;
overflow: hidden;
float: left
}
#colDer {
width: 694px;
float: left;
}
#contenidos {
overflow: hidden
}

/*********************Cabecera**********************/
#cabIzq {
float: left;
}
#cabCen {
float: left;
width: 567px;
padding-top: 19px;
height: 93px;
margin-top: 16px;
background-color: #4c6486
}
#cabDer {
float: right;
width: 187px;
padding-right: 13px;
background:url(images/fdCabDer.gif) top right #4c6486 no-repeat;
padding-top: 13px;
margin-top: 16px
}

/************* menu principal **************/
#menu {
float: left;
width: 694px;
line-height: 123%;
font-size: 0.96em;
margin-bottom:8px;
clear:both;
display: block
}
#menu li {
display: inline;
background: none !important;
padding-left: 0 !important;
margin: 0 !important;
font-weight: bold;
list-style: none
}
#menu li a:link, #menu li a:visited {
color: white;
text-decoration: none;
display: block;
float: left;
width: 134px;
text-align: center;
background: url(images/fdMenuInactivo.gif) no-repeat;
}
#menu li a:hover {
background: url(images/fdMenuHover.gif) no-repeat
}
#menu li a.activo {
color: white !important;
background: url(images/fdMenuActivo.gif) no-repeat !important
}
.paddingMenu {
margin-right: 6px
}
a.paddingSimple {
padding-top: 12px;
height: 32px
}
a.paddingDoble {
padding-top:5px;
height: 39px
}

/************* flash-banner **************/

#flash {
width: 694px;
height: 200px;
overflow: hidden;
clear: both;
margin-bottom: 13px;
}
#flashVideo {
overflow: hidden;
padding-left: 100px;
clear: both;
margin-bottom: 13px;
}
/************* contenidos **************/
.contenIzq {
width: 343px;
font-size: 90%;
overflow: hidden;
float: left;
}
.contenDer {
width: 343px;
font-size: 90%;
float: left;
overflow: hidden;
margin-left: 8px
}
#contenidos h1, #contenidos h2 {
font-size: 110%;
color: black;
padding: 8px 0 10px 50px;
}
#contenidos h3 {
width: 100%;
clear: both;
margin-top: 8px;
margin-bottom: 5px;
font-weight: normal;
font-size: 110%;
color: #e20a17;
border-bottom: 1px solid #e20a17
}
#contenidos p {
margin: 0 12px
}
.titAzul {
border-top: 3px solid #4c6486;
background: url(images/fdTitAzul.gif) no-repeat top left
}
.titRojo {
border-top: 3px solid #e20a17;
background: url(images/fdTitRojo.gif) no-repeat top left
}

/***promocion***/
.promocion h2 {
color: white !important;
background: url(images/fdTitDestacado.gif) no-repeat top left
}
.promocion {
color: white;
margin-top: 10px;
padding-bottom: 20px;
background: url(images/fdCierreDestacado.gif) #e20a17 no-repeat bottom left
}

/************* pie cuerpo **************/
#pieCuerpo {
width: 952px;
padding-top: 20px;
display: block;
clear: both;
text-align: right;
}
#pieCuerpo img {
margin-right: 14px;
}
/************* pie **************/

#pie {
padding: 6px 0;
text-align: center;
font-size: 65%
}
#pie a {
font-weight: normal !important
}
/***********zona clientes**************/
#panelClientes p {
float: left;
display: block;
width: 100%;
clear: both;
overflow: hidden;
margin-bottom: 3px;
}
#panelClientes label {
font-size: 90%;
float: left;
padding-left:20px;
padding-top: 5px;
background: url(images/bulletLogin.gif) no-repeat center left
}
#panelClientes {
font-size: 95%;
overflow: hidden;
height: 120px;
padding: 0 8px 10px 8px;
margin-bottom: 10px;
background: url(images/fdZonaClientesCierra.gif) #94a2b6 no-repeat bottom left
}
#panelClientes h2 {
float: left;
clear: both;
width: 100%;
font-size: 105%;
margin-bottom: 10px;
}
#panelClientes a:link, #panelClientes a:visited {
color: black;
margin-top: 5px;
margin-bottom: 8px;
clear: both;
float: left;
font-size: 75%;
width: 100%;
}
#panelClientes .formInputCorto {
height: 14px;
padding: 2px;
float: right;
width: 50%
}
.abrePanelClientes {
height: 12px;
font-size: 0.1em;
background: url(images/fdZonaClientesAbre.gif) #94a2b6 no-repeat top left
}
input.submit2 {
width: auto !important;
clear: both;
float: left
}

/***********formulario**************/

#formulario {
width: 225px;
height: 312px;
background: url(images/fdContacto.gif) no-repeat;
margin-bottom: 10px
}
#formulario form {
font-size: 0.9em;
}
.formTit {
height: 30px;
color: white;
padding-top:12px;
text-indent: 14px;
display: block;
border: none !important;
font-weight: bold
}
.formInput {
width: 90%;
margin-bottom: 8px !important;
border: none !important;
font-size: 1em
}
#formulario textarea {
border: none !important;
width: 89%;
font-size: 1em !important;
font-size: 1.2em;
clear: both;
display: block;
height: 50px;
padding: 3px 3px 0 3px !important;
}
input.check {
width: auto !important;
margin-bottom:2px !important;
padding: 0px !important
}
input.submit {
margin-top: 15px;
width: auto !important;
float: right
}
.checkSolicitar {
margin-bottom: 10px
}

/***********panel tienda**************/

#panelPaypal {
margin-bottom: 15px
}
#panelPaypal p {
clear: both;
font-size: 90%;
margin: 0 8px
}
#panelPaypal a {
background: url(images/icoTiendaOnline.gif) no-repeat center left;
color: #4c6486;
padding: 4px 0 0 35px;
display: block;
float: left;
font-weight: normal;
clear: right;
margin-top: 10px;
margin-bottom: 10px;
}

/***********panel linea**************/

.panelLinea h2 {
background: url(images/fdAbrePanelLinea.gif) no-repeat top left;
border-bottom: 1px solid #e20a17;
padding: 3px 0 3px 15px !important
}
.panelLinea p {
margin: 2px 6px !important
}
.panelLinea li {
font-size: 100%;
list-style: none;
margin: 4px 8px 0 8px;
padding-left: 12px;
background: url(images/bulletRojo.gif) no-repeat 0 5px;
}
.cuerpoPanelLinea {
padding: 5px 8px 0 8px;
border-left: 1px solid #e20a17;
border-right: 1px solid #e20a17
}
.panelLinea {
width: 337px;
margin-top: 10px;
padding-bottom: 12px;
background: url(images/fdCierraPanelLinea.gif) no-repeat bottom left
}


/****************faq**************/

.ampliarConten {
color: #444;
padding-left: 10px;
font-weight: bold;
}
.contenAmpliado {
padding-left:25px;
padding-bottom: 8px;
}

/****************adicionales agos**************/
span.volver a{
font-size: 85%;
border-top: 1px solid #CCC;
padding-top: 5px;
margin-top: 10px;
display: block;
padding-left: 20px;
margin-left: 12px;
background: url(images/icoFlechaAt.gif) no-repeat 0 5px
}