/* CSS Document estilo responsive */

body {
    font: 15px Arial, Helvetica, sans-serif;
    color: #505050;
    background-color: #dddddd;
    background-image: none;
    line-height: 1.4em;
    letter-spacing: .03em;
}


/* ESTILOS EDITOR ******* INICIA *******************************************/

.editor_top {
    background-color: #dddddd;
}

.editor_cuerpo {
    background-color: #dddddd;
}

.editor_coli {
    background-color: #dddddd;
}

.editor_cold {
    background-color: #dddddd;
}

.editor_pie {
    background-color: #dddddd;
    color: #666666;
}

.editor_pie a:link,
.editor_pie a:visited {
    color: #333333;
}

.editor_pie a:hover,
.editor_pie a:active {
    color: #666666;
}


/* ESTILOS EDITOR ******* FIN *******************************************/


/* TEXTOS */

a:link,
a:visited {
    color: #0099ff;
    text-decoration: none;
}

a:hover,
a:active {
    color: #0066dd;
    text-decoration: none;
}

h1 {
    font-weight: normal;
    font-size: 1.8em;
    color: #555555;
    margin: 0;
    padding: 0;
    line-height: normal;
    text-transform: none;
    border: none;
    background-color: transparent;
}

h2 {
    font-weight: normal;
    font-size: 1.6em;
    color: #0099ff;
    margin: 0;
    padding: 0;
    line-height: normal;
    border: none;
    background-color: transparent;
}

h3 {
    font-weight: normal;
    font-size: 1.4em;
    color: #333333;
    margin: 0;
    padding: 0;
    line-height: normal;
    border: none;
    background-color: transparent;
}

h4 {
    font-weight: normal;
    font-size: 1.2em;
    color: #0066dd;
    margin: 0;
    padding: 0;
    line-height: normal;
    border: none;
    text-transform: none;
    background-color: transparent;
}

h5 {
    font-size: 1em;
    color: #666666;
    margin: auto;
    padding: 1% 2%;
    font-weight: normal;
    letter-spacing: .1em;
    word-spacing: .4em;
    background-color: #cccccc
}

h6 {
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    color: #999999;
    border: none;
    display: block;
    background-color: #eeeeee;
    padding: 1% 2%;
    margin: auto;
    text-align: left;
    text-decoration: none;
}

pre {
    font-size: .8em;
    margin: 0px;
}

address {
    font-size: .8em;
    color: #999999;
    margin: 0;
}

p {
    margin: 0
}

li {
    padding-bottom: 10px;
}

ul,
ol {
    padding: 5px 20px 5px 40px;
}

hr {
    height: 1px;
    background: #0F95C9;
    color: #0F95C9;
    border: none;
    clear: both;
    margin: 10px 0;
    display: block
}

#botonera_pie {
    display: block
}

#mapa_pie {
    display: block;
    color: #CC33FF;
}

small {
    font-size: 88%;
}


/* ESTRUCTURALES */

#fondo {}

#centrado {
    background-color: transparent;
    background-image: url(../../sitio/images/fondos/degrade_clarotrans.png);
    background-position: 0 -00px;
    background-repeat: repeat-x;
}

#web {}

#top {
    background-color: transparent;
    border-color: transparent;
}

#coli {
    background-color: transparent;
    border-color: #cccccc;
}

#cold {
    background-color: transparent;
    border-color: #cccccc;
}

#pie {
    background-color: transparent;
    border-color: #dddddd;
}

#pie a:link,
#pie a:visited {
    color: #333333;
}

#pie a:hover,
#pie a:active {
    color: #666666;
}

#pie_txt {
    border-color: transparent;
    background-color: transparent;
    color: #666666;
}


/* NOMBRE */

#logo {}

.logo_txt {}


/* INFORMACION GENERAL */

#cuerpo {
    background-color: transparent;
    border-color: transparent
}

#cuerpo #info {
    background-color: transparent;
}


/* CONTACTO */

#datosContacto {
    border: 1px dashed transparent;
    background-color: transparent
}


/* ADICIONALES */

#visitas {
    background: #000;
    color: #FFF;
    font: bold 16px "Courier New", Courier, monospace;
}

#idiomas {}

#idiomas a:link,
#idiomas a:visited,
#idiomas a:hover {
    border-right: 1px solid #f55c00;
    padding: 0 5px;
    color: #f57900
}

#musica {
    background: url(../../sitio/images/animaciones/musica.gif) left top no-repeat
}

#decoracion {}


/** FORMULARIO **/

#formulario form {
    border: none;
    padding: 3%;
    background: transparent;
    color: #999;
}

fieldset {
    border: none;
    background: transparent
}

fieldset legend {
    font-size: 1.3em;
    text-align: left
}

label {}

form input,
form textarea,
form select {
    font-size: 1em;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
}

input.px,
textarea.px,
select.px {
    border: 1px solid #bbbbbb;
    background: #ffffff;
}

#barra select {
    background: #ffffff;
    border-color: #bbbbbb;
    color: #000000;
}

input.boton {
    font-size: .9em;
    color: #444444;
    text-shadow: 1px 1px 2px #ffffff;
    border: 1px solid #cccccc;
    background: -moz-linear-gradient(top, #f6f6f6 0%, #dddddd 100%);
    /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #dddddd));
    /* webkit */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#dddddd', GradientType=0);
}

input.boton:hover {
    color: #333333;
    text-shadow: none;
    border-color: #cccccc;
    background: -moz-linear-gradient(top, #dddddd 0%, #f6f6f6 100%);
    /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #f6f6f6));
    /* webkit */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#f6f6f6', GradientType=0);
}

.error,
.error_envio {
    font: 12px "Courier New", Courier, monospace;
    color: #000
}

form .mensajes {}

.error_envio {
    border: 1px dashed red;
}


/* FORM LIBRO */

#libroForm span {
    border-top: 1px dashed red;
    border-bottom: 1px dashed red;
}

#libroForm fieldset {
    border: 1px solid #cccccc;
}


/* LIBRO */

#libro span.fecha {
    border: 1px solid #cccccc;
}

#libro span.coment {
    border-top: 1px dashed #333;
}


/**** BOTONERAS ****/

#botoneraTop,
#botonera {
    background-color: transparent;
    border-color: #dddddd
}


/* boton principal o elemento */

#nav {}


/* -- botones COLORES */

#nav a,
#nav #mapaBoton {
    color: #999999;
    text-decoration: none;
    background-color: #eeeeee;
    border-color: #eeeeee;
}

#nav a:hover,
#nav a:focus,
#nav a.select {
    color: #ffffff;
    text-decoration: none;
    background-color: #0599D3;
    border-color: #dddddd;
}


/* -- subbotones COLORES */

#nav .subBoton a:link,
#nav #mapa {
    color: #666666;
    background-color: #eeeeee;
}

#nav .subBoton a:visited {
    color: #444444;
}

#nav .subBoton a:hover,
#nav .subBoton a:focus,
#nav .subBoton a.select {
    color: #0099ff;
    text-decoration: none;
    background-color: #dddddd;
}


/*** Fin BOTONERAS *******************************/


/* COMUNES *******************************************/

a.botoncito,
a.botoncito:visited {
    color: #FFFFFF;
    background-color: #0099ff;
}

a.botoncito:active,
a.botoncito:hover,
a.b_select {
    background-color: #eeeeee;
    color: #0099ff;
    font-weight: normal;
    text-decoration: none
}

.overlink:hover {
    border-color: #0066dd;
    color: #0099ff;
    cursor: pointer
}


/** BUSCADORES -> carro / columna / novedades / faq ****************/

#barra {
    border-color: #cccccc;
    background-color: transparent;
}

#barra .mipedido {
    background-color: #eeeeee
}

#buscador_coliz {
    border-color: #cccccc;
    background-color: #ffffff;
}


/* FAQ */


/* Pregunta de FAQ IGUAL AL H3 pero en link y hover color igual al h1 */

a.faq,
a.faq:visited {
    color: #ff9e3f;
    font-size: 16px;
    font-weight: normal;
    margin: 0;
}

a.faq:hover,
a.faq:focus {
    color: #cccccc;
}

hr.faq {
    height: 1px;
    background: #cccccc;
    color: #cccccc;
    margin: 8px 0;
}


/* PAGINADOR */

.paginador {
    color: #555;
    border-color: #93a9af;
}

.paginador a:link,
.paginador a:visited {
    font-weight: normal;
    color: #666666;
    border-color: #cccccc;
    text-decoration: none;
    text-shadow: 1px 1px 2px #ffffff;
    background: #ffffff;
}

.paginador a.antsig:link,
.paginador a.antsig:visited {
    font-weight: normal;
    color: #666666;
}

.paginador a:hover,
.paginador a:active,
.paginador a.antsig:hover,
.paginador a.antsig:active {
    color: #666666;
    border-color: #cccccc;
    text-decoration: none;
    background: #ddd;
}

.paginador a.actual {
    color: #999999;
    border-color: #dddddd;
    background: #eeeeee;
}

.paginador .apagado {
    color: #999999;
    font-weight: normal;
}


/* ACORDION */

.AccordionPanelTab {
    background-color: #eeeeee;
    color: #333333;
}

.AccordionPanelOpen .AccordionPanelTab {
    background-color: #dddddd;
}

.AccordionPanelTabHover {
    color: #555555;
}

.AccordionPanelOpen .AccordionPanelTabHover {
    color: #555555;
}

.AccordionFocused .AccordionPanelTab {
    background-color: #333333;
}

.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
    background-color: #eeeeee;
}


/** COMPRAS REVISAR **/

#lista_compras {
    background: #999999;
    color: #dddddd
}

#lista_compras_col h2 {
    border-color: #333333;
    background: transparent;
    color: #333333;
}

#lista_compras_col h2:hover {
    color: #ffffff;
    border-color: #dddddd;
}

.lista_compras .compras_prod,
.lista_compras .compras_prod .foto {
    border-color: #dddddd;
}

.lista_compras h2,
.lista_compras h2:hover {
    border-color: #666666;
    background: transparent;
    color: #FFFFFF;
}

.lista_compras a.comprar {
    background: #FF9900;
    border-color: #FF9900;
}

.lista_compras a.comprar:hover {
    border-color: #FFFFFF;
    color: #FFFFFF
}


/** LISTA COMPRAS **/

#lista_compras_detalle table th {
    background-color: #3a3a3a;
    border-color: #333333;
}

#lista_compras_detalle table td {
    border-color: #333333;
}

#lista_compras_detalle input#total {
    color: #FF0000;
    background-color: #cccccc
}


/** FORM COMPRAS **/

form#compra {
    color: #3a3a3a
}

#lista_compras_detalle select {
    border: 1px solid #3a3a3a;
    color: #333;
    background: #FFF;
}


/*** FIN REVISAR ***************************************************************************************/


/* COLUMNAS MODULOS *******************************************/


/* VARIANTES DE COLORES */


/* degradee */

.modulo {
    background: #dddddd;
    border-color: #eeeeee;
    /* old browsers */
    background: -moz-linear-gradient(top, #dddddd 10%, #eeeeee 80%);
    /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #dddddd), color-stop(80%, #eeeeee));
    /* webkit */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#eeeeee', GradientType=0);
    /* ie */
}


/* pleno */


/* color1 y predeterminado son iguales */

.color1 .modulo,
.color1.caja_modelo,
.color1 #barra {
    background: #eeeeee;
    border-color: #999999;
}


/* mas oscuro */

.color2 .modulo,
.color2.caja_modelo {
    background: #666666;
    border-color: #ffffff;
    color: #cccccc;
}

.color2.caja_modelo h2,
.color2.caja_modelo h2,
.color2.caja_modelo h4,
.color2.caja_modelo h4 {
    color: #ffffff;
}


/* todo transparente */

.color3 .modulo,
.color3.caja_modelo,
.color3 #barra,
.x7,
.x10 {
    background: transparent;
    border-color: transparent;
}


/* solo borde */

.color4 .modulo,
.color4.caja_modelo,
.color4 #barra {
    background: transparent;
    border-color: #999999;
}


/* COLUMNAS MODULOS **************FIN*************************/


/* estos van aqui para que se vean en el editor de textos */

a.botoncito {
    display: inline-block;
    padding: 1% 2%;
    margin: 0;
    border: none;
}

.imagenMedio {
    clear: both;
    text-align: center;
    margin: 5px auto 20px auto;
    display: block
}

.imagenIzquierda {
    float: left;
    margin: 0 20px 20px 0;
}

.imagenDerecha {
    float: right;
    margin: 0 0 20px 20px;
}

body {
    background: #0000c5;
    /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, #0000c5 0%, #000009 100%);
    /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, #0000c5 0%, #000009 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #0000c5 0%, #000009 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0000c5', endColorstr='#000009', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

body {
    color: #bbb;
}

h1 {
    color: #fff;
}

h3 {
    color: #d3d3d3
}

.rsDefault,
.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsVideoFrameHolder,
.rsDefault .rsThumbs {
    padding-bottom: 90px
}

.texto_abajo {
    background: transparent none repeat scroll 0 0 !important;
    bottom: 5px !important;
    text-align: center !important;
    width: 92% !important;
    left: 0px !important
}

#nav a,
#nav #mapaBoton {
    background-color: transparent;
    border-color: transparent;
}

h3 {
    color: #ffffff;
}

#centrado {
    background: none
}

#top img {
    max-height: 145px;
    width: auto
}

#top {
    min-height: 155px;
}

#texto_alto {
    float: right;
    text-align: right;
    color: #ddd;
    padding-top: 50px;
    padding-right: 30px;
    max-width: 194px;
}

#nav a {
    padding: 0 .5em;
}

@media (max-width: 710px) {
    #texto_alto {
        max-width: 115px;
    }
    #divBotones {
        padding: 0 !important;
        margin-top: 47px;
    }
    #web {
        padding-top: 30px;
    }
}

@media (max-width: 650px) {
    #texto_alto {
        max-width: 65%;
        float: left;
        padding-top: 5px;
        text-align: left;
    }
    .texto_abajo {
        font-size: 11px !important;
    }
    #nav a:link,
    #nav a:visited,
    #nav #mapaBoton {
        color: #666666 !important;
    }
}