/*---------------------------------------------------------------------------------------------
CoolSign
Julio de 2010 (R)
-----------------------------------------------------------------------------------------------*/

/*-------------------------
Etiquetas HTML
---------------------------*/

body{
font:13px Arial, Helvetica, sans-serif;
margin:0; padding:0;
background-color:#E7E7E7;
color:#333;

}

a img, table{
border:0px;

}

#page nav
{
	display: none;
}


#Logo { height: 41px; display: inline-block; padding-top: 0px; line-height: 10px; }
#Logo.svg { padding:0px; }
#Logo.svg img {
	max-height: 50px;
	top: -10px;
	position: relative;
	background-image: url(img/logo.png);
}


#header,
.header,
#footer
{
	background: #fff;
	font-size: 16px;
	font-weight: bold;
	color: #F00;
	text-align: center;
	line-height: 51px;
	height: 75px;
	padding: 0 50px;
}

/* INICIA CATEGORÍAS */



#registro{
width:80px; 
font-size:11px; 
COLOR: #999999; 
BACKGROUND-COLOR: white;

}

.a0
{
font:14px Arial, Helvetica, sans-serif;
color:blue;
text-decoration:none;
}

/* TERMINA SECCIÓN CATEGORÍAS */



#contenedor{
width:950px;
margin:auto;
background-color:#FFF;
}
.loggin_1{
padding: 10px 10px 10px 10px;
background-color: #000;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
	-khtml-opacity: 0.6;
    opacity: 0.7;
    color: #fff;
 
}
.a2
{
color:grey;
text-decoration:none;
margin: 15px 0px 0px 8px;
}


/*INICIA CUERPO*/
#cuerpo{
width:940px;
margin:auto;
background-color:#FFF;
}



h3{
color:orange;
margin:auto;
font-weight:bolder;
}



a0
{
width:950px;
height:148px;
border: 0; 
}


/*TERMINA CUERPO*/

/* INICIA CONTENEDOR PRODUCTOS */


#contenedor_productos{
width:770px;
margin:auto;
background-color:#FFF;
text-align:justify;
}


#fotos_historia{
width:170px;
height:99px;
margin: 15px 0px 0px 20px;
float:left;
background-color:#FFF;

}

/*TERMINA CONTENEDOR PRODUCTOS*/




/* INICIA PUBLICIDAD */
#publicidad{
width:150px;
margin: 15px 0px 0px 0px;
float:right;
}

.decoracion{
text-decoration:none;
}

.alineacion{
text-decoration:none;
text-align:center;

}
.img1{
width:150px;
height:225px;


}

/* TERMINA PUBLICIDAD */




/* INICIA HEADER */
.socialMedia { padding: 10px 0px 0px 0px;  display: inline-block; width: 100%; text-align: center; }
.socialMedia.scl-grey { background-color: #233241; }

.socialMedia a { background: url("fonts/icons.svg") no-repeat left top; text-indent: -9999px; overflow: hidden; display: inline-block; margin-right: 5px; }
.socialMedia a { width:26px; height: 26px; color: rgba(0, 0, 0, 0); }
.socialMedia a:hover { opacity: 0.9; }

.socialMedia a.ico-facebook { background-position: -16px -436px; }
.socialMedia a.ico-gplus { background-position: -94px -436px; }

.socialMedia.scl-grey a.ico-facebook { background-position: -16px -465px; }
.socialMedia.scl-grey a.ico-gplus { background-position: -94px -465px;text-align: right;}



.aviso{
border-bottom:0px solid #f29400;
height:30px;
background:#FFF url("../images/back_aviso.jpg") top left repeat-x;
margin: 5px 0px 0px 0px;
text-align:center;
padding:12px;
}

#header{
border-bottom:1px solid #f29400;
height:68px;
background:#FFF url("../images/back_aviso_small.jpg") top left repeat-x;
}

.img2 {
margin: 12px 0px 0px 38px;
border: 0px;
}

#header_popup{
border-bottom:2px solid #f29400;
height:50px;
background:#FFF url("../images/back_aviso_small.jpg") top left repeat-x;
}

.sinlinea {
font:12px Arial, Helvetica, sans-serif;
margin: 10px 10px 0px 0px;
float:right;
color:grey;
}

.a1
{
color:grey;
text-decoration:none;
}

.registro
{
color:blue;
text-decoration:none;
}

/* TERMINA HEADER */


/* INICIA PIE */
#pies{
border-top:0px solid #f29400;
height:90px;
background-color:#282828;

}

#pies p{
text-align:center;
margin: 0px 0px 0px 0px;
font-size:12px;
color:#FFF;
}

.banner_float{
float:none;
}


/* TERMINA PIE */

/* INICIA TABLAS */
#tablas {
width:600px;
margin:auto;
padding:0px;
background-color:#FFF;
font:12px Arial, Helvetica, sans-serif;
color:grey;
text-align:center;

}

.titulos {
height:30px;
width:600px;
margin: 0px auto;
background:#FFF url("../images/img_titulo_tablas.png") top left repeat-x;
text-align:left;
padding: 0px;

}

.titulos_masvendidos {
height:30px;
width:600px;
margin: 0px auto;
background:#FFF url("../images/img_titulo_masvendidos.gif") top left repeat-x;
text-align:left;
padding: 0px;

}
 
.titulos_pie {
height:30px;
width:600px;
background:#FFF url("../images/img_titulo_tablas_pie.png") top left repeat-x;
margin: 0px auto;
}
.contenidos {
border-right:1px solid #d8d8d8;
border-left:1px solid #d8d8d8;

}

.lineas {
border-top:1px solid #d8d8d8;

}



/* TERMINA TABLAS */

/* INICIA FORMATO PRODUCTOS */

#preguntas_clientes {
height:20px;
width:800px;
margin: 0px auto;
background-color:white;
margin: 5px 0px 0px 0px;

}

.linea_masvendidos {
border-right:1px solid #d8d8d8;
border-left:1px solid #d8d8d8;
width:598px;
margin: 0px auto;
}
.contenidos_productos {
border-right:1px solid #d8d8d8;
border-left:1px solid #d8d8d8;
width:928px;
margin: 0px auto;
}
.titulos_productos {
height:30px;
width:930px;
margin: 0px auto;
background:#FFF url("../images/img_titulo_tablas_productos.png") top left repeat-x;
text-align:left;
padding: 0px;

}

.division_productos {
height:30px;
width:928px;
margin: 0px auto;
background:#FFF url("../images/img_division_tablas_productos.png") top left repeat-x;
padding: 0px;

}
.pestanas {
height:20px;
width:122px;
margin: 0px auto;
background:#FFF url("../images/pestanas.jpg") top left repeat-x;
margin: -20px 0px 0px 5px;
position: absolute;
}


.pestana_descripcion {
height:30px;
width:122px;
margin: 0px auto;
background:#FFF url("../images/pestana-descripcion.jpg") top left repeat-x;
margin: -30px 0px 0px 5px;
position: absolute;
}

.pestana_preguntas {
height:30px;
width:122px;
margin: 0px auto;
background:#FFF url("../images/pestana-preguntas.jpg") top left repeat-x;
margin: -30px 0px 0px 5px;
position: absolute;
}

.titulos_pie_productos {
height:30px;
width:930px;
margin: 0px auto;
background:#FFF url("../images/img_titulo_tablas_pie_productos.png") top left repeat-x;
padding: 0px;
}


/*TERMINA FORMATO PRODUCTOS*/

fieldset{
border:1px;
background-color:#D9D9D9;
color: black;
Width:280px;
height:auto;
}

fieldset.new{
background-color:#D9D9D9;
color: black;
Width:320px;
height:auto;
}

label.alinew
{
width: 10em;
float: left;
text-align: right;
display: block;
margin:0; padding:0;

}

label.alinew2
{
width: 13em;
float: left;
text-align: right;
display: block;
margin:1; padding:0;
}


label.alin_admin
{
width: 10em;
float: left;
text-align: right;
display: block;
margin:0; padding:0;

}

.titulo{
width:300px;
height:20px;
font-family:Arial;
color:black;
font-size:15px;
font-weight:bold;

}

.titulo1{
width:400px;
height:20px;
font-family:Arial;
color:black;
font-size:15px;
font-weight:bold;

}



input.formularios1{
font-size:12px;
color:black;
height:15px;
width:190px;
display:block;

}
/*
label.alin
{
width: 7em;
float: left;
text-align: right;
display: block;
margin:0; padding:0;
}


#columnaA{
margin:0px 0px 120px 0px;
width:470px;
}

.conlumnaA-int{
display:block;
width:440px;
}
.conlumna{
clear:both;
margin:10px 0px 10px 0px;
border-bottom:1px solid #c6c6c6;
overflow:auto;
padding-bottom:10px;
}

.columna img{
float:left;
margin: 0px 10px 0px 0px;
	border: 1px solid #999;
}




/* Menu Botonera */



input.btn{
font-size:12px;
color:white;
height:30px;
width:130px;
border:1px solid #eee;
border-right: 1px solid #292929;
background:#FFF url("../images/Dbtnback.jpg") top left repeat-x;
}
/* inicio botones compra producto*/
input.btn0{
font-size:12px;
color:white;
height:30px;
width:210px;
border:0px solid #FFF;
border-right: 1px solid #292929;
background:#FFF url("../images/Dbtnback.jpg") top left repeat-x;
}
.btn0:focus
{
	background:#FFF url("../images/Dbtnback1.jpg") top left repeat-x;
	text-decoration: underline;
}
.btn0:hover /*Botones face loggin*/
{
	background:#FFF url("../images/Dbtnback1.jpg") top left repeat-x;
	text-decoration: underline;
}
/* fin botones compra producto*/
/* inicio botones compra producto*/
input.btn2{
font-size:12px;
color:white;
height:30px;
width:210px;
border:0px solid #FFF;
border-right: 1px solid #292929;
background:#FFF url("../images/Dbtnback2.jpg") top left repeat-x;
}
.btn2:focus
{
	background:#FFF url("../images/Dbtnback1.jpg") top left repeat-x;
	text-decoration: underline;
}
.btn2:hover /*Botones face loggin*/
{
	background:#FFF url("../images/Dbtnback1.jpg") top left repeat-x;
	text-decoration: underline;
}
/* fin botones compra producto*/


input.btn1{
font-size:12px;
color:white;
height:26px;
width:130px;
border:0px solid #FFF;
border-right: 1px solid #292929;
background:#FFF url("../images/Dbtnback.jpg") top left repeat-x;
}
.btn1:focus
{
	background:#FFF url("../images/Dbtnback1.jpg") top left repeat-x;
	text-decoration: underline;
}
.btn1:hover /*Botones face loggin*/
{
	background:#FFF url("../images/Dbtnback1.jpg") top left repeat-x;
	text-decoration: underline;
}
.main_menu /*Menu botones fondo*/
{

	margin: 8px 0px 0px 0px;
	position: inherit;
	list-style: none;
	list-style-image:none;
	height:auto; 
	width:910px;
	height:30px;
	background:#FFF url("../images/Dbtnback.jpg") top left repeat-x;
}

.main_menu li input 
{
	display:block; 
float:left; 
	text-decoration: none; 
font-size:10px;
	color: white;

}

.main_menu li input:focus
{
	background:#FFF url("../images/Dbtnback.jpg") top left repeat-x;
}
.main_menu li input:hover
{
	background:#FFF url("../images/Dbtnback1.jpg") top left repeat-x;
	text-decoration: underline;
}