/**************************************************************************************
Documento CSS para www.8solar.com

realizado por idominiun

www.idominiun.com
info@idominiun.com
**************************************************************************************
INFO:
	
	Tama�os encabezados: h3:14px h4:12px h5:11px
*************************************************************************************/
* {
	margin:0px;
	padding:0px;
}
/**************************************************************************************
		BODY 
**************************************************************************************/
body {
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}
/***************************************************************************************
		ELEMENTOS GENERALES
***************************************************************************************/
/************************
				ENCABEZADOS
************************/
h3 {
	padding:0px;
	margin:0px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
	color:#f90;
	font-size:14px;
	font-weight:normal;
}
/* clases */
h3.enc1 { /*lleva margen porque no se mete en ninguna div cabecera*/
	margin-bottom:10px;
}
h3.enc2, h3.enc3, h3.enc4 {
	font-weight:bold;
}
h3.enc2 {
	color:#fff;
}
h3.enc3{
	color:#333;
}
h3.enc4 {
	float:right;
	margin-top:5px;
	color:#f90;
}
h3.enc5 {
	background:url(../imagenes/adorno_noticias.gif) no-repeat;
	padding:0px 0px 5px 15px;
	border-bottom:#ccc dotted 1px;
}	
h3.enc6 {
	margin-bottom:5px;
	padding:4px 15px 0px 5px;
	height:18px;
	font-weight:bold;
	background:url(../imagenes/fondo_familias_productos.gif) no-repeat;
	color:#333;
	border:#999 solid 1px;
}
h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
}
/* clases */
h4.enc1 {
	font-weight:normal;
}
h5 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	font-size:11px;
}
/* clases */
h5.enc1 {
	font-weight:normal;
}
h5.enc2 {
	color:#fff;
}
h6 {
	font-size:10px;
}
/************************
				ENLACES
************************/
a {
	text-decoration:none;
}
a:link, a:visited {
	color:#666;
}
a:hover {
	color:#f90;
}
/* clases */
a.e2 {
	font-size:11px;
	font-weight:bold;
}
a.e2, a.e2:visited {
	color:#f90;
}
a.e2:hover {
	color:#666;
}

a.e4 {
	height:15px;
	display:block;
	font-size:11px;
}
a.e4:hover {
	background-color:#fff;
}
a.f1, span#precio {
	display:block;
	padding-top:4px;
	width:130px;
	height:18px;
	background:url(../imagenes/fondo_li_productos.gif) no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-size:12px;
	font-weight:bold;
	text-align:center;
	color:#333;
}
a.f1:link, a.f1:visited {
	color:#333;
}
a.f1:hover {
	color:#fff;
	background:url(../imagenes/fondo_li_productos_sobre.gif) no-repeat;
}	
/************************
				UL, LI
************************/
ul {
	margin:0px;
	padding:0px;
	text-align:left;
	text-decoration:none;
}
ul li {
	margin:0px 0px 5px 0px;
	padding:0px;
	list-style:none;
}
/* clases */
ul.pad_5 {
	padding:5px;
}
ul.links {
}
ul.links li{
	background:url(../imagenes/adorno_noticias.gif) no-repeat;
	padding:0px 0px 0px 15px;
	margin-bottom:5px;
}
ul.links a {
	border-bottom:#ccc dotted 1px;
	font-size:14px;
}
/************************
				P�RRAFOS
************************/
p {
	text-align:left;
}
/************************
				IM�GENES
************************/
img {
	border:none;
}
img.con_borde {
	text-align:left;
	border:#ccc solid 1px;
}
img.contenidos {
	margin-bottom:15px;
}
/***************************************************************************************
		CONTENEDOR
***************************************************************************************/
#contenedor {
	width:950px;
	margin:auto;
}
/***************************************************************************************
		CABECERA
***************************************************************************************/
#cabecera {
	margin-bottom:5px;
}
/***************************************************************************************
		COLUMNA IZQUIERDA
***************************************************************************************/
#columna_izda {
	float:left;
	width:248px;
	background:  url(../imagenes/tienda_cuerpo.gif) repeat-y;
}
#columna_izda_cabecera {
	height:30px;
	background:  url(../imagenes/tienda.gif) repeat-y;
}
#columna_izda_cuerpo {
	padding:15px;
	min-height:950px;
	height:auto;
}
.bloque_col_izda {
	padding:1px;
	margin-bottom:10px;
	width:216px;
	background-color:#f7f7f7;
	border:#ccc solid 1px;
}
	.bloque_col_izda p {
		margin:15px 5px;
	}
	.bloque_col_izda_cab {
		padding:5px;
		background:url(../imagenes/cabecera_fam_tienda.gif) no-repeat;
		height:22px;
	}
	.bloque_col_izda_pie {
		background:url(../imagenes/pie_bloque_tienda.gif) no-repeat;
		height:22px;
	}
#columna_izda_pie {
	height:18px;
	background:  url(../imagenes/tienda_pie.gif) no-repeat;
}
/*boton ver carro*/
#ver_carro {
	margin-left:30px;
}
#ver_carro a {
	display:block;
	padding-top:10px;
	width:160px;
	height:36px;
	font-size:11px;
	font-weight:bold;
}
#ver_carro a:link, #ver_carro a:visited {
	color:#333;
	background: url(../imagenes/bg_ver_carro.gif) no-repeat;
}
#ver_carro a:hover {
	color:#fff;
	background: url(../imagenes/bg_ver_carro_sobre.gif) no-repeat;
}
/***************************************************************************************
		CONTENIDO
***************************************************************************************/
#contenido {
	width:540px;
	margin:0px 0px 0px 255px;
}

/************************
				POST_G
************************/
/*Tipo de Posts
 		post_g //ancho 540 (igual que contenido)
		post_g_video //float left
		post_m //ancho 260
*/
/*Tiene el ancho de contenidos*/
.post_g {
}
.post_g_video {
	float:left;
}
/*cabeceras*/
.post_g_cabecera {
	height:30px;
}
/*cuerpos*/
/*Tipo de cuerpos
 		post_g_cuerpo //sin tama�o
		post_g_cuerpo_a //min height 950 para igualar con tienda y noticias
		post_g_cuerpo_b //height 260px
*/
.post_g_cuerpo, #post_g_cuerpo_a, #post_g_cuerpo_b {
	padding:15px;
	background:url(../imagenes/post_g_cuerpo.gif) repeat-y;
}
.post_g_cuerpo {
}
.post_g_cuerpo_a {
	min-height:950px;
	height:auto;
}
.post_g_cuerpo_b {
	height:300px;
}
.post_g_pie {
	height:18px;
	background:  url(../imagenes/post_g_pie.gif) no-repeat;
}
/************************
				POST_M
************************/
/* POST_M es la mitad de ancho que post_g*/
.post_m {
	width:270px;
	float:left;
}
/*cuerpo*/
.post_m_cuerpo {
	padding:15px;
	background:url(../imagenes/post_m_cuerpo.gif) repeat-y;
	height:200px;
}
/*pie*/
.post_m_pie {
	height:18px;
	background:  url(../imagenes/post_m_pie.gif) no-repeat;
}
/************************
				BLOQUES
************************/
#bloque_post {	/*contiene cada uno de los distintos bloques*/
	width:508px;
	margin-bottom:15px;
	border:#ccc solid 1px;
	background-color:#FFF;
	text-align:left;
}
/* cabeceras */
#bloque_post_cabecera {
	padding:5px;
	height:12px;
	background:url(../imagenes/cabecera_bloque.gif) no-repeat;
}
#bloque_post_cabecera_simple {
	padding-left:15px;
	margin:10px 15px;
	background:url(../imagenes/adorno_noticias.gif) bottom left no-repeat;
	border-bottom:#ccc dotted 1px;
}

/*cuerpos*/
/*Tipo de cuerpos
 		bloque_post_cuerpo //sin tama�o
		bloque_post_cuerpo_a //min height 100
		bloque_post_cuerpo_b //min height 200
		bloque_post_cuerpo_c //min height 300
*/
#bloque_post_cuerpo, #bloque_post_cuerpo_a, #bloque_post_cuerpo_b, #bloque_post_cuerpo_c ,#bloque_post_cuerpo_hexagonos, #bloque_post_cuerpo_logo {
	padding:15px;
}
#bloque_post_cuerpo_a,#bloque_post_cuerpo_hexagonos, #bloque_post_cuerpo_logo {
	min-height:100px;
	height:auto;
}
#bloque_post_cuerpo_b {
	min-height:200px;
	height:auto;
}
#bloque_post_cuerpo_c {
	min-height:300px;
	height:auto;
}
#bloque_post_cuerpo_hexagonos {
	background:url(../imagenes/fondo_hexagonos.jpg) bottom right no-repeat;
}
#bloque_post_cuerpo_logo {
	background:url(../imagenes/fondo_logotipo.jpg) bottom right no-repeat;
}

/*#bloque_post_inferior {
	padding:5px 15px;
}*/
/* pie */
#bloque_post_pie {
	height:32px;
	background:url(../imagenes/fondo_ul_productos.gif) no-repeat;
}
#bloque_post_pie ul {
	height:22px;
}
#bloque_post_pie ul li {
	float:right;
	margin-right:5px;
	background-color:#fccd33;
}
/*otros*/
.imagen_post_izq {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.imagen_post_der {
	float:right;
}
.bloque_ppal, .bloque_ppal_salto {
	float:left;
	width:255px;
	margin-bottom:5px;
}

#cabecera_bloque_ppal {
	width:255px;
	height:30px;
}
/***************************************************************************************
		COLUMNA DERECHA
***************************************************************************************/
#columna_dcha {
	float:right;
	width:150px;
	background: url(../imagenes/noticias_cuerpo.gif) repeat-y;
}
#columna_dcha_cabecera {
	height:30px;
	background: url(../imagenes/ult_noticias.gif) repeat-y;
}
#columna_dcha_cuerpo {
	text-align:left;
	padding:15px 10px;
	min-height:950px;
	height:auto;
}
.bloque_col_dcha {
	margin-bottom:15px;
}
.bloque_col_dcha_cab {
	padding:4px 10px 0px 10px;
	width:110px;
	height:16px;
	/*text-indent:10px;*/
	background:#fff url(../imagenes/fondo_cab_ult_noticias.gif) no-repeat;
}
.bloque_col_dcha_cuerpo {
	padding:5px 15px;
}
#columna_dcha_pie {
	height:18px;
	background:  url(../imagenes/noticias_pie.gif) no-repeat;
}
/***************************************************************************************
		PIE WEB
***************************************************************************************/
#pie {
	padding-top:10px;
	margin-top:5px;
	height:50px;
	background:url(../imagenes/pie_web.gif) no-repeat;
	clear:both;
	font-size:12px;
}
#pie span {
	color:#999;
	font-weight:normal;
}
#pie a {
	font-weight:normal;
	font-size:11px;
}
#desarrollado_por {
}
#desarrollado_por img {
	border:none;
}
/***************************************************************************************
		FORMULARIO
***************************************************************************************/
#datos_pedido, #datos_contacto {
	margin:10px 0px 20px 50px;
	text-align:left;
}
input, textarea {
	border:#999 1px solid;
	margin-bottom:10px;
}
label {
	display:block;
}
input.entrada_p {
	width:50px;
}
input.entrada_m {
	width:150px;
}
input.entrada_g {
	width:300px;
}
input.entrada_sg {
	width:400px;
}
textarea.entrada_sg {
	width:400px;
	height:300px;
}
a.boton_m,  input.boton_m {
	width:65px;
	height:22px;
	background: url(../imagenes/fondo_li_m.gif) no-repeat;
}
a.boton_g,  input.boton_g {
	width:130px;
	height:22px;
	background: url(../imagenes/fondo_li_g.gif) no-repeat;
}
a.boton_g,  a.boton_m {
	padding-top:3px;
	display:block;
}
a.boton_g:link,  a.boton_g:visited,  a.boton_m:link,  a.boton_m:visited,  a.boton_carro:link{
	font-size:11px;
	color:#333;
}
a.boton_g:hover,  a.boton_m:hover  {
	font-size:11px;
	color:#666;
}
input.boton_g,  input.boton_m {
	border:none;
	cursor:pointer;
}
/***************************************************************************************
		noTABLAS css
***************************************************************************************/
.carro {
	margin-bottom:15px;
	width:510px;
	font-size:10px;
	min-height:100px;
	height:auto;
}
.carro li {
	padding:5px 5px 0px 5px;
	margin-right:1px;
	float:left;
	text-align:right;
	height:20px;
	background-color:#fff;
}
li.ref_cab, li.producto_cab, li.cantidad_cab, li.precio_cab, li.importe_cab, li.importe_total {
	/*height:15px;*/
	background-color:#666;
	color:#fff;
	text-align:left;
	font-weight:bold;
	font-size:11px;
}
li.borrar_cab,li.borrar  {
	width:16px;
}
li.ref_cab, li.ref {
	width:39px;
}
li.producto_cab, li.producto {
	width:135px;
}
li.cantidad_cab, li.cantidad {
	width:38px;

}
li.precio_cab, li.precio {
	width:105px;

}
li.importe_cab, li.importe,li.importe_total {
	width:110px;
}
li.fin_grid {
	width:500px;
	height:10px;
	border-top:#ccc solid 1px;
	background-color:transparent;
}
li.importe_total_encabezado {
	margin-left:350px;
	/*float:right;*/
}
li.importe_total{
	background-color:#666;
	color:#fff;
	text-align:right;
	/*float:right;*/
}
li.pedido {
	padding:0px;
	width:135px;
	text-align:center;
	margin-left:379px;
	/*float:right;*/
}
/*********************************************************************************************/
p.ind {
   text-indent:15px;
    margin-top:10px;
    margin-bottom:5px;
}