@charset "UTF-8";
/** CSS Document */

/** ---- RESET ----- */

body, div, span, h1, h2, h3, h4, h5, p, ul, ol, li, img, table, tr, td, form, input, legend, fieldset, object, embed, param{
 margin:0;
 padding:0;
}

ul li, ol li{list-style-type:none;}

img{
 border:0;
}

.limpia{
float:none;
display:block;
clear:both;
}

.line_dot{
	height:4px;
	background:url(images/linea.gif) repeat-x 0 0;
}
.line{
	height:4px;
	border-bottom:1px solid #ccc;
}

fieldset{
border:0;
}

a{color: #0C3183; text-decoration:none ;}
a:hover{text-decoration:underline;}
a.mas{padding: 2px 8px 2px 23px; border: 1px solid #0C3183; background: url(images/fleche_button.gif) no-repeat 5px 6px;}
a.zoom{margin-left: 10px;}

h2{
font: normal 19px/21px Arial, Helvetica, sans-serif;
color: #0C3183;
margin-bottom: 15px;
}

h4{
font: bold 18px/22px Arial, Helvetica, sans-serif;
color: #000;
margin: 15px 0;
}

	h4 a{color: #000;}
	h4 a:hover{text-decoration:underline;}

p{text-align:justify; margin: 5px 0 15px 0}
p.text_right{text-align:right;}

.grey{color:#666;}
.blue{color:#0C3183;}
.small{font-size: 11px;}
.big{font-size: 13px;}
.capital{text-transform:uppercase}

#content ul{}
#content ul li, #content ol li{list-style-type:disc; margin: 10px 30px; text-align: justify;}
#content ol li{list-style-type:decimal; margin: 10px 2.5em;}
#content ul li span{color:#0C3183; font-size: 13px;}

.borde_img{border:1px solid #333; padding: 7px}

.floatLeft{float:left;}
.floatRight{float:right;}

/** ----- ESTRUCTURA ------ */


body{
	background: url(images/bg_body.gif) repeat 0 0;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	color: #000;
}

/** ESTRUCTURA GENERAL: contenedores */

#wrapper1{
	width: 850px;
	background-color: #FFF;
	margin: 0 auto;
}

	#wrapper1 #wrapper2{
		width: 712px;
		padding: 0 69px 60px 69px;
	}
	

		/** CABECERA */
		
		#wrapper2 #header{
			width: 712px;
			height: 90px;
			overflow: hidden;
			padding-top: 60px;
		}
		
			#header #logo{
				width: 120px;
				float: left;
			}
				
				#logo h1{
					background: url(images/logo.gif) no-repeat bottom left;
					width: 120px;
					height: 80px;
				}
				
					h1 span{display:none;}
		
			
			/** Navegacion principal */
			
			#header #navmain{
				width: 542px;
				float: left;
			}
			
				#navmain ul{
					float: right;
					padding-top: 65px;
				}
				
				#navmain ul ul, #navmain ul ul li{
					float:none;
				}
					#navmain ul ul {
  					  position: absolute;
  					  width: 310px;
  					  bottom: 30px;
  					  *margin-left: -76px;
  					}					
					
					#navmain ul li{
						float:right;
						position: relative;
					}
					
						#navmain a{
							color:#999;	
							text-decoration:none;
							border-left: 1px solid #999;
							padding: 0 10px;
							font-size: 14px;							
						}
						
						#navmain a:hover, #navmain li.current a{
							color:#000;
							border-left-color:#000;
						}
				
				#navmain ul.item5{top:-40px;}
				#navmain ul.item4{top:-22px;}
				#navmain ul.item3{top:-4px;}
				#navmain ul.item2{top:14px;}
				#navmain ul.item{top:32px;}
				
					#navmain ul ul li{
					border-left: 1px solid #999;
					_margin-top:-2px;
					display:block;
					}
					
						#navmain ul li.current ul li a{
							border-left: 0;
							font-size:12px;
							color: #999;
						}
						
						#navmain ul li.current ul li a:hover, #navmain ul li.current ul li.current a{
							color:#000;
						}
						
						
			/** Navegacion idiomas */
			
			#header #navlang ul{
			}
			
			#navlang ul li {
				background: url(images/bg_navlang_li.gif) no-repeat bottom right;
				margin-bottom: 2px;
			}
			#navlang a{
				color: #CCC;
			}
			
			#header #navlang a:hover, #navlang ul li.current a{
				color:#000;
				text-decoration: none;
			}
			
			/** Navegacion util*/
			
			ul#navutil{
				float:right;
				font: normal 11px/15px Arial, Helvetica, sans-serif;
				color: #000;
				background-color: #f2f2f2;
				padding: 5px 10px;
				margin: 10px 0;

			}
			
			ul#navutil li {
				float:left;
				list-style-type: none;
				margin: 0;
				padding: 0 5px 0 0;
			}
			
			ul#navutil li.first ,ul#navutil li.last {
			}
			ul#navutil a{
				color:#666;
			}
			
			ul#navutil a:hover{
				
			}
		
		
		/** CONTENIDO */
		
		#wrapper2 #content{
			overflow:hidden;
		}
		
		#wrapper2 .content{
			margin: 25px 0;	
			background: none;
		}
		
		
		h2.cite{
			float:left;
			width: 270px;
			font: normal 12px/16px Arial, Helvetica, sans-serif;
			padding: 338px 49px 0 20px;
			_padding: 338px 46px 0 20px;
			color:#999;
		}
		
		#content .col1{float:left;}
		#content .col2{float:right;}
		
		#content .fila{
			clear: both;	
			margin-bottom: 25px;
			overflow:hidden;
			position: relative;
		}
		
		#content .neighbors{color:#999;}	
		
			#content .neighbors a{
				color: #999;
				font-size: 11px;
			}
			
			#content .neighbors a:hover{
				color: #000;
				text-decoration: none;
			}
			
		#content .pie_foto{}
			
			#content .pie_foto p {
				color:#666;
				font: normal 10px/11px Arial, Helvetica, sans-serif;
				text-align:left;
				width: 243px;
				margin: 3px 0 0 0;
				padding:0;
			}
		
		
			.fila .col1{
				width: 280px;
			}
			
			.fila .col2{
				width: 375px;
			}
		
		#content .ese_home{
			height: 393px;
			background: url(images/ese_home.jpg) no-repeat 0 0;
			margin-bottom: 30px;
		} 
		
		#content .bg_azul, #content .bg_azul_home{
			background-color: #EBF0F5;
			border-top: 4px solid #0C3183;
			border-bottom: 4px solid #0C3183;
			padding: 25px 35px 25px 35px;
			_padding: 10px 35px;
			overflow:hidden;
		} 
		#content .bg_azul_home{
			background: #CCC url(images/bg_grey.jpg) repeat-y 0 0;
			border-top: none;
		}
			
			
			#content .bg_azul_home .col1{
				width: 400px;
			}
						
			#content .bg_azul_home .col2{
				width: 215px;
				padding-right:0;
				padding-left: 20px;
				float:left;
			}
			
			.bg_azul_home h3{
				font: bold 14px/17px Arial, Helvetica, sans-serif;
				color: #0C3183;
			}

				.bg_azul_home p.date{
					color: #666;
					font: normal 12px/15px Arial, Helvetica, sans-serif;
					margin: 15px 0 -15px 0;
				}
			
			.bg_azul .col1{
				width: 280px;
			}
			
			.bg_azul .col2{
				text-align:right;
				padding-right: 15px;		
			}
			
				.bg_azul .col2 img{
					background-color: #FFF;
					padding: 7px;
					border: 1px solid #666;
				}	
		
			/** Equipo de trabajadores */
			
			.fila #worker{
				background: url(images/fotopie.jpg) no-repeat 0 0;
				width: 195px;
				height: 461px;
				padding: 33px 0 0 33px;
			}
			
			/** Clientes */
			
				/* Para la version proyectos asociados */
				
				#clients{
					background: url(images/bg_clients.gif) repeat-y 0 0; 
					overflow: hidden;	
				}
				
				#clients .client_name{
					float:left;
					width: 210px;
				}
				
					#content .fila .client_name ul{margin:0; padding:0;list-style-type: none;}
					
					#content .fila .client_name ul li{
						color: #999;
						list-style-type: none;
						margin: 5px 0;
					}
					
						#content .fila .client_name ul li a{
							color: #999;
							display: block;
							padding: 0 0 0 8px;
							background: #FFF url(images/bg_dot.gif) no-repeat 0 8px;
							font-weight: bold;
							font-size: 11px;
						}
						
						#content .fila .client_name ul li a:hover, #content .fila .client_name ul li a.current{
							text-decoration:none;
							color:#333;
							background: #F3F3F4 url(images/bg_fleche_li.gif) no-repeat center right;
						}
				
				#clients .client_project{
					float:right;
					width: 150px;
					padding-left:10px;
				
				}
				
					#content .fila .client_project ul{margin:0; padding:0;list-style-type: none;}
					
					#content .fila .client_project ul li{
						color: #000;
						list-style-type: none;
						margin: 5px 0;
						font-size: 11px;
						font-weight: bold;
						line-height: 13px;
					}
					
						#content .fila .client_name ul li a{
							color: #999;
							display: block;
							padding: 0 0 0 8px;
							background: #FFF url(images/bg_dot.gif) no-repeat 0 8px;
						}
						
						#content .fila .client_name ul li a:hover, #content .fila .client_name ul li a.current{
							text-decoration:none;
							color:#333;
							background: #F3F3F4 url(images/bg_fleche_li.gif) no-repeat center right;
						}
				
				/* Para la version con logos */
				
				#logos_clientes{
					width: 702px;
				}
				
					#logos_clientes .logos_fila_first{
						height: 18px;
						background: url(images/bg_logos_fila_first.gif) no-repeat 0 0;
					}
					
					#logos_clientes .logos_fila{
						height: 129px;
						background: url(images/bg_logos_fila.gif) no-repeat 0 0;	
					}
					
						.logos_fila .logos_img{
							float: left;
							width: 117px;
							height: 115px;
							text-align:center;
							overflow: hidden;
						}
						
							.logos_fila .logos_img img{
								width: 115px;
								height: 115px;
								margin-top:1px;
							}
			
			
			/** Localizacion */
			
			.rec_borde{
				border: 1px solid #ccc;
				border-bottom: 4px solid #0C3183;
				font-size:13px;	
				padding: 10px;
			}
			
				.rec_borde p{
					margin:2px 0;
				}
			
		/** PROYECTOS */
			
		body.projects #wrapper2 .content{
			margin: 10px 0;
			background: url(images/bg_content_project.gif) repeat-y 0 0;
		}
		
			#content .thumbs_imgs{
				background-color: #FFF;
				/** height: 150px;PROV */
 			}
			
			

			
			body.projects .content .fila .col1_project{
				width: 225px;
			}
			
			body.projects .content .fila .col2_project{
				width: 487px;
				padding: 0;
			}
			
				.col2_project .text_project{
					padding: 0 30px;
					color: #666;
				}
				
					.text_project h2.tit_project{
						color:#000;
						font: bold 23px/25px Arial, Helvetica, sans-serif;
						border-bottom: 1px solid #0C3183;
					}
					
						h2.tit_project span{
							text-transform:uppercase;
							font-size: 15px;
						}	
					
					
					
					.text_project #text{
						/*float: left;
						width: 270px;*/
					}				
						#text p.antetitle{
							margin:0;
							padding:0;
							font-size: 11px;
						}
						
						#text p.subtitle{
							color: #0C3183;
							font-size:13px;
						}
						
					.text_project #info{
						float:right;
						width: 130px;
						color:#000;
						padding: 0 0 25px 25px;
					}
					
						#info ul li{
							list-style-type:disc;
							margin: 5px 15px;
							font-size:11px;
							line-height: 14px;
							text-align: left;
						}
						
							#info ul li span{
								color:#0C3183;
								font-size:11px;
							}
				
				.col2_project .galery_project{
					padding: 15px 0 15px 30px;
				}
				
					.galery_project img{
						padding: 7px;
						border: 1px solid #666;
						background-color: #FFF;
					}
					
					.galery_project .section_element{
						float:left;
						width: 205px;
						margin: 0 15px 35px 0;
						_margin: 0 15px 35px 0;
						overflow: hidden;
					}
				
						.galery_project .section_element h3 a{
							font: normal 17px/16px Arial, Helvetica, sans-serif;
							color:#999;
							display:block;
							padding-left: 3px;
							width: 180px;
						}
						  .galery_project .section_element h3 a span {
						    height: 30px;
						    display: block;
						    margin-bottom: 8px;
						    width: 191px;
						  }
						.galery_project .section_element h3 a:hover{
							color: #000;
							text-decoration: none;
						}
												
						.galery_project .section_element img{
							padding: 3px;
						}
		  
		  #slide_numbers {
		    margin: 5px 8px 0 0;
		    text-align: right;
		    font: bold 11px/14px Arial, Helvetica, sans-serif;
		  }
		  #slide_foot {
		    font: bold 11px/14px Arial, Helvetica, sans-serif;
		    color: #666;
		    margin: 3px 12px;
		  }
		  
		  .category_title {
		    color: #0C3183;
				font: bold 13px/18px Arial, Helvetica, sans-serif;
				background: #fff;
				margin: 0;
				padding: 5px 0 15px;
		  }
		  
			/** ACTUALIDAD */
			
			.list_news{
				background: url(images/linea.gif) repeat-x 0 0;
				padding: 10px;
			}
			
				.list_news h5{
					color: #0C3183;
					font: bold 13px/18px Arial, Helvetica, sans-serif;
					margin-bottom: 10px;
				}
				
				.list_news .fila{
					padding-top: 10px;
				}
				
					.list_news .list_date{
						float:left;
						width: 100px;
						color:#666;
						margin: 0;
					}
					
					.list_news .list_title{
						float:left;
						width: 550px;
						margin: 0;
					}
				
			/** FORMULARIOS -> BUSCADOR */
		  
		  .ajax_loader {
		    background: url(images/ajax_loader.gif) no-repeat;
		    padding-left: 20px;
		    font-size: 11px;
		    font-weight: bold;
		    margin: 5px;
		  }
		  
			form.form_search{
				background-color: #EBEBEB;
				width: 224px;
				margin-left:1px;
				padding-top: 5px;
			}
			
				p.button_search{
					background: transparent url(images/bg_input_search.jpg) no-repeat 0 0;
					width:224px;
					height:21px;
					padding: 10px 0 0 15px;
					margin: 0 0 0 1px;
					text-align:left;
					font: normal 13px/13px Arial, Helvetica, sans-serif;
					color:#333;
					border: 0;
					cursor: pointer;
				}	
				
				p.button_search2,
				input.button_search2 {
				  background: transparent url(images/bg_input_search_2.gif) no-repeat 0 0;
				  padding: 8px 10px;
				  _padding: 8px 0 8px 10px;
				  margin: 10px 5px;
				  border: none;
				  width: 225px;
				  text-align: left;
				  font-size: 13px;
				}
				p.button_search2 a {
				  color: #222;
				  display: block;
				}
				p.button_search2 a:hover {
				  text-decoration: none;
				}
				
				.form_search select{
					width: 90%;
					margin: 0 5px 10px 10px;
					border: 1px solid #C0C0C0;
					float:left;
					background-color: #FFF;
					color:#666;
					padding: 3px 0;
				}
				
				.button_download {
				  background: url(images/bg_pdf.jpg) no-repeat 0 0;
				}
				.button_download a {
				  padding: 11px 10px 10px 35px;
				  display: block;
				  color: #333;
				  width: 140px;
				  text-decoration: none;
				}
				
				.form_search label{
					color:#666;
					/*float: right;*/
					margin: 15px 10px 5px 10px;
					}
				
				input.button_keyword{
					background: url(images/bg_input_keyword.jpg) no-repeat 0 0;
					width:211px;
					height: 20px;
					padding-top: 3px;
					margin:5px 0 0 6px;
					text-align:center;
					font: normal 12px/13px Arial, Helvetica, sans-serif;
					color:#666;
					border: 0;
				}	
				
				
				.form_search .expand_search{
					padding-bottom: 15px;
					border-bottom: 2px solid #0C3183;
				}
				
				
				div.search_results{
					background-color:#FFF;
					border-left: 1px dotted #999;
					padding: 10px;
				}
				
					div.search_results h3{
						font: normal 12px/16px Arial, Helvetica, sans-serif;
						color: #0C3183;
						border-bottom: 1px solid #0C3183;
					}
					
						div.search_results h3 blockquote{
							margin: 5px 10px;
							padding:0;
						}
					
					.fila .col1 #search ul, .fila .col1 #search ul li{text-align: left;}
					
					.fila .col1 #search form div.search_results ul li{
					color: #999;
					list-style-type: none;
					margin: 5px 0;
					_margin: 3px 0;
					text-align: left;
					}
				
						.fila .col1 #search form  div.search_results ul li a{
							color: #999;
							display: block;
							padding: 0 0 0 8px;
							background: #FFF url(images/bg_dot.gif) no-repeat 0 8px;
							font: bold 11px/18px Arial, Helvetica, sans-serif;
						}
					
						.fila .col1 #search form  div.search_results ul li a:hover, div.search_results ul li a.current{
							text-decoration:none;
							color:#333;
						}
					
					
		/**  ----------------------------------------- */
		
		#wrapper2 #textos{
			width: 295px;
			height: 418px;
			float: left;
			padding: 46px 25px;
		}
		
			#wrapper2 #textos h2{
				font: normal 20px/24px Arial, Helvetica, sans-serif;
				color: #000;
			}
		
			#wrapper2 #textos p.adress{
				margin-top: 260px;
				font: normal 15px/23px Arial, Helvetica, sans-serif;
				color:#999999;
			}
		
		
		#wrapper2 #footer{
			width: 712px;
			font: normal 11px/14px Arial, Helvetica, sans-serif;
			color:#777;
		}
		
			#wrapper2 #footer a{
				color: #777;
			}
			
			#wrapper2 #footer ul{}
			
			#wrapper2 #footer ul li{
				float: left;
				background: url(images/bg_dot.gif) no-repeat 0 10px;
				padding: 3px 5px;
			}
			
				#wrapper2 #footer ul li.first{
					background: none;
					padding-left:0;
				}
				
				#wrapper2 #footer ul li.last{
					padding-right:0;
				}
	
	

/*** ************* */
/*** Carousel */
/*** ************* */
/**Anchuras */
div.thumbs_imgs {
  width: 100%;
}

div.slide_indicator {
  width: 100%;
}
#horizontal_carousel {
  width: 690px;
}
#horizontal_carousel .container {
  width: 630px;
}

/*** Anchuras perfiles */
div.profiles #horizontal_carousel {
  width: 600px;
  float: left;
}
div.profiles  #horizontal_carousel .container {
  width: 540px;
}
div.profiles {
  position: relative;
}
div.profiles_numero {
  position: absolute;
  bottom: 20px;
  right: 0;
  width: 90px;
  margin-left: 20px;
  color: #0C3183;
  font-size: 14px;
  /*para IE6*/
  _position: relative;
  _padding: 160px 0 0 15px;
}

#content div.thumbs_imgs ul li {
  list-style: none;
  text-align: left;
}
#content div.img_profiles ul li {
  background: url(images/profile_back.gif) no-repeat;
}
div.thumbs_imgs {
  z-index: 2;
  padding-bottom: 20px;
	border-bottom: 2px solid #666;
	margin-bottom: 10px;
}
div.thumbs_imgs li {
  float: left;
  width: 85px;
}
div.thumbs_imgs li a {
  display: block;
  overflow: hidden;
  font-size: 10px;
  color: #999;
  line-height: 1.1em;
}
div.thumbs_imgs li a:hover,
div.thumbs_imgs li.current a {
  text-decoration: none;
  color: #000;
}
div.thumbs_imgs li a:hover img,
div.thumbs_imgs li.current a img {
  border: 1px solid #000;
}
div.img_profiles #horizontal_carousel ul#thumbs{border-top: 1px solid #ccc;}

div.img_profiles #horizontal_carousel li a:hover img,
div.img_profiles #horizontal_carousel li.current a img {
  border: none;
/*  visibility: visible;*/
}
div.thumbs_imgs li a img {
  border: 1px solid #ccc;
  padding: 2px;
}
div.img_profiles #horizontal_carousel li a img {
  border: none;
  padding: 34px 10px 20px 8px;
/*  visibility: hidden;*/
}
div.thumbs_imgs li a.current_photo,
div.thumbs_imgs li a:hover {

}
div.shower_thumbs {
  height: 7px;
  background: url(images/arrow_thumbails.png) no-repeat 98% 50%;
}
div.shower_thumbs_off {
  background: none;
}
div.slide_indicator {
  position: absolute;
  height: 100%;
  -moz-opacity: 0.4;
	opacity: .40;
	filter: alpha(opacity=40);
	background: url(images/ajax_loader_2.gif) no-repeat 50% 50%;
}


#horizontal_carousel {
  position: relative;
  z-index: 11;
}
#horizontal_carousel .container {
  position: relative;
  top: 1px;
  left: 44px;  
  overflow: hidden; 
}     
#horizontal_carousel .previous_button,
#horizontal_carousel .next_button {
  position: absolute;
  top: 0px;
  width: 8px;
  height: 76px;
  cursor: pointer;
}
#horizontal_carousel .previous_button {
  left: 20px;
  background: url(images/carousel_prev.gif) no-repeat 0 35%;
  z-index: 100;    
}        
#horizontal_carousel .previous_button_disabled,
#horizontal_carousel .next_button_disabled {
  display: none;
}
#horizontal_carousel .next_button {
  right: 0px;
  background: url(images/carousel_next.gif) no-repeat 0 35%;
  z-index: 100;
}   
#horizontal_carousel ul {
  margin: 0;
  padding: 0;
  width: 100000px;
  position: relative;
  left: 0;
}                      

#horizontal_carousel ul li img {
  display:block;             
}                                                  
#horizontal_carousel ul li {
  margin: 0px 5px 0px 0px;
}

/** Clientes */

div.customers_logos div.logo {
  width: 115px;
  height: 115px;
  float: left;
  border-right: 1px solid #7FAACB;
  padding: 10px 10px 20px 10px;
  background: url(images/customers_dotted.gif) repeat-x;
}
div.customers_logos div.logo a {
  padding: 1px;
  display: block;
}
div.customers_logos div.logo a:hover {
  border: 1px solid #ccc;
  padding: 0;
}

/** slidehome */
div.slide_home {
  position: relative;
  width: 716px;
  height: 337px;
  margin-bottom: 20px;
}
.previmg_home,
.nextimg_home {
  position: absolute;
  width: 16px;
  height: 337px;
  cursor: pointer;
  z-index: 10000;
  -moz-opacity: 0.4;
	opacity: .40;
	filter: alpha(opacity=40);
}


.previmg_home {
  background: url(images/prev_home.png) no-repeat;
  left: 0;
}
.nextimg_home {
  background: url(images/next_home.png) no-repeat;
  right: 2px;
}

/*** SLIDESHOW */
.previmg,
.nextimg {
  cursor: pointer;
  margin-bottom: 5px;
}
.previmg {
  float: left;
}
.nextimg {
  float: right;
}

/** AJAX */
.col2_project {
  position: relative;
}
.ajax_screen {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff url(images/ajax_loader_2.gif) no-repeat center 20%;
  -moz-opacity: 0.4;
	opacity: .40;
	filter: alpha(opacity=40);
}

/*** CAKE */
.cake-sql-log {
	width: 80%;
	margin: 0 auto;
}
.cake-sql-log th {
	font-size: 12px;
}
.cake-sql-log td {
	font-size: 11px;
	color: #000;
	border: 1px solid #ccc;
	padding: 4px;
	background: #fff;
	text-align: left;
}