/*Documento CSS para 

realizado por idominiun

www.idominiun.com
info@idominiun.com
**************************************************************************************
INFO:
	
	tamanos: 
		contenedor: 		1000px
			contenido: 		960px
**************************************************************************************/
	/* import */
@import 'formulario.css';
@import 'post.css';

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

body {
	text-align: center;
	background: #fff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #666;
}

/***************************************************************************************
	ELEMENTOS GENERICOS
***************************************************************************************/
	/* ENCABEZADOS */
h1 { /* encabezados secciones */
	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 {}

h4 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #c33; margin-bottom: 10px; }


/* PARRAFOS */
p { margin: 10px 0px; }

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

/* ENLACES */
a { color: #f00; text-decoration: underline; }
a:hover { color: #333; text-decoration: underline; }

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

/***************************************************************************************
	CONTENEDOR
***************************************************************************************/
div#contenedor { width: 100%; background: #fff url(../imagenes/bg_body.jpg) repeat-x; }

/***************************************************************************************
	CABECERA
***************************************************************************************/
#cabecera { width: 100%; height: 350px; background: #000 url(../imagenes/bg_cabecera.jpg) top center no-repeat; }
	#contenido_cabecera { position: relative; margin: 0 auto; width:1000px; height:100%; }
	#logotipo { position: absolute; top:5px; left: 190px; }

	#menu_principal { position: absolute; top: 82px; left: 220px; width: 735px; height: 45px; display: block; }
		#menu_principal li { float:left; width: 14%; height:100%; line-height: 45px; background: #000; overflow: hidden; }
			#menu_principal li a {
				position:relative;
				width: 100%;
				height: 100%;
				display:block;
				text-decoration: none;
				text-transform: uppercase;
				font-family: Muli, sans-serif;
				color:#fff;
				background: #000;
			}
				#menu_principal li a > * { position: absolute; top: 0; left: 0; }	
				#menu_principal li a span { z-index: 2; width: 100%; text-align:center; display: block; }
				#menu_principal li a img { z-index: 1; background: url(../imagenes/bg_boton_menu.jpg) no-repeat; } 
				#menu_principal li a:hover {}
					#menu_principal li a.activo img { background: #000; }
				
	#galeria { position: absolute; top: 140px; left: 100px; width: 900px; height: 210px; overflow: hidden; background: #000; }	
		#galeria > * { top:0; left:0; }
		#galeria img { position:absolute; z-index:2; }
		#imagenes_galeria { position: absolute; z-index:1; width:100%; height:100%;  }				
			
/***************************************************************************************
	CONTENIDOS
***************************************************************************************/
div#contenido {
	margin: auto;
	padding: 50px 20px 0px 20px;
	width: 960px;
	text-align: left;
	background: url(../imagenes/bg_contenido.gif) no-repeat;
	overflow: hidden;
}

div#contenido img {border:#ccc 2px solid;}

div#contenido p {text-align: justify;}

/*******************************************
	PRINCIPAL
*******************************************/
div#principal { width: 100%; height: 270px; }



/*******************************************
	COLUMNAS
*******************************************/
div.columna_xs, div.columna_m, div.columna_g, div.columna_sg, div.columna_xg {float: left;}

div.columna_xs {
	width: 220px;
}

div.columna_m {
	width: 320px;
}

div.columna_g {width:460px;}
div.columna_sg {width:500px;}
div.columna_xg {width:720px;}


/*******************************************
	SIDEBAR
*******************************************/
div#sidebar {
	float: right;
	margin-top: 40px;
	padding: 10px 0 20px 10px;
	width: 220px;
	border-left:#ccc 1px solid;
}


/************************************
		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, div.bloque_5xl, div.bloque_6xl {
	padding: 20px;
	float: left;
}

div.bloque_xxs {width: 160px;}  /* 200 */
div.bloque_xs {width: 220px;}  /* 260 */
div.bloque_s {width: 260px;}  /* 300 */
div.bloque_m {width: 280px;}  /* 320 */
div.bloque_l {width: 320px;}  /* 360 */
div.bloque_xl {width: 360px;}  /* 400 */
div.bloque_xxl {width: 420px;}  /* 460 */
div.bloque_3xl {width: 460px;}  /* 500 */
div.bloque_4xl {width: 560px;}  /* 600 */
div.bloque_5xl {width: 660px;}  /* 700 */
div.bloque_6xl {width: 920px;}  /* 960 */

.cabecera_bloque {
	font-size: 2.6em;
	font-family: Muli, sans-serif;
	font-weight: normal;
	color:#333;
}
	
	.cabecera_bloque span { width:100%; display:block; font-size: 1.4em; line-height: 0.9em; }
	.cabecera_bloque small { font-size: 0.6em; }
div.cuerpo_bloque {padding: 20px;}

div.pie_bloque {
	margin:0px 20px;
	height: 20px;
	line-height: 20px;
	background:#e9e9e9;
}

div.pie_bloque a {
	padding:2px 10px;
	font-size: 0.8em;
	text-decoration:none;
}

div.pie_bloque a:hover {
	color:#fff;
	background:#ea641d;
	text-decoration:none;
}


/***************************************************************************************
	PIE WEB
***************************************************************************************/
div#pie {
	margin-top:50px;
	width: 100%;
	height: 230px;
	background: #000 url(../imagenes/bg_pie.jpg) repeat-x;
	text-align: center;
	border-top: #ccc 3px solid;
}

#pie div#contenido_pie {width: 1000px; margin: auto;}

#contenido_pie ul#menu_pie {
	padding-top: 30px;
	width: 100%;
	height: 20px;
	text-align: center;
}

ul#menu_pie li {
	float: left;
	display: block;
	margin: 0px 3px;
	background: #000;
	color: #333;
	border-right: #333 1px solid;
	border-left: #333 1px solid;
}

ul#menu_pie li a {
	padding: 5px 20px;
	display: block;
	font-size:0.9em;
	color: #fff;
	text-decoration: none;
}

ul#menu_pie li a:hover {color: #fff; background: #ea641d;}

#contenido_pie ul.datos_pie {margin-top: 90px; text-align: left;}

ul.datos_pie li {
	display: inline;
	margin: 0px 3px;
	color: #999;
	font-size:0.8em;
}

#contenido_pie ul#datos_pie {}

#contenido_pie a#idominiun {
	float: right;
	margin-top: 30px;
	width: 172px;
	height: 20px;
}

/***************************************************************************************
	SECCIONES
***************************************************************************************/
	/****************************
	INDEX
****************************/
/* -------------- bienvenida */
#bienvenida {}
#cab_bienvenida {
	background: url(../imagenes/sprite.gif) no-repeat;
}

/* -------------- video */
#video_index {margin-bottom:20px; padding-right:0 !important; width:440px;}

#cab_video_index {
	background: url(../imagenes/sprite.gif) 0 -80px no-repeat;
}
#video_index .cuerpo_bloque {
	padding:10px 0 10px 10px !important;
	margin-top:15px;
	border:#ccc 1px solid;
	text-align:left;
	background:#ccc;
}
/* -------------- servicios */
#servicios {}
#cab_servicios {
	background: url(../imagenes/sprite.gif) 0 -160px no-repeat;
}

/* -------------- ultimas noticias */
#ult_noticias {}

#cab_ult_noticias {
	background: url(../imagenes/sprite.gif) 0 -240px no-repeat;
}

/* -------------- banners */
#banners_deslizable_index {float:left; margin: 0 0 0 20px; padding:10px; width:200px; background:#ccc;}

.banner_index {float:right; margin-bottom:10px;}
	.banner_index img {padding:5px; background:#ccc;}

/****************************
	CONTACTO
****************************/
/* El css del formulario en formulario.css */
#cab_formulario_contacto {
	background: url(../imagenes/sprite.gif) 0 -400px no-repeat;
}

#cab_datos_contacto {
	background: url(../imagenes/sprite.gif) 0 -480px no-repeat;
}

#cab_localizacion {
	background: url(../imagenes/sprite.gif) 0 -900px no-repeat;
}

/****************************
	EMPRESA
****************************/
#empresa {}

#cab_empresa {
	background: url(../imagenes/sprite.gif) 0 -320px no-repeat;
}

#empresa img {
	margin: 15px;
	float: right;
}

/****************************
	SERVICIOS
****************************/
#servicios {}

#servicios img {margin-bottom:25px;}

/****************************
	ENLACES
****************************/
#enlaces {
	
}

#cab_enlaces {
	width:250px;
	background: url(../imagenes/sprite.gif) 0 -800px no-repeat;
}

#enlaces ul {
	margin: 10px;
	padding: 10px;
	width: 155px;
	height: 200px;
	float: left;
	text-align: center;
	
}
#enlaces ul li {
	margin-bottom:2px;
	border:#f0f0f0 1px solid;
}
#enlaces ul li a {
	display:block;
	padding:10px;
	color:#fff;
	background:#e63b31;
	text-align:center;
	text-decoration:none;	
}
#enlaces ul li a:hover {
	color:#fff;
	background:#333;
	text-decoration:none;
}
#enlaces ul li img {
	margin:auto;
	border:none;
}
/****************************
	COLABORADORES
****************************/
#colaboradores {}
	#colaboradores ul {
		float:left;
	}
/****************************
	NOTICIAS y LEGISLACION
****************************/
#cab_noticias {background: url(../imagenes/sprite.gif) 0 -560px no-repeat;}
#cab_legislacion {background: url(../imagenes/sprite.gif) 0 -720px no-repeat;}
#cab_archivo_noticias {background: url(../imagenes/sprite.gif) 0 -640px no-repeat;}

#archivo_noticias {margin-bottom:50px;}
	#archivo_noticias ul {margin-top: 30px;}

	#archivo_noticias li {margin-bottom: 2px; text-indent:10px;}

	#archivo_noticias li a {
		padding: 5px;
		display: block;
		color: #e63b31;
		background:#e6e6e6;
		text-decoration: none;
	}
	
	#archivo_noticias li a:hover {
		color: #fff;
		background: #e63b31;
		text-decoration: none;
	}

/****************************
	MISCELANEA
****************************/

/* --- BANNERS --- */
#banners_deslizable_sidebar {float:right; padding:10px; width:200px; background:#ccc;}

.banner_sidebar {float:right; margin-top:20px;}
.banner_sidebar img {padding:8px; background:#ccc;}


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

/* video en sidebar */
.video_sidebar {margin-bottom: 20px;}

/* 3 colores basicos aplicables a cualquier elemento */
.col_rojo {color: #e63b31;}
.col_naranja {color: #ea641d;}
.col_amarillo {color: #f3971a;}

/* p */
p.ind {text-indent: 20px;}


/* ul's */
.adorno_rojo {}
.adorno_naranja {}
.adorno_amarillo {}

.adorno_rojo li, .adorno_naranja li, .adorno_amarillo li {padding-left:10px; margin-bottom:15px; }
.adorno_rojo img, .adorno_naranja img, .adorno_amarillo img {
	margin:4px 5px 0 0 !important;
	padding:0 !important;
	float:left;
	width:10px;
	height:10px;
	display:block;
	background-image: url(../imagenes/iconos.png);
	background-repeat: no-repeat;
	border:none !important;
}


.adorno_rojo img {background-position:0 -5px;}
.adorno_naranja img {background-position:-10px -5px;}
.adorno_amarillo img {background-position:-20px -5px;}


ol {margin-left:30px;}
ol li {margin-bottom:15px;}


.sinpaddingright {padding-right:none !important;}

.fderecha {float:right !important;}
.fizquierda {float:left !important;}

.ml8 {margin-left:8px;}

/* enlaces */ /* span */
span.alerta {color: red;}