/*Documento CSS para 

realizado por idominiun

www.idominiun.com
info@idominiun.com
**************************************************************************************
INFO:
**************************************************************************************/

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


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

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

/* 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;
}
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:800;
	color:#036;
	margin-bottom:10px;
}
h4 {
	font-size:12px;
	color:#39c;
	margin-bottom: 10px;
}

/* PARRAFOS */
p {
	margin:10px 0px;
	text-indent:20px;
}

p img {
	padding:2px;
	border:#CCC 1px solid;
	margin:8px;
}

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

ul.ul_destacado {
	width:180px;
}

ul.ul_destacado {
	padding:20px;
	margin:10px;
	background:#efefef;
	border:#999 1px solid;
	float:right;
}
ul.ul_generico_a {
	margin-bottom:15px;
}
	ul.ul_destacado li,
	ul.ul_generico_a li {
		margin-bottom:10px;
		background:url(../imagenes/adorno_2.jpg) 4px no-repeat;
		padding-left:15px;
	}
	ul.ul_destacado,
	ul.ul_generico_a a {
		color:#F60;
	}
	ul.ul_destacado	a:hover,
	ul.ul_generico_a a:hover {color:#036;}
	

/* ENLACES */
a {
	color:#F60;
}

a:hover {
	color:#036;
}
/**************************************************************************************
	BODY 
**************************************************************************************/
body {
	text-align:center;
	background:#f8f8f8 url(../imagenes/bg_body.jpg);
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#666;
}
/***************************************************************************************
	CONTENEDOR
***************************************************************************************/
#contenedor {
	width:990px;
	margin:auto;
	background:#fff;
	border:#ccc 1px solid;
}




#idioma {
	height:30px;
	line-height:30px;
	margin-right:10px;
	float:right;
}
#idioma a {
	text-decoration:none;
}
#idioma a:hover {
	text-decoration:underline;
}
#idioma span {
	color:#999;
}

#menu_top {
	float:left;
	height:20px;
}
#menu_top ul {padding-left:25px;}
#menu_top ul li {
	display:block;
	float:left;
	margin-top:8px;
	margin-right:10px;
	height:15px;
}
#menu_top ul li.contacto {background:#fff url(../imagenes/bg_contacto.jpg) left no-repeat; text-indent:15px;}
#menu_top ul li.faqs {background:#fff url(../imagenes/bg_faqs.jpg) left no-repeat; text-indent:15px;}
#menu_top a {
	font-size:12px;
}


/***************************************************************************************
	CABECERA
***************************************************************************************/
#cabecera { width:100%; height:310px; top: 30px; position:relative; }

		#cabecera > * { position: absolute; }
		
		#cabecera #logotipo { top: 20px; left: 10px; z-index: 5; }
		
		#cabecera #galeria_principal { width: 100%; height: 270px; z-index: 2; }



	/***************************************************************************************
		MENU PRINCIPAL
	***************************************************************************************/
	#menu_principal { padding-top:2px; width: 100%; height: 45px; bottom: 10px; border-bottom: #1747a5 10px solid; background:#fff; z-index: 10;}
		#menu_principal li {
			position: relative;
			float: left;
			width: 165px;
			height: 45px;
			text-align: center;
			overflow: hidden;
		}
	
			#menu_principal li a {
				position: absolute;
				width: 100%;
				height: 45px;
				display: block;
				background: url( ../imagenes/bg_boton_menu_sobre.png) no-repeat;
				text-align: center;
				color: #000;
				text-decoration: none;
				line-height: 45px;
				text-transform: uppercase;
			}
				#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_reposo.png) no-repeat; border: none; }
	
			#menu_principal li a:hover {}
	
			#menu_principal li a.activo { }
				#menu_principal li a.activo span { color:#fff; }
				#menu_principal li a.activo img { background: none; }


/***************************************************************************************
	CONTENIDOS
***************************************************************************************/
#contenido {
	margin-top:20px;
	padding:10px 10px 0px 10px;
	width:970px;
}
	#pie_contenido {
		width:100%;
		height:75px;
		display:block;
		margin-top:10px;
		background:url(../imagenes/bg_pie_contenido.jpg) no-repeat;
	}
/*******************************************
	PRINCIPAL
*******************************************/
#principal,
#principal_g {
	min-height:500px;
	display:block;
	float:left;
}
#principal {padding:15px 15px; width:670px; background:#f8f8f8 url(../imagenes/bg_principal.jpg) top right no-repeat;}
#principal_g {padding:15px 35px 15px 15px; width:920px; background:#f8f8f8 url(../imagenes/bg_principal_g.jpg) top right no-repeat;}
	#principal img,
	#principal_g img {border:#ccc 1px solid;}
	
/*******************************************
	DESTACADO
*******************************************/	
#destacado {margin:30px 10px 10px; height:60px; line-height:60px; background:url(../imagenes/bg_destacado.jpg) right no-repeat;}
	#destacado h3 {margin-right:5px; padding-left:15px; background:url(../imagenes/adorno_1.jpg) 4px no-repeat; display:inline; font-size:12px;}

/*******************************************
	SIDEBAR
*******************************************/
#sidebar {
	padding:10px 10px 10px 30px;
	width:225px;
	height:300px; /* PROVISIONAL */
	/*min-height:300px;*/
	float:left;
	display:block;
	background:url(../imagenes/bg_sidebar.jpg) no-repeat;
	text-align:left;
}
	
	#sidebar h1 {
		font-size:20px;
		font-weight:500;
	}
	.bloque_sidebar {
		width:100%;
		margin-bottom:35px;
	}
	
/**********************************
		BLOQUES CONTENIDOS
**********************************/
.bloque_m,
.bloque_l,
.bloque_xl,
.bloque_xxl {
	float:left;
	padding:10px;
	/*min-height:300px;*/
	text-align:left;
}
.bloque_m {width:220px;}	
.bloque_l {width:315px;}
.bloque_xl {width:650px;}
.bloque_xxl {width:900px;}
	
	.cabecera_bloque {
		width:100%;
		height:30px;
		margin-bottom:15px;
	}
	
	#cab_generico {background:url(../imagenes/cab_generico.jpg) no-repeat;}
	
	.cuerpo_bloque {width:100%;}
	.pie_bloque {
		height:15px;
		background:url(../imagenes/adorno_1.jpg) 3px no-repeat;
	}

	.pie_bloque a {
		padding-left:15px;
		font-size:10px;
		color:#39c;
	}
	.pie_bloque a:hover {color:#036;}
/***************************************************************************************
	PIE WEB
***************************************************************************************/
#pie_info {
		padding-top:10px;
		width:330px;
		height:65px;
		display:block;
		margin-top:10px;
		background:url(../imagenes/bg_pie_contenido.jpg) no-repeat;
		text-align:left;
}
	#pie_info h4,
	#pie_info h5 {
		float:left;
		width:240px;
		margin-left:20px;
	}
	#pie_info h4{
		margin-top:10px;
		color:#39c;
		font-size:12px;
		font-stretch:condensed;
	}
	#pie_info h5{
		margin-top:0px;
		color:#036;
		font-size:28px;
		font-weight:600;
	}
	#pie_info h6 {
		float:right;
		margin-right:40px;
		font-size:60px;
		font-style:italic;
		color:#036;
	}
		
#pie {
	width:100%;
	height:140px;
	background:#ccc url(../imagenes/bg_pie.jpg) no-repeat;
}
	
	ul#menu {
		padding-top:60px;
		width:970px;
		height:5px;
		text-align:right;
	}
	ul#menu li {display:inline;margin:0px 1px;
	}
	ul#menu a {color:#333;text-decoration:none;}
	ul#menu a:hover {color:#f30;}

	
	ul#datos_pie {
		padding-left:45px;
		margin-top:30px;
		height:20px;
		font-size:11px;
		text-align:left;
	}
	ul#datos_pie li {color:#333;}
	
	a#idominiun {float:right; margin-right:5px;}
	a#idominiun img {border:none;}

/**********************************
		POSTs
**********************************/
.post {
	padding:0px 20px;
	margin-bottom:30px;
}
	
	.post h2 {
		margin-bottom:10px;
	}
	
	.post h2,
	.post h2 a {
		font-size:16px;
		font-size-adjust:inherit;
		font-stretch:wider;
		font-weight:200;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:300;
		color:#09f;
	}
	
	.post h2 a {
		text-decoration:none;
	}
	.post h2 a:hover {
		color:#036;
		text-decoration:none;
	}
	.post h3 {
		font-size:11px;
		color:#999;
		font-weight:normal;
	}
	.post h3 span {
		color:#f90;
		font-weight:bold;
	}
	.post p {
	}
	
	.pie_post {
		height:15px;
		background:url(../imagenes/adorno_1.jpg) 3px no-repeat;
	}
	.pie_post a {
		padding-left:15px;
		font-size:10px;
		color:#39c;
	}
	.pie_post a:hover {color:#036;}
	
	
	/* en sidebar */
	.post_sidebar {
		margin-bottom:15px;
	}
	
	.post_sidebar h3 {
		font-size:11px;
		color:#39c;
		margin-bottom:5px;
	}
	.post_sidebar h4 {
		font-weight:normal;
		font-size:12px;
	}
	.post_sidebar h4 a {
		color:#666;
		text-decoration:none;
	}
	.post_sidebar h4 a:hover {
		color:#F30;
		text-decoration:underline;
	}
	
	#formulario_comentarios {padding:20px;}
		#formulario_comentarios h4 {}
		#formulario_comentarios form#form_comentario {}
		#formulario_comentarios form#form_comentario ul {width:100%; margin:10px 0;}
		#formulario_comentarios form#form_comentario ul li {display:inline; margin: 10px; color:#f60; line-height:25px;}
		#formulario_comentarios form#form_comentario ul li input.entrada_comentario {height:21px; width:200px; padding:2px 5px;}
		#formulario_comentarios form#form_comentario ul.com li {display:inherit;}
		#formulario_comentarios form#form_comentario ul.com li textarea.mensaje_comentario {height:100px; padding:5px;}
		#formulario_comentarios form#form_comentario ul li input.entrada_comentario,
		#formulario_comentarios form#form_comentario ul.com li textarea.mensaje_comentario {font-size:14px; font-family:Arial, helvetica,sans-serif;}
		
		
	.comentarios {padding:30px; margin-top:30px;}
		.comentarios .comentario {margin:20px 0 30px;}
			.comentarios .comentario p.titulo_com {color:#666;}
				.comentarios .comentario p.titulo_com span {color:#f60; font-weight:bold;}
			.comentarios .comentario p.texto_com {padding-left:50px; color:#333; text-indent:10px;}
		
		
		
/********************************************************
	FORMULARIO
********************************************************/
#form_contacto {
	width:100%;
	margin:20px 0px 35px 0px;
}
#form_contacto ul {
	height:25px;
	width:100%;
	margin-bottom:10px;
}
#form_contacto li {
	margin:0px;
	padding:0px;
	float:left;
	display:block;
}
#form_contacto label {
	width:80%;
	display:block;
	margin-bottom:5px;
	font-weight:bold;
	border-bottom:#ccc 1px dotted;
}
input.entrada_p,
input.entrada_g {
	height:25px;
	margin-bottom:5px;
	background-color:#e5e5e5;
	border:none;
}
input.entrada p {
	width:200px;
}
input.entrada_g,
textarea.entrada_g {
	width:80%;
}

textarea.entrada_g {
	height:100px;
	background-color:#e5e5e5;
	border:none;
}
input.boton {
	width:100px;
	height:30px;
	font-size:11px;
	font-weight:bold;
	float:left;
	margin:10px 0px;
}

input.radio_boton {
	margin-right:5px;
	margin-top:5px;
}


/********************************************************
	MISCELANEA
********************************************************/
.derecha {float:right;margin:15px 0 15px 15px;}
.izquierda {float:left;margin:15px 15px 15px 0;}