html, body{
	height:100%;
}
body {
	background-color:#fff;
	color: #002060;
	padding: 0;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
}
#head{
	margin: 0 auto;
	width:820px;
	height:105px;
	/*padding-top:10px;*/
	background: url(imgcomunes/head-back9.jpg) no-repeat top left;
}
#head a{
	outline:none;	
}
#titulo{
	float:left;
	margin: 0 auto;
	display:inline;
	width: 370px;
	height: 70px;
}
#wrapper {
	margin: 5px auto 10px auto;
	width: 820px;
	padding: 5px;
	background-color:#fff; 
} 
#container {
	margin: 0 auto 5px auto;
	width:  820px;
	min-height:620px;
	padding-bottom: 20px;
	background-color: #fff; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	overflow:hidden;

} 
#ddtopmenubar{
	/* Container of Menu and Green Lines */
	float:left;	
	width: 820px; /*647px;*/
	display:inline;
	margin: 2px auto 20px 0; /*30*/
	padding-top: 2px;
	padding-bottom: 2px;
	background-color:#241F5E; /*#002060;*/	
/*	background:url(imgcomunes/bg-menu.png) no-repeat 0 0;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.footer {
	position:relative;
	margin: auto auto 20px auto;
	width: 640px;
}
.footer a{
	text-decoration:none;
	color: #002060;
}
.footer a:hover{
	
	text-decoration:underline;
}
.main_gallery {
	float:left;
	display:inline;
	margin-top:30px;
	margin-right: auto;
	margin-left: 0;
	margin-bottom:0;
	width: 605px;
	height:1%;
	zoom:1;
}
.cabecera_flash h1 {display: none;}

.contenedor {
	color: #A8A8FF;
	padding: 0px;
	width: 863px;
}
.contenedorparcial {
	margin-bottom: 10px;
}
h1, h2 {margin:0px; padding: 0px;}
ul { padding-top: 0; margin-top: 0; padding-bottom: 0px;}
p {padding: 0 0 1.1em 0; margin: 0;}
#cabeza-iz {
	float:left;
	margin: 15px auto auto 10px;
	width: 200px;
	display:inline;
}
#cab-imagenes{
	float:right;
	margin:1px 2px auto 0;
	display:inline;
	width:230px;
}
#agua-cir{
	float:left;
	margin: 10px auto auto 5px;
	display:inline;
	width: 50px;
	height: 50px;
}
#riego-cir{
	float:left;
	margin: 15px auto auto 1px;
	display:inline;
	width: 80px;
	height: 80px;
}
#canal-cir{
	float:left;
	margin: 2px auto auto 0px;
	display:inline;
	width: 55px;
	height:55px;
}
#obra-cir{
	float:left;
	margin: 30px auto auto 3px;
	display:inline;
	width: 35px;
	height:35px;
}

#cab-links{
	float:left;
	margin: 10px auto auto 10px;
	padding-right: 45px;
	width: 200px;
	height: 20px;
	display:inline;
}

#contacto{
	float:left;
	margin: 0px auto auto 47px;
	padding-top:3px;
	padding-bottom:2px;
	width: 80px;
	height: 15px;
	display:inline;
	border-right: 1px solid #666;
}
#contacto a{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#999;
	text-decoration:none;
	
}
#contacto a:hover{
	color:#999;

}
#busqueda-box{
	float:left;
	margin: 5px auto auto -15px; 
	width: 118px;
	height: 20px;
	padding-top: 4px;
	padding-left: 7px;
	padding-right: 3px;
	padding-bottom: 2px;
	background-color:#002060;	
	display:inline;
	
}
#busqueda{
	background: url(imgcomunes/bg_search_box.jpg);
	display:block;
	width:113px;
	height:18px;	
}
#search_btn{
	margin: 2px auto 0 3px;
	border:none;
	display:inline;
	width:14px;
	height: 14px;
}
#SearchBox_text {
	float:right;
	width: 88px;
	margin: 2px 2px auto auto;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#000;
	border:none;
	outline:none;
	background: transparent none repeat scroll 0 0;
	
}
.sep {

	width:1px;
	height: 30px;
	border-left: 1px solid #CCC;
	
}
#bienvenido{
	float:left;
	margin: 20px auto auto 0;
	width: 788px;
	display:inline;
	min-height: 300px;
	padding: 15px;
	color:#002060;
	background-color: #E9E9E9;  /*#E4E2E0;*/
	text-align:justify;
	border: 1px solid #DCDCDC;
}
#bienvenido p{padding-top:20px;}
#bienvenido-final{font-size:13px;}
#bienvenido-final p{padding-top:20px;
font-style:italic;}
#iso-inicio{
	margin: 10px auto;
	width: 180px;
	
}
#servicios {
	
	float:left;
	margin: 30px auto auto 15px;
	width: 200px;
}
#servicios a{margin: 0 auto 10px 0;	}
.obras-in{margin-top:4px;}
.canal-in{margin-top:4px;}
#riego-inicio{
	float: left;
	margin: 0 auto auto 0;
	width: 200px;
	height: 100px;
	border: 1px solid #CCC;
}
riego-txt{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;	
	width: 145px;
	padding-left: 5px;
	background-color:#4FB847;
	color:#FFF;
}
#obras-inicio{
	float: left;
	margin: 5px auto auto 0;
	width: 200px;
	height: 100px;
}
#canal-inicio{
	float: left;
	margin: 5px auto auto 0;
	width: 200px;
	height: 100px;
	border: 1px solid #CCC;
}

#info{
	float:left;
	width:768px;
	margin: 10px auto;
	padding: 25px 25px 25px 25px;
	min-height: 400px;
	color:#002060;
	background-color: #E9E9E9;/* #E4E2E0;*/
	text-align:justify;
	border: 1px solid #DCDCDC;
	border-top:none;
	display:block;
	text-align:justify; /* makes all lines equal length */
}

#info p{padding-top:10px;}
#info ul{padding-top: 20px;}
#info a{
	outline:none;
	text-decoration:none;
	border:none;
}

#info-sv{
	float:left;
	width:788px;
	margin: -5px auto;
	padding: 15px 15px 25px 15px;
	min-height: 400px;
	color:#002060;
	background-color: #E9E9E9;/* #E4E2E0;*/
	text-align:justify;
	border: 1px solid #DCDCDC;
	border-top:none;
	display:block;
	text-align:justify; /* makes all lines equal length */
}

#info-sv p{padding-top:10px;}
#info-sv ul{padding-top: 20px;}
#info-sv a{
	outline:none;
	text-decoration:none;
	border:none;
}

#info-inner{
	margin: 5px -5px auto auto;
	width: 640px;
	height: 500px;
	padding: 5px;
	background:#FFF;
	
}
.pag-titulo {
	clear:left;
	margin: 20px auto auto 0;
	width: 820px;
	height: 20px;
	background-color:#E9E9E9;
	font-size:16px;
	font-weight: bold;
	color:#241F5E;
	border:1px solid #DCDCDC;
	padding:3px 0 3px 5px;

}
.pag-titulo h3{font-size:17px;}

#izquierda{
	float:left;
	margin:30px auto auto 0;
	width: 540px;
	
}
#derecha{
	float:left;
	margin: 30px auto auto 25px;
	width: 210px;
	

}
/* ------------------------------- La Empresa ------------------------------------------- */

#fabrica-img {
	margin: 5px auto;
	width: 580px;
}
/* --------------------------------- Filosofia ------------------------------------------ */
#iso-img1 {
	float:right;
	margin: 0 auto auto 30px;
	width: 120px;
	height: 230px;
}
#iso-img2 {
	margin: 15px auto 10px 15px;
	width: 120px;
}

.sep {
	float:left;
	margin: 0;
	width: 10px;
	border:none;
}
/* --------------------------------- Instalaciones de Riego ---------------------------- */
.riego-tit {
	width: 190px;
	float:left;
}
.info h3{font-size:16px;}
.riego-listo{
	margin-left:5px;
	width:355px;
	/*list-style-position:inside;*/
	list-style:square;
	padding: 15px;
}
#riego-img{
	float:left;
	margin: 0 auto auto 0;
	width: 220px;
	height: 160px;
	border:1px solid #333;
	
}
#riego-img2{
	float:left;
	margin: 30px 15px auto 0;
	width: 220px;
	height: 180px;
	border:1px solid #333;
	
}
#riego-img3{
	float:left;
	margin: 30px auto auto 0;
	width: 220px;
	height: 293px;
	border:1px solid #333;
}

/* ----------------------------- Obras Civil y Edificación ------------------------------------------ */
#obra-img{
	margin: 0 auto auto 0;
	width: 220px;
	height: 160px;
	border:1px solid #333;
}
#obra-img2{
	margin: 20px auto auto 0;
	width: 220px;
	height: 180px;
	border:1px solid #333;
}
#obra-img3{
	margin: 20px auto auto 0;
	width: 220px;
	height: 180px;
	border:1px solid #333;
}
/*------------------------------------- Canalizaciones -----------------------------------------------------*/
#canal-img{
	float:left;
	margin: 0 auto auto 0;
	width: 220px;
	height: 180px;
	border:1px solid #333;
}
#canal-img2{
	float:left;
	margin: 15px auto auto 0;
	width: 220px;
	height: 180px;
	border:1px solid #333;
}
/*-------------------------------------- Catalogos -------------------------------------------------------- */
#pdf-box{
	margin: 30px auto auto 0;
	width: 300px;
	font-size:11px;
	border: 1px solid #002060;
}
#pdf-box a{
	text-decoration:none;
	color:#002060;
	outline:none;
}
#pdf-box a:hover{text-decoration:underline;}
.catalogo-A{background-color:#F0EFEE;}
.catalogo-B{background-color:#999;}
/* --------------------------------------------- Contactanos ----------------------------------------------------- */
#con-dirrecion{
	float: left;
	margin: 20px auto auto 15px;
	width: 200px;
	/*background-color:#999;*/
	color:#002060;
	border:1px solid #002060;
	white-space:pre;
	text-align:justify;
	padding: 5px;
}
#con-mapa {
	margin: 20px auto;
	width: 525px;
	height: 450px;
}

#con-mapa2 {
	float:left;
	margin: 20px auto auto 10px;
	width: 425px;
	height: 350px;
}

#telefonos {
	margin: -10px auto 20px 0;
	width: 300px;
	white-space:pre;
}
#telefonos a{

	color:#0303FA;
	font-weight:bold;
	text-decoration:underline;
}
#contact-form{
	margin: 0 auto auto 0;
	width: 620px;
}
#enviar_btn{
	padding:0;
	width:75px;
	height: 20px;
	border:none;
	cursor:pointer;
	outline:none;
	background: url(imgcomunes/boton_enviar.png) no-repeat left top;	
}
.warning {
	color: #F00;
}
#datos-oblig{
	float:right;
	margin: 5px 30px auto;
	width: 50px;
	color:#F00;
}
/* ------------------------------ Enlaces -------------------------- */

#enlaces-listo {
	width:500px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 0;
}
#enlaces-listo li{
	list-style-position:inside;
	list-style:square;
	padding-bottom: 3px;	
}
#enlaces-listo a{
	color:#009;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#enlaces-listo a:hover{text-decoration:underline;}

/* ------------------------------ Mapa Web -------------------------- */

.mapaweb-titulo{
	
	color:#333;
	font-weight:bold;

}
#mapaweb a {color:#333;}
#mapaweb a:hover {text-decoration:underline;}

#mapaweb li {
	list-style-position:inside;
	list-style:square;
	color:#009;
}
#mapaweb li a {
	
	color:#009;
	text-decoration:none;
}

#mapaweb li a:hover{
	text-decoration:underline;
}

.desc{
	float:left;
	margin: 0 3px 5px auto;
	width:88px;
	font-size: 12px;
}
.botones{
	float:left;
	margin: 15px 0 0 -15px;
	width: 175px;
}

.option-on a{
	display:block;
	padding: 4px 12px 4px 12px;
	text-decoration:none;
	outline:none;
	color:#002060;
	font-weight:bold;
	background-color:#E9E9E9;
	border: 1px solid #DCDCDC;
	border-bottom:none;

}
.fotos{
	float:left;
	margin: 0 auto;
	width:70px;
	font-size: 12px;
}
.option-off a{
	display:block;
	padding: 4px 12px 4px 12px;
	text-decoration:none;
	outline:none;
	color:#002060;
	background-color:#E9E9E9;
	border: 1px solid #DCDCDC;
	border-bottom:none;
	
	
}
.option-off a:hover{
	font-weight:bold;
}