@charset "utf-8";

p{
margin:0 auto 0 auto;
}

/* CSS Document */
.nueva_img{ margin:35px 0 0 12px; background:transparent url(../images/imgs/img_welcome.jpg) no-repeat; width:300px; height:115px; padding:35px 0 0 196px; color:#333; font:normal 11px Arial, Helvetica, sans-serif; line-height:18px}
.nueva_img h2{ font:bold 12px Arial, Helvetica, sans-serif; color:#5B728A; margin:0 0 8px 0}
.read_more{ width:80%; font:normal 11px Arial, Helvetica, sans-serif; text-align:right; margin-top:5px}
.read_more a{text-decoration:underline; color:#600B0D; }
.bg_borde{ background:transparent url(../images/imgs/bg_borde.jpg) no-repeat; width:260px; height:373px; overflow:hidden; float:left;  padding-top:20px}
.bg_borde p{ text-align:center; height:60px; width:100%; }
.bg_borde p a{ width:300px; margin:0 auto}
.bg_borde h3{ font:bold 12px Arial, Helvetica, sans-serif; color:#787B87; width:90%; text-align:left; padding-left:10px}
.home{ background:transparent url(../images/imgs/home.jpg) no-repeat; width:480px; height:266px; float:left; padding-top:10px}
.descripcion{float:left; width:234px; margin:30px 0 0 4px; }
.texto{width:146px; float:left; color:#474747;  padding-left:px; padding-right:10px; font-size:11px}
.texto a{color:#474747; text-decoration:none}
.texto a:hover{color:#474747; text-decoration:underline}
.texto h2{ color:#667cb8; font:bold 11px Arial, Helvetica, sans-serif; margin:0 0 4px 0 }
/* regula los divs que contienen otros divs con FLOAT (firefox)*/
.clearboth{
clear:both;
}

/* elimina el borde en los links a IMAGENES */
img{
border:none;
}

/*elimina el espaciado por defecto de los forms*/
form{
margin:0;
padding:0;/*elimina el espaciado por defecto de los elementos P*/
}

/* setea el ancho de los subtitulos en el contenido*/
#col1 h2{
width:80%;
}

/* espaciado para las imagenes en el contenido (evita que se pegue al texto) */
#contenido img{
float:left;
padding:0 10px 10px 0;
}



/*********************/

body,html{
width:100%;
margin:0;
padding:0;
background:#6171AC;
}

/*contenido de la pagina*/
#G{
width:770px;
margin:auto;
padding:0 0 39px 5px; height:auto; overflow:hidden
}

/* para poder darle color al footer */
#background-G{
width:100%;
background:#FFFFFF url(../images/design/background.jpg) repeat-x;
}
/* para hace que el footer paresca que ocupa espacio en el contenido*/
#background-G-2{
width:100%;
background:url(../images/design/bg-bottom-content.gif) bottom repeat-x;height:auto; overflow:hidden
}

/*div superior (icono CONTACTO y HOME)*/
#marco{
padding:18px 0 10px 3%;

}
#status{
float:left;
}

#lenguage
{
float:right;
}

/*separacion entr los iconos del STATS*/
#status img{
padding:0 5px 0 5px;
}

/* div de logos */
#logo{
padding:20px 0 20px 0;
text-align:center;
}

/*div de BOTONES PRINCIPALES*/
#botones{
width:100%;
background:#FFFFFF url(../images/design/bg-botones.jpg) bottom center no-repeat;
padding:0 0 13px;
margin:0 0 5px;
}

/*columna IZQUIERDA*/
#col1{
width:260px;
float:left;
padding:0 0 10px 0;
}

/*columna CONTENIDO*/
#col2{
width:510px;
float:left;
padding:0 0 10px 0;
}

/*banner flash	*/
.banner{
float:left;
}

/*modulo de ACCESO*/
#login{
width:250px;
padding:8px 0 8px 0;
margin:auto;
border:solid 1px;
border-color:#D1D1D1;
background: #FFFFFF url(../images/design/bg-login.jpg) repeat-x;
}

#noticias{
width:250px;
padding:8px 0 8px 0;
margin:auto;
border:solid 1px;
border-color:#D1D1D1;
background: #FFFFFF url(../images/design/bg-noticias.jpg) bottom repeat-x;
}

/*espaciado para los titulos*/
#col1 h1{
padding:0 0 0 15px;
margin:0 0 10px 0;
float:left;
}

/*estilo para el titulo de las noticias (HOME)*/
#col1 h2{
padding:0 0 0 15px;
float:left;
}

/*texto de noticias (HOME)*/
.txtnoticia{
float:left;
padding:0 10px 0 15px;
}

/*boton VER en noticias (HOME)*/
.noticia-ver{
float:left;
margin:5px 0 0 15px;
}

/* linea divisoria entre noticias (HOME) */
.noticia-division{
width:200px;
height:1px;
float:left;
margin:10px 0 10px 15px;
border-top:solid 1px;
border-color:#035D9C;
}



/*div de contenidos*/
#contenido{
width:490px;
float:left;
padding:35px 0 0 15px;
}
#contenido2{
width:490px;
float:left;
padding:5px 0 0 15px;
}

/*lista en texto*/
.post-1{
width:480px;
float:left;
padding:0 10px 10px 0;
}

.post-2{
width:189px;
float:left;
padding:0 10px 10px 0;
border:thin;
}

.post-3{
width:230px;
float:right;
padding:0 50px 10px 0;
}
/* contenedor de destacados */
#destacados-home{
width:470px;
padding:0 0 10px 20px;
float:left;
}

/* cuadro destacado (fondo blando y borde) */
.destacado{
width:130px;
padding:7px;
float:left;
margin:4px;
background:#FFFFFF;
border:solid 1px;
border-color:#7D97A6;
}

/* color de background del footer */
#footer{
float:left;
width:100%;
background:#6171AC;
padding:15px 0 10px 0;
}

/* contenedor de textos en el footer */
#footer-contenido{
width:480px;
margin:auto;
padding:0 20px 10px 270px;
}

/* datos de foter (izquierda) */
#footer-contenido-1{
float:left;
background:url(../images/design/icon-footer.gif) left top no-repeat;
padding:0 0 0 20px;
text-align:left;
}

/* datos de foter (derecha) */
#footer-contenido-2{
float:right;
width:150px;
background:url(../images/design/icon-footer.gif) left top no-repeat;
padding:0 20px 0 20px;
text-align:left;
}

/* altura para los subtitulos en el contenido */
.post-1 strong{
width:100%;
margin:0 0 20px 0;
}

/* margenes para la parte de VISITE TAMBIEN */
.visite-tambien{
float:left;
width:100%;
padding:10px 0 10px 0;
text-align:right;
}



/**********COLUMNAS PARA SECCION PRODUCTOS *******/

/* columna izquierda (contenedor de paneles chicos) */
#productos-col1{
width:150px;
float:left;
padding:0 5px 5px 15px;
}


/* columna derecha (contenedor de panel grande) */
#productos-col2{
width:330px;
float:left;
padding:0 0 0 5px;
}

/* estilos para cuadros destacados (columna izquierda */
#productos-col1 .destacado{
margin:0 0 5px 0;
}

/* estilo para cuadro contenedor de productos, titulos y paginacion */
#destacados-productos{
width:325px;
float:left;
border:solid 1px;
border-color:#6271AC;
background:#FFFFFF;
}

/* contenedor de fotos de productos*/
#destacados-productos-fotos{
padding:10px 0 25px 10px;
float:left;
}

/* paginacion de fondo morado en catalogo DE PRODUCTOS */
#destacados-productos .paginacion{
width:98%;
padding:5px 0 5px 2%;
background:#6271AC;
float:left;
}

/* espaciado para titulo en catalogo de PRODUCTOS */
#destacados-productos h1{
padding:10px;
}

/* contenedor de fotos para cada producto en seccion de PRODUCTOS */
#destacados-productos-fotos .destacado{
width:90px;
float:left;
margin:5px;
padding:0;
text-align:center;
border:none;
}



/* estilo (borde) para imagenes en el catalogo de PRODUCTOS */
#destacados-productos-fotos .destacado img{
border:solid 1px;
border-color:#BFBFBF;
text-align:center;
}


#productos-col1 .ver{
background:#015DA6;
margin:10px 0 0 0;
padding:4px 4px 4px 10px;
width:auto;
}

/**********COLUMNAS PARA LOGIN (HOME) *******/
.fila1{
padding:1px 0 1px 0;
}

.columna1{
width:35%;
padding:0 0 0 5%;
float:left;
}

.columna2{
width:59%;
padding:0 0 0 0;
float:left;
}














/*************************** SISTEMA ************************************/
.s-height{
height:40px;
}
.s-height-mini{
height:15px;
}

#s-navegacion{
padding:0 0 5px 0;
text-align:center;
}

.s-contenido1{
width:490px;
margin:auto;
}

.s-contenido2{
width:350px;
margin:auto;
}

.s-titulo{
padding:25px 0 10px;
}

.s-subtitulo{
padding:10px 0 3px 0;
}

.s-boton{
text-align:right;
padding:10px 70px 15px 0;
}

.s-subtitulo-titulo{
padding:5px 0 5px 5px;
background:#0563A9;
}

.s-subtitulo img{
margin:5px 10px 0 10px;
}




/* fila 1 (2 columnas) */
.s-fila1{
width:490px;
margin:auto;
padding:3px 0 3px 0;
overflow:auto;
}
.s-col1-1{
width:35%;
float:left;
}
.s-col1-2{
width:64%;
float:left;
}



/**********/

/* fila 5  (5 columnas  CARRITO DE COMPRAS)*/
.s-fila5-titulo{
width:490px;
margin:auto;
padding:10px 0 10px 0;
background:#0563A9;
overflow:auto;
text-align:center;
}

.s-fila5{
width:490px;
margin:1px auto;
padding:10px 0 10px 0;
background:#F5F5F5;
overflow:auto;
text-align:center;
}


.s-col5-1{
width:10%;
float:left;
}

.s-col5-2{
width:30%;
float:left;
}

.s-col5-3{
width:35%;
float:left;
}

.s-col5-4{
width:10%;
float:left;
}

.s-col5-5{
width:14%;
float:left;
}

/**********/

/* fila 6  (3 columnas CARRITO DE COMPRAS PASO 2)*/
.s-fila6-titulo{
width:490px;
margin:auto;
padding:10px 0 10px 0;
background:#0563A9;
overflow:auto;
text-align:center;
}

.s-fila6{
width:490px;
margin:1px auto;
padding:10px 0 10px 0;
background:#F5F5F5;
overflow:auto;
text-align:center;
}


.s-col6-1{
width:40%;
float:left;
}

.s-col6-2{
width:40%;
float:left;
}

.s-col6-3{
width:20%;
float:left;
}

/**********/