/*Documento CSS para 

realizado por idominiun

www.idominiun.com
info@idominiun.com
**************************************************************************************
INFO:
	
	tamanos: 
		contenedor: 		1000px
			contenido: 		960px
**************************************************************************************/

/* import */
@import 'formulario.css';


/*************************************************************************************
	GENERAL 
**************************************************************************************/
* {margin:0px;padding:0px;}

/***************************************************************************************
	ELEMENTOS GENERICOS
***************************************************************************************/

/* LIMPIADORA */
div.limpia {clear:both;}

/* ENCABEZADOS */
h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:800;
	color:#036;
	margin-bottom:10px;
}
	h1 span {color:#09f;font-weight:200;}

h2 {  /* encabezados secciones */
	width:100%;
	height:45px;
	margin-top:10px;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:18px;
	font-weight:400;
	color:#f60;
	font-style:italic;
	text-indent:25px;
	line-height:45px;
	background:#fff url(../imagenes/bg_cabecera_seccion.jpg) no-repeat;
}

h3 {font-size:12px;color:#f60;margin-bottom:5px;}
h4 {margin-bottom:5px;}
/* PARRAFOS */
p {margin:10px 0px;line-height:17px;}


/* ULs */
ul {list-style:none;}


/* ENLACES */
a {color:#666;text-decoration:underline;}

a:hover {color:#f60;text-decoration:underline;}


/* IMAGENES */
img {border:none;}

/**************************************************************************************
	BODY 
**************************************************************************************/
body {
	text-align:center;
	background:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#666;
}
/***************************************************************************************
	CONTENEDOR
***************************************************************************************/
div#contenedor {
	width:1000px;
	margin:auto;
}
div#contenedor_index { /* SOLO EN INDEX */
	width:1000px;
	margin:auto;
	background:#000;
	height:2800px;	
}
/***************************************************************************************
	CABECERA
***************************************************************************************/
div#contenedor_cabecera {
	width:100%;
	height:195px; /*120+55*/
	background:#fff url(../imagenes/bg_contenedor_cabecera.jpg) bottom repeat-x;
	text-align:center;
}
div#cabecera {
	width:1000px;
	height:120px;
	background:#fff url(../imagenes/bg_cabecera.jpg) top center no-repeat;
	margin:auto;
	margin-bottom:20px;
}
	/*#cabecera img {
		float:left;
	}*/
	/****************************
		MENU PRINCIPAL
	****************************/
	div#menu_principal {
		margin:auto;
		width:1000px;
		height:55px;
	}


/****************************************************************
	CONTENIDOS
****************************************************************/
div#contenido {
	padding:30px 20px 0px 20px;
	width:960px;
	/*background:#f1f1f1 url(../imagenes/bg_contenido.jpg) repeat-x;*/
	background:#fff;
	text-align:left;
}

/*******************************************
	PRINCIPAL
*******************************************/
div#principal {
	width:100%;
	height:auto;
	margin-top:30px;
	margin-bottom:10px;
}

/*******************************************
	SIDEBAR
*******************************************/
div#sidebar {

}


/************************************
		BLOQUES
************************************/ 
div.bloque_xxs,
div.bloque_xs,
div.bloque_s,
div.bloque_m,
div.bloque_l,
div.bloque_xl,
div.bloque_xxl,
div.bloque_3xl,
div.bloque_4xl {
	padding:10px;
	float:left;
}
div.bloque_xxs {width:180px;} /* 200 */
div.bloque_xs {width:240px;} /* 260 */
div.bloque_s {width:280px;} /* 300 */
div.bloque_m {width:320px;} /* 320 */
div.bloque_l {width:330px;} /* 350 */
div.bloque_xl {width:380px;} /* 400 */
div.bloque_xxl {width:430px;} /* 450 */
div.bloque_3xl {width:580px;} /* 600 */
div.bloque_4xl {width:940px;} /* 960 */

/*
	.bloque_5xl
	.bloque_6xl, etc...
*/ 

div.cabecera_bloque {
	height:30px;
}
div.cuerpo_bloque {
	padding:10px;
}
div.pie_bloque {
	width:100%;
}
/****************************************************
	PIE WEB
****************************************************/		
div#pie {
	width:100%;
	height:210px;
	margin-top:50px;
	background:#e8e8e8 url(../imagenes/bg_pie.jpg) repeat-x;
	text-align:center;
}
	#pie div#contenido_pie{
		width:1000px;
		margin:auto;
	}
		#contenido_pie ul#menu_pie {
			padding-top:20px;
			width:100%;
			height:20px;
			text-align:center;
		}
			ul#menu_pie li {
				display:inline;
				margin:0px 3px;
			}
		
		#contenido_pie ul.datos_pie {
			padding-top:20px;
			text-align:left;
		}
			ul.datos_pie li {
				display:inline;
				marin:0px 3px;
			}
			
		#contenido_pie ul#datos_pie {
			
		}
		
		#contenido_pie a#idominiun {
			float:right;
			margin-top:20px;
			width:172px;
			height:20px;
		}


/*******************************************
	SIDEBAR
*******************************************/
div#sidebar { background: #ededed; }

#sidebar .bloque { background: #f2f2f2; border-bottom: #fff 1px solid; }
	
	#sidebar .bloque > * {margin: 0; border-left: #ccc 1px solid; border-right: #ccc 1px solid;}
	#sidebar .bloque .cabecera_bloque { 	 			
		padding-left: 15px;
		color: #333;
		background-image: none;
		border-top: #ccc 1px solid;
	}
	
	#sidebar .bloque .cuerpo_bloque {
		padding-top: 10px;
		border-bottom:#ccc 1px solid;
		background:url(../imagenes/bg_marcas_sidebar.jpg) bottom repeat-x; 
	}
	
	#sidebar .bloque .pie_bloque {
		padding: 10px 10px 10px 15px;
		border-top:#fff 1px solid;
		border-bottom: #c0c0c0 1px solid;
		background: #dbd9da;
	}
	#sidebar .bloque .pie_bloque a {
		background: #000 url(../imagenes/bg_pie_noticias_sidebar.jpg) repeat-x;
		width: 65px;
		height: 15px;
		display: block;
		color: #f90;
		border-top: #ccc 1px solid;
		border-left: #ccc 1px solid;
		border-right: #fff 1px solid;
		border-bottom: #fff 1px solid;
	}
		#sidebar .bloque .pie_bloque a:hover { color:#fff; } 
		#sidebar .bloque .pie_bloque a > * {}
		#sidebar .bloque .pie_bloque a img { background: url(../imagenes/sprite.png) -10px -185px no-repeat; }
/***************************************************************************************
	SECCIONES
***************************************************************************************/		
/****************************
	INDEX
****************************/
ul#bloques_index {
	width:100%;
	height:284px;
}

	#bloques_index li {
		float:left;
		width:320px;
		height:142px;
	}
	
 	/*******************************
	 	CONTENIDO ASINCRONO
	********************************/
	 div#asinc_index {
	 	height:auto;
	 }
 
	 div#asinc_index ul.minis {
	 	height:70px;
	 	width:100%;
	 	margin-bottom:20px;
	 	border-bottom:#ccc 1px solid;
	 	
	 }
	 ul.minis li {
	 	width:120px;
	 	height:70px;
	 	float:left;
	 	margin-right:15px;
	 	text-align:center;
	 }
	 ul.minis a {text-decoration:none; }
	 ul.minis a:hover {text-decoration:none;}
	 
	 div#asinc_index h3 {
	 	margin-bottom:20px;
	 }
	 
	 
	 /**************
	 	ACABADOS
	 **************/
	 #acabados { text-align: left; height: 450px; }
	 
	 div#muestras {
	 	float:left;
	 }
	 	div#muestras h4 {}
	 	div#muestras img { margin: 2px; border: #ccc 1px solid; }
	 	div#muestras img:hover { cursor: pointer; mouse: pointer;  }
	 div#popup_acabados {
	 	float:right;	 	
	 }
	 	
	 	div#popup_acabados img {
	 	 	padding:3px;
	 		border:#ccc 1px solid;
	 	} 
	 
	 /**************
	 	MARCAS
	 **************/
	 ul#marcas {}
	 ul#marcas li {
	 	width:100px;
	 	height:100px;
	 	float:left;
	 	padding:5px;
	 	border:#ccc 1px solid;
	 	margin:5px;
}
	 /***************
	 	PROMOCIONES
	 ***************/
	 div.bloque_promociones {
	 	width:290px;
	 	height:200px;
	 	padding:10px;
	 	margin:5px;
	 	background:#fafafa;
	 	border:#ccc 1px solid;
	 	float:left;
	 }
	 
	 div.bloque_promociones h4 {
	 	background:url(../imagenes/bg_promocion.jpg) no-repeat;
	 	height:36px;
	 	line-height:36px;
	 	text-indent:45px;
	 	
	 }
	 
/****************************
	CONTACTO
****************************/
/* Formulario en formulario.css */

div#mapa_localizacion {
	margin-top:10px;
	width:598px;
	padding:1px;
}
div#mapa_localizacion iframe {
	border:#ccc 1px solid;
}

div#datos_contacto {
	height:105px;
	margin-top:20px;
	background:#e0dfdf url(../imagenes/bg_datos_contacto.jpg) no-repeat;
}
	div#datos_contacto h3 {
		margin-top:5px;
		text-indent:15px;
	}
	div#datos_contacto p {
		color:#333;
		text-indent:20px;
	}
	div#datos_contacto img {
	}
/****************************
	EMRESA
****************************/
div#empresa{padding-left:20px;padding-right:20px;}
/****************************
	SISTEMAS
****************************/
div#sistemas{}
div#sistemas ul#menu_sistemas {
	width:200px;
	padding:10px 0px 10px 20px;
	border:#ccc 1px solid;
	float:left;
	margin-bottom:20px;
}
	ul#menu_sistemas li {
		height:25px;
		line-height:25px;
	} 
div#popup_producto {
	float:right;
	padding:0px 10px;
	width:670px;
	/*border:#ccc 1px solid;*/	
}
div#popup_producto img {
	float:left;
}
div#imagen_producto {}
div#imagen_producto img {border:#ccc 5px solid;}
div#texto_producto {float:left;width:220px;margin-right:20px;line-height:17px;}
/****************************
	TRABAJOS
****************************/
div#trabajos{}
div.lista_trabajo {
	margin-bottom:30px;
}
div.lista_trabajo img {padding:5px;border:#ccc 1px solid;margin-right:10px;}
/****************************
	ICONOS
****************************/
div.bloque_icono {
	float:left;
	width:220px;
	text-align:center;
	margin-bottom:20px;
}
div.bloque_icono img {
	margin-bottom:10px;
}
div.bloque_icono a {
	width:114px;
	height:140px;
	margin:auto;
	display:block;
	font-size:12px;
	color:#666;
	text-decoration:none;
	font-weight:bold;
}

div.bloque_icono a:hover {
	color:#f60;
}

/****************************
	MISCELANEA
****************************/
img.derecha {float:right;margin:0px 0px 40px 20px;}
img.izquierda{float:left;margin:0px 20px 40px 0px;}
img.derecha, img.izquierda {padding:1px;border:#ccc 1px solid;}

p.ind {text-indent:20px;}
span.sp_1 {color:#f60;}
a.volver {color:#f60;text-decoration:none;}
a:hover.volver {color:#333;text-decoration:underline;}
.alerta {color:#f00; /*rojo*/}


.h300 { height: 300px; }