/*---contenido general----*/
@import url(color.css);

body{
	margin:0 auto;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	}


a {
	font-weight:bold;
	text-decoration:none;
	}

a:hover{
	text-decoration:underline;
	}

a img{
	border:none;
	}

#barra{
	width:100%;
	height:16px;
	background:url(imagenes/bg-barra.png) top left repeat-x;
}

#header, #header-index{
	width:360px;
	height:55px;
	margin:30px 0 0 100px;
	padding:0;
	}

h1{
	font-size:40px;
	font-weight:normal;
	margin:50px 0 0 100px;
	padding:0;
	}
	
#menu{
	margin:0 0 0 90px;
	width:550px;
	padding:0;
	}
	
#menu ul{
	list-style:none;
	margin:0;
	padding:0;
	width:550px;
	float:left;	
	}

.menu-pie{
	width:532px;
	height:54px;
	display:block;
	margin:30px 0 0 90px;
	padding:0 0 30px 0;
	}
		
#menu ul li{
	font-size:12px;
	margin:0;
	display:inline;
	text-align:center;		
	}
	
#menu .bg1, #menu .bg2{
	width:100px;
	margin:0px;
	padding:0px;
	height:55px;
	}
	
#menu .bg1{
	float:left;
	}
	
#menu .bg2{
	float:left;
	}
	
#contenido{
	width:691px;
	height:640px;
	margin:0 auto;
	text-align:left;
	}

#pie{
	margin:40px auto 0 auto;
	padding:0;
	width:500px;
	height:35px;
	clear:both;
	}

.pie-left, .pie-right{	
	height:35px;
	}

.pie-right{	
	padding:5px 0 0 5px;
	margin:0;
	}
	
#pie .pie-left .pie-right ul{
	list-style:none;
	margin:0 auto;
	padding:0 0 0 10px;
	text-align:right;	
	width:480px;
	height:35px;	
	}
	
#pie ul li{
	font-size:10px;
	margin:0;
	display:inline;
	text-align:center;
	padding:0;		
	}	

/*---paginador---*/
.paginador{
	height:20px;
	margin:5px 0 10px 50px;
	clear:both;
	text-align:left;
	}

/*-------home------*/
.clearit{
	clear:both;
	}

.bloque{
	float:left;
	margin:20px auto 0 30px;
	height:440px;
	}

.web-pie{
	width:549px;
	height:73px;
	margin:0 0 0 50px;
	padding:0;
	}

.web-pie p{
	margin:0;
	padding:40px 30px 0 400px;
	text-align:right;
	}

#blog{
	width:326px;
	height:184px;
	margin:0 0 0 35px;
	float:left;
	}

#blog h3{
	margin:0;
	padding:16px 20px 0 0;
	text-align:right;
	}

#blog h4{
	padding:0 0 0 20px;
	font-size:12px;
	}

#blog .content{
	width:326px;
	height:114px;
	}

#blog .content p{
	margin:0 0 0 20px;
	width:280px;
	height:70px;
	padding:0 0 5px 0px;
	overflow:hidden;
	}

.feed{
	float:left;
	margin:5px 0 0 20px;
	width:125px;
	}

#blog .content .feed p a{
	font-weight:normal;
	}

#blog .content .feed p{
	font-size:10px;
	width:125px;
	}

.link-index{
	float:left;
	width:70px;
	margin:4px 0 0 100px;
	}

#blog .content .link-index p{
	margin:0 20px 0 0;
	width:50px;
	float:right;
	}

#ilustracion{
	float:left;
	width:234px;
	height:194px;
	}

#galeria-index #ilustracion img{
	margin:0;
	padding:20px 0 0 7px;
	}
/*---galeria---*/
#galeria, #cont{
	margin:20px auto 0 30px;
	height:440px;
	}

#galeria-index{
	margin:0 auto 0 15px;
	padding:0;
	height:440px;
	}

#galeria-index img{
	display:block;	
	padding:15px 13px 25px 40px;
	margin:0;
}

#galeria-index .ind-top{
	margin:10px 0 0 0;
	}

.thumb{
	float:left;
	margin:0;
	padding:18px 26px 0 25px;	
	height:124px;	
	}

#contenido .thumb a{
	text-align:center;
	padding:0;
	margin:0;
	}

#contenido .thumb img{
	margin:0 auto;
	}

/*----imagen individual---*/
.ind-top{
	margin-top:20px;
	}
	
.ind-top, .ind-inf{
	float:left;
	}
	
.ind-inf img{
	padding:5px 90px 60px 45px ;
	}

#galeria-index h2{
	font-size:14px;
	margin:32px 0 0 190px;
	padding:0;
	}

#galeria h2, #cont h2{
	font-size:18px;
	}

#galeria h2{
	margin:28px 0 0 190px;
	padding:0;
	width:250px;	
	}

#cont h2{
	margin:28px 0 0 50px;
	padding:0;
	width:250px;
	}
	
#info{
	float:left;
	width:200px;
	margin:90px 0 0 -65px;
	padding:0;
	}

#info img{
	padding:10px 0 10px 0;
	margin:0;
	border-bottom:1px dashed #006699;
	}
#info p, #faq p, #about p{
	margin:0 0 5px 0;
	}
	
#info .link p, #faq .link p, #about .link p{
	margin:10px 0 0 10px;
	padding-left:10px;
	border-left:1px dotted #006699;
	}

#faq{
	width:400px;
	margin:90px 0 0 50px;
	padding:0;
	}

#about{
	width:400px;
	margin:20px 0 0 50px;
	padding:0;
	}

/*-------------formulario----------*/
/*----------------------contacto-----------------*/
.imagen-contacto{	
	width:614px;
	height:196px;
}

#formulario{
	width:550px;
	margin:20px auto 0 auto;
	padding:0 0 20px 0;
}

#mensaje-aviso{
	width:400px;
	height:60px;
	display:block;
	margin:20px 0 0 10px;
	padding:2px 0 0 10px;
}

#mensaje p{
	margin:0 0 0 15px;
	padding:0 0 0 0;
	line-height:12px;
}

#mensaje-paginacion{
	width:335px;
	height:300px;
	margin:0px 0 0 15px;
	display:block;
	padding:0;
}

#mensaje-paginacion p{
	font-size:10px;
	padding:3px 0 0 5px;
}
#formulario p{
	margin:10px 0 5px 15px;
}
form{
	border:none;	
	width:500px;
	height:290px;
	padding:20px 0;
	margin: 20px auto 0 auto;
}

fieldset{
	border:none;
	width:500px;
}

label{
	width:105px;
	float:left;
	text-align:right;
	padding:3px 0 0 0;
}

form fieldset input{
	width:254px;
	height:16px;
	float:left;
	margin:5px 0 5px 10px;
	border:none;
	background:url(imagenes/form.gif) top left no-repeat;
	font-size:11px;
	text-indent:10px;
}

form input{
	width:100px;
	margin:5px 0 0 125px;
}
textarea{
	border:none;
	width:244px;
	height:122px;
	margin:5px 0 5px 10px;
	padding:0 0 0 10px;
	background:url(imagenes/form2.gif) top left no-repeat;
	font-size:11px;
}