/*Documento CSS para 

realizado por idominiun

www.idominiun.com
info@idominiun.com
**************************************************************************************
INFO:
**************************************************************************************/

/* import */

/* import */
@import 'secciones.css';

/*************************************************************************************
Elementos 
**************************************************************************************/
* {
	margin:0px;
	padding:0px;
}
/**************************************************************************************
	BODY 
**************************************************************************************/
body {
	background:#fff url(../imagenes/bg_body.jpg) repeat-x;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}
/**************************************************************************************
	elementos genericos
**************************************************************************************/

/***********************
	enlaces
***********************/
a {
}

a.enlace_a {
	color:#06f;
	text-decoration:none;
}
a.enlace_a:hover {
	text-decoration:underline;
	color:#F93;
}
/***********************
	encabezados
***********************/
h3 {
	font-size:24px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:300;
	color:#399;
}
h4 {
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:200;
	color:#c90;
}
h5 {
	font-size:15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:200;
	color:#099;
}

h3,h4,h5 {
	margin: 5px 0px;
}
/***********************
	p
***********************/
p {
	margin-top:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:0px 10px;
}
p.ind {
	text-indent:20px;
}
/***********************
	img
***********************/
img {
	margin:5px;
	border:none;
}

img.imagen_a {
	padding:2px;
	border:#ccc 1px solid;
}
/***********************
	ul
***********************/
ul {
	list-style:none;
}

/***********************
	span
***********************/
span.span_a {
	color:#ccc;
	font-weight:bold;
}
span.span_b {
	color:#f90;
	font-weight:bold;
}
/***************************************************************************************
	CONTENEDOR
***************************************************************************************/
#contenedor {
	width:650px;
	margin:auto;
}
/***************************************************************************************
	CABECERA
***************************************************************************************/
#cabecera {
	width:100%;
	height:191px;
	background:url(../imagenes/bg_cabecera.jpg) center top no-repeat;
	text-align:center;
}
#cabecera img {
	margin:auto;
	border:none;
	margin:0px;
}
ul#menu_principal {
	width:100%;
	height:41px;
	background:#06f url(../imagenes/bg_menu_principal.jpg) no-repeat;
}
ul#menu_principal li {
	display:inline-block;
	height:42px;
	line-height:42px;
	margin-right:8px;
	font-size:16px;
	font-weight:lighter;
	color:#33c;
}

ul#menu_principal a {
	font-size:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:300;
	color:#fafafa;
	text-decoration:none;
}

ul#menu_principal a:hover {
	color:#cc6;
}
/***************************************************************************************
	CONTENIDOS
***************************************************************************************/
#contenido {
	padding:30px 0px;
	width:100%;
	background:url(../imagenes/bg_contenido.jpg) repeat-y;
	text-align:left;
}

/************************************
		BLOQUES
************************************/ 
.bloque_xxs,  .bloque_xs,  .bloque_s,  .bloque_m,  .bloque_l,  .bloque_xl,  .bloque_xxl,  .bloque_3xl,  .bloque_4xl {
	padding:25px;
	float:left;
}
.bloque_xxs {width:50px;} 	/* 100 */
.bloque_xs {width:150px;}	/* 200 */
.bloque_s {width:250px;}	/* 300 */
.bloque_m {width:350px;}	/* 400 */
.bloque_l {width:450px;}	/* 500 */
.bloque_xl {width:550px;}	/* 600 */
.bloque_xxl {width:600px;}	/* 700 */
.bloque_3xl {width:750px;}	/* 800 */
.bloque_4xl {width:850px;}	/* 900 */
	
	
	.cabecera_bloque {
		height:30px;
	}
	.cuerpo_bloque {
	}
	.pie_bloque_contenido {
	}
/***************************************************************************************
	PIE WEB
***************************************************************************************/
#pie {
	/*padding-top:30px;*/
	text-align:left;
	height:150px;
	background:#fff url(../imagenes/bg_pie.jpg) repeat-x;
}

ul#menu_pie {
	width:100%;
	height:20px;
	padding-top:15px;
	text-align:center;
}
ul#menu_pie li {
	display:inline;
	font-size:13px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:200;
	color:#ccc;
}
ul#menu_pie li a {
	text-decoration:none;
	color:#06f;
}
ul#menu_pie li a:hover {
	text-decoration:underline;
	color:#f93;
}
#pie h6 {
	font-size:10px;
	color:#666;
	font-weight:lighter;
}
#pie #datos {
	float:left;
	margin-top:50px;
	font-size:10px;
	color:#999;
	font-weight:lighter;
}
#pie #idominiun {
	margin-top:60px;
	float:right;
}
#idominiun img {
	border:none;
}
/***************************************************************************************
	EXTRAS
***************************************************************************************/
.limpia {
	clear:both;
}
