/* CSS por José María Rufo Pedrero - hello@josemariarufo.com */

/*-------------REDEFINO ETIQUETAS ------------------*/

BODY {
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
	font-size: 12px;
	line-height: 1.2em;
	text-align:justify;
	background-color: #013366;
	color: #333;
	}
H1 {
	color: #f00;
	margin-top: 5px;
	margin-left: 25px;
	font-size: 24px;
	}
P {
	text-indent: 1.2em;
	margin: 0 0 0 0;
	}
/*--------------LAYOUT PÁGINA DE INICIO-------------*/

#inprincipal {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 778px;
	height: 517px;
	margin-left: -389px;
	margin-top: -259px;
	padding:0;
	background-image: url(../img/bginicio.jpg);
	background-repeat:no-repeat;
	}
		
		#inicabecera {
		margin: 0;
		padding: 0;
		height: 300px;
		}
		#inimenu {
		margin: 0;
		padding: 0;
		height: 300px;
		float: right;
		}
		#inicontenido2 {
		margin: 0 auto 0 auto;
		padding: 315px 0 0 44px;
		width: 450px;
		height: auto;
		float:left;
		}
		#contenidobajo {
		margin: 0 auto 0 auto;
		padding: 20px 0 0 0;
		}
		
				#inisubmenu {
				margin: 0 0 0 0;
				padding: 50px 0 0 44px;
				text-align:left;
				clear:both;
				height: 58px;
	
				}
				#inisubmenu ul {
				margin: 0 0 0 0;
				padding: 0;
				list-style-type:none;
				}
				#inisubmenu ul li {
				display:inline;
				padding: 0 95px 0 0;
				margin: 0;
				}
				#inisubmenu a {
				padding: 0;
				margin: 0;
				font-family: "Trebuchet MS", Arial,Verdana,Sans-serif;
				font-size: 18px;
				text-decoration: none;
				color: #f00;
				}
				#inisubmenu a:hover {
				margin: 0;
				text-decoration: underline;
				}

#inipie {
	width: 778px;
	height: 40px;
	padding:0 0 0 0;
	}					
/*----------- FIN LAYOUT PÁGINA DE INICIO --------- */

/*------------LAYOUT SUBSECCIONES ------------------ */
#principal {
	margin: 20px auto 0 auto;
	padding: 0;
	width: 778px;
	background-image:url(../img/bg.gif);
	background-repeat:repeat-y;
	}
	#contienefondo {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 778px;
	height: auto;
	}
		.bgoleo {
		background-image:url(../img/bgoleo.jpg);
		background-position:top;
		background-repeat:repeat-y;
		}
		.bgacuarela {
		background-image:url(../img/bgacuarela.jpg);
		background-position:top;
		background-repeat:repeat-y;
		}
		.bgdibujo {
		background-image:url(../img/bgdibujo.jpg);
		background-position:top;
		background-repeat:repeat-y;
		}
		.bgceramica {
		background-image:url(../img/bgceramica.jpg);
		background-position:top;
		background-repeat:repeat-y;
		}
		
	#header {
	margin: 0 auto 0 auto;
	padding: 14px 0 0 14px;
	width: 778px;
	background-image:url(../img/bgup.gif);
	background-position:top;
	background-repeat:no-repeat;
	}
		#headerizq {
		margin: 0 0 0 0;
		padding: 20px 0 0 15px;
		width: 750px;
		}
		
		#bloqizq {
		margin: 0 0 0 0;
		padding: 40px 0 0 20px;
		width: 380px;
		float: left;
		}
		#bloqizqbio {
		margin: 0 0 0 0;
		padding: 0 0 0 20px;
		width: 380px;
		float: left;
		}
		#bloqdcha {
		margin: 40px 0 0 0;
		padding: 0 20px 20px 0;
		width: 175px;
		text-align:right;
		float: right;
		}
		#bloqdchabio {
		margin: 0 0 0 0;
		padding: 0 25px 20px 0;
		width: 175px;
		text-align:right;
		float: right;
		}
	#firma{
	padding: 0 65px 10px 35px;
	height: 91px;
	clear:both;
	}
		#manchasubir {
		float: left;
		}
		#firmapedro {
		float: right;
		}
	#footer {
	margin: 0;
	padding: 5px 0 0 0;
	height:14px;
	background-color:#013366;
	background-image: url(../img/bgdown.gif);
	background-position:top;
	background-repeat:no-repeat;
	}

/*------------- FIN LAYOUT SUBSECCIONES --------------*/	

/*------------- MENU PAGINA DE INICIO ---------------------------------*/

#ininavegacion {
	line-height: 40px;
	margin: 130px 30px 0 0;
	padding:0 0 0 0;
	text-align: right;
	height: auto;
	}
	#ininavegacion ul {
	margin: 0 0 0 0;
	padding: 0;
	list-style-type: none;
	}
	#ininavegacion ul.menu2 {
	margin: 0 0 0 0;
	padding: 75px 0 0 0;
	}
		#ininavegacion a {
		padding: 0 60px 0 0;
		font-family: "Trebuchet MS", Arial, Verdana, Sans-serif;
		font-size: 18px;
		text-decoration: none;
		color: #f00;
		}
		#ininavegacion a:hover {
		text-decoration: underline;
		}
	#ininavegacion .nav1 {
	
	background-image: url(../img/icon1.gif);
	background-position:right center;
	background-repeat: no-repeat;
	}
	#ininavegacion .nav2 {

	background-image: url(../img/icon2.gif);
	background-position:right center;
	background-repeat: no-repeat;
	}
	#ininavegacion .nav3 {
	
	background-image: url(../img/icon3.gif);
	background-position:right center;
	background-repeat: no-repeat;
	}
	#ininavegacion .nav4 {
	
	background-image: url(../img/icon4.gif);
	background-position:right center;
	background-repeat: no-repeat;
	}
	#ininavegacion .nav5 {
	
	background-image: url(../img/icon5.gif);
	background-position:right center;
	background-repeat: no-repeat;
	}
	#ininavegacion .nav6 {
	
	background-image: url(../img/icon6.gif);
	background-position:right center;
	background-repeat: no-repeat;
	}
	#ininavegacion .nav7 {
	
	background-image: url(../img/icon7.gif);
	background-position:right center;
	background-repeat: no-repeat;
	}
	#ininavegacion .nav8 {
	
	background-image: url(../img/icon8.gif);
	background-position:right center;
	background-repeat: no-repeat;
	}
	#ininavegacion .nav9 {
	
	background-image: url(../img/icon9.gif);
	background-position:right center;
	background-repeat: no-repeat;
	}
	#ininavegacion .nav10 {
	
	background-image: url(../img/icon10.gif);
	background-position:right center;
	background-repeat: no-repeat;
	}
	
/*----------------------FIN MENU----------------- */
/*------------- MENU ---------------------------------*/

#navegacion {
	line-height: 35px;
	margin: 0;
	padding: 0;
	height: auto;
	}
	#navegacion ul {
	margin: 0 0 0 0;
	padding: 0;
	list-style-type: none;
	}
	#navegacion ul.menu2 {
	margin: 60px 0 0 0;
	}
		#navegacion a {
		font-family: "Trebuchet MS", Arial, Verdana, Sans-serif;
		padding: 0 60px 0 0;
		font-size: 18px;
		text-decoration: none;
		color: #F00;
		}
		#navegacion a:hover {
		text-decoration: underline;
		}
	#navegacion .nav1 {
	background-image: url(../img/icon1.gif);
	background-position:right center;
	background-repeat: no-repeat;
	}
	#navegacion .nav2 {
	
	background-image: url(../img/icon2.gif);
	background-position:right center;
	background-repeat: no-repeat;
	}
	#navegacion .nav3 {

	background-image: url(../img/icon3.gif);
	background-position:right center;
	background-repeat: no-repeat;
	}
	#navegacion .nav4 {

	background-image: url(../img/icon4.gif);
	background-position:right center;
	background-repeat: no-repeat;
	}
	#navegacion .nav5 {

	background-image: url(../img/icon5.gif);
	background-position:right center;
	background-repeat: no-repeat;
	}
	#navegacion .nav6 {

	background-image: url(../img/icon6.gif);
	background-position:right center;
	background-repeat: no-repeat;
	}
	#navegacion .nav7 {

	background-image: url(../img/icon7.gif);
	background-position:right center;
	background-repeat: no-repeat;
	}
	#navegacion .nav8 {
	
	background-image: url(../img/icon8.gif);
	background-position:right center;
	background-repeat: no-repeat;
	}
	#navegacion .nav9 {

	background-image: url(../img/icon9.gif);
	background-position:right center;
	background-repeat: no-repeat;
	}
	#navegacion .nav10 {

	background-image: url(../img/icon10.gif);
	background-position:right center;
	background-repeat: no-repeat;
	}
	
/*----------------------FIN MENU----------------- */
/*--------------- TABLA DISPOCION OBRAS ---------- */
#galeria {
margin-top: 20px;
width: 400px;
border: 0px;
}
	#galeria.textos {
	text-align: center;
	font-size: 10px;
	}
/*--------------- FIN TABLA DISPOCION OBRAS ---------- */	
/*--------------- ESTILOS -----------------------------*/
.parrafoobras {
	margin: 0 0 0 15px;
	}
.piedepag {
	color: #fff;
	text-align:center;
	font-size: 10px
	}
/*--------------- ENLACES -----------------------------*/
a {
	color: #B29F08;
	text-decoration:underline;
	}
a:hover {
	text-decoration: none;
	}
/*-------------FORMULARIO CONTACTAR ------------------*/
#formulario {
	margin: 25px 0 0 15px;
	}
	#formulario input {
	font-family:"Trebuchet MS", Arial;
	font-size: 11px;
	color: #333;
	background-color: #EAEAEA;
	}
	#formulario textarea {
	font-family:"Trebuchet MS", Arial;
	font-size: 11px;
	color: #333;
	background-color: #EAEAEA;
	}
/*-------------MAPA DEL SITIO ---------*/
#mapasite ul li  {
	margin: 0 0 0 0;
	padding: 0 20px 0 0;
	}
	#mapasite ul li ul {
	list-style-type: none;
	margin: 2px 0 0 0;
	padding: 0;
	}