/************************************************/  
/* CSS 2.0 general.css - GRUPOPROVIVE           */
/* @date: July 2008                             */
/* @author: JOSE F. LILLO GARCIA                */
/* @email: jflillo@netconsulting.es             */
/* @web: www.netconsulting.es                   */
/************************************************/                       
                
/*-- GENERALES --*/
body{
	margin:0;
	padding:0;
	font-family:"Trebuchet Ms", Helvetica, sans-serif;
	background:url(../images/bg_body2.jpg) repeat-x top left;
	color:#201f25;
}

.clear {
	font-size: 0;
	line-height: 0;
	height: 0;
	display: block;
	clear: both;
	float: none;
}

h1, h2, h3, h4, h5 {
	margin:0;
	padding:0;
}

ul, ul li{
	margin: 0;
	padding: 0;
	list-style: none;
}

a { 
	text-decoration:none; 
	color:#df6d02;
}
	a:hover{ color:#1a1f32; }
		
	a.selected{color:#1a1f32;}
	
	li.selected a{color:#1a1f32;}
	
a img{ border: 0; }

/* CANVAS ***************************************************************************************/
#canvas{
	width:970px;
	margin:0 auto;
	background:url(../images/bg_canvas.jpg) no-repeat top left;
}

	/* HEADER ***************************************************************************************/
	
	#header{ 
		width:970px;
		height:94px;
		background:url(../images/bg_header.jpg) no-repeat top left;
	} 
	
		/*-- logotipo --*/
			#header #logotipo{
				height:88px;
				width:252px;
				background:url(../images/h1_logotipo_grupoprovive.jpg) no-repeat top left;
				float:left;
			}
				#header #logotipo a{
					width:252px;
					height:88px;
					float:left;
				}
				#header #logotipo a span{ display:none;}
	
		/*-- handy-links --*/
			#handy_links{
				float:right;
				width:185px;
				text-align:right;
				margin-right:10px;
				padding-top:0px !important;	
				margin-top:12px;
				height:20px;
			}
				html > body #handy_links{width:180px;}
			
				#handy_links li{
					float:left;
					width:40px;
					height:20px;
					background:url(../images/links_separator.gif) no-repeat right top;
				}
				#handy_links li.ultimo{background:none;}
				
				#handy_links a.sitemap{
					background:url(../images/ico_sitemap.gif) no-repeat top left;
				}
				
				#handy_links a.mail{
					background:url(../images/ico_mail.gif) no-repeat top left;
				}
				
				#handy_links a.home{
					background:url(../images/ico_home.gif) no-repeat top left;
				}
				
				#handy_links a{
					width:18px;
					height:20px;
					margin-top:2px;
					margin-right:10px;
					float:right;
				}
				
				#handy_links li a span{
					display:none;
				}
				
				#handy_links a:hover{
					border-bottom:4px solid #fff;
					height:20px;
				}
				html > body #handy_links a:hover{height:20px !important;}		
				
				/*-- handy-links enlaces--*/
				#handy_links #enlaces{width:120px;float:left;margin:0px !important}
				
				/*-- handy-links idiomas--*/
				#handy_links #idiomas{width:60px;float:left;margin:0px !important;background:url(../images/links_separator_big.gif) no-repeat top right;}
					html > body #handy_links #idiomas{width:48px;}
				
				#handy_links #idiomas li{background:none;width:22px;}
				
				#handy_links #idiomas a.es{background:url(../images/es.gif) no-repeat left 30%;}
				
				#handy_links #idiomas a.en{background:url(../images/en.gif) no-repeat left 30%;}
				
	/* CONTAINER ***************************************************************************************/
	
	#container{
		clear:both;
		width:1000px;
	}
	html > body #container{width:970px;}
	
		
		/*-- MENU --*/
		
		#container #menu{
			float:left;
			width:198px;
			padding-top:10px;
			
		}
			#menu ul.items{ }
			
				#menu ul.items li{
					width:175px;
					height:24px;
					margin-left:23px;
					
					background:url(../images/bullet_menu.gif) no-repeat top left;
				}
					#menu ul.items li.father{
						height:auto !important;
					}
				
					#menu ul.items li a{
						background:url(../images/menu_separator.jpg) repeat-x bottom left; 
						width:183px;
						height:17px;
						display:block;
						color:#fff;
						padding:7px 0 0 20px;
						font-size:70%;
					}
					
					#menu ul.items li.selected a{ color:#db6b00;}
				
				/*-- menu botones --*/	
				#menu ul li a.bt_provive{
					display:block;
				}
					#menu ul li a.bt_provive:hover{
						color:#db6b00;
					}
				
				#menu ul li a.bt_promociones {
					display:block;
				}
					
					#menu ul li a.bt_promociones:hover {
						color:#db6b00;					
					}
					
				#menu ul li a.bt_proyectos_realizados {
					display:block;
				}
					#menu ul li a.bt_proyectos_realizados:hover {
						color:#db6b00;					
					}
					
				#menu ul li a.bt_proyectos_futuros {
					display:block;
				}
					#menu ul li a.bt_proyectos_futuros:hover {
						color:#db6b00;					
					}
				#menu ul li a.bt_servicios {
					display:block;
				}
					#menu ul li a.bt_servicios:hover{
						color:#db6b00;					
					}
				#menu ul li a.bt_noticias {
					display:block;
				}
					#menu ul li a.bt_noticias:hover {
						color:#db6b00;
					}
				#menu ul li a.bt_ofertas {
					display:block;
				}
					#menu ul li a.bt_ofertas:hover {
						color:#db6b00;
					}
				
				/*-- SUBMENU --*/
				#submenu li, .submenu li{
					margin-left:10px !important;
					width:180px !important;
					background:url(../images/bullet_submenu.gif) no-repeat top left !important;
				}
				
					#menu ul li.father #submenu li a, #menu ul li.father .submenu li a{
						display:block;
						margin-left:5px;
					}
				
					#submenu li a, .submenu li a{
						height:12px !important;
						font-size:70% !important;
						color:#bbb !important;
						padding-left:5px !important;
						background-image:none !important;
					}
						#submenu li a:hover, .submenu li a:hover{
							color:#fff !important;
						}
						
						#submenu li.selected a, .submenu li.selected a{
							color:#dd6b01 !important;
						}
				
					
			
				/*-- INFO --*/
				#info{
					position:absolute;
					bottom:50px;
					width:150px;
					margin-left:40px;
					line-height:12px;
				}
		
		/* CONTENT ***************************************************************************************/
		
		#content{
			float:left;
			width:770px;
			min-height:540px;
			background:url(../images/bg_content.jpg) repeat-y top left;
			padding-bottom:20px;
			margin-left:-28px;
		}
		html > body #content{margin-left:0px;}
		
			/*-- GALLERY --*/
			#gallery{ 
				width:751px;
				padding:0 3px;
				margin:0 3px;
				margin-bottom:10px;
				background:url(../images/bg_gallery.jpg) repeat-x top left;
				border-bottom:10px solid #fff;
			}	
			
			
				/*-- TEXT --*/
				html > body #text{ 
				width:515px;}
				
				#text{
					float:left;
					width:510px;
					min-height:350px;
					padding-left:10px;
					margin-right:10px;
					font-size:90%;
				}
				
					#text h1{
						text-transform:uppercase;
						font-size:100%;
						color:#2b3047;
						margin-bottom:10px;
						padding-bottom:15px;
						font-weight:bold;
						background:url(../images/linea_titulo.jpg) no-repeat bottom left;
					}
						#text h1 span{
							display:block;
							color:#9e9fa3;
						}
					
					/**************************************** fallo en el h2 ofertas y noticias ********* !!!!!! --*/ -->
					#text h2{
						/*clear:both;
						font-size: 90%;
						color: #454d67;
						font-weight: bold;
						font-size: 90%;
						padding:10px 0 10px 0;*/
					}
					
					#text h4{
						clear:both;
						font-size: 90%;
						color: #454d67;
						font-weight: bold;
						font-size: 90%;
						padding:10px 0 10px 0;
					}
					
					
					#text p{
						text-align:justify;
						font-size:100% !important;
						margin-bottom:10px;
						margin-right:5px;
						color:#2b3047;
					}
						#text p strong{ font-weight:bold;}
						
						#text li{
							background:url(../images/bullet_ofertas03.jpg) no-repeat top left;
							padding-left:20px;
							margin-bottom:3px;
							margin-left:10px;
							font-size:90%;
							color:#2b3047;
						}
						
							#text li li{
								background:url(../images/bullet_ofertas02.jpg) no-repeat bottom left;
								padding-left:20px;
								margin-left:10px;
								font-size:100%;
								color:#2b3047;
								
							}
							
						
						/* ---=== CAJAS ===--- */	
						.box{	}
 	
							.box-content { padding:10px;	}
							
							.box-content h2	{
								font-size: 90%;
								color: #454d67;
								font-weight: bold;
								font-size: 90%;
								margin:20px;
							}
									
							.box-content p	{
								color:#3b3b3b;
								font-size: 1em;
								line-height: 1.3em;
							}
							
							/* ---=== codigos de los bordes ===--- */
							/*
								tlc = top left corner
								trc = top right corner
								blc = bottom left corner
								brc = bottom right corner
								lb = left border
								rb = right border
								tb = top border
								bb = bottom border 
							*/
							
							.tlc, .trc, .blc, .brc	{
								background-color: transparent;
								background-repeat: no-repeat;
							}
							
							.tlc{
								background-image:url(../images/tlc.gif);
								background-position: 0% 0%;
							}
							
							.trc{
								background-image:url(../images/trc.gif);
								background-position: 100% 0%;
							}
								
							.blc{
								background-image:url(../images/blc.gif);
								background-position: 0% 100%;
							}
							
							.brc{
								background-image:url(../images/brc.gif);
								background-position: 100% 100%;
							}
							
							.tb, .bb{
								background-color: transparent;
								background-repeat: repeat-x;
							}
										
							.tb	{
								background-image:url(../images/tb.gif);
								background-position: 0% 0%;
							}
							
							.bb	{
								background-image:url(../images/bb.gif);
								background-position: 50% 100%;
							}
								
							.rb	{
								background-image:url(../images/r.gif);
								background-position: 100% 0%;
								background-repeat: repeat-y;
							}
							
							.lb	{
								background-color: #fff;
								background-image:url(../images/l.gif);
								background-position: 0% 100%;
								background-repeat: repeat-y;
							}

						/*-- clases sueltas --*/
						p.advice{
							background:url(../images/advice.jpg) no-repeat top left;
							font-size:90% !important;
							font-weight:bold;
							padding-left:60px;
							padding-top:7px;
							padding-bottom:25px;
							min-height:50px;
							
												
						}
						
						p.question{
							background:url(../images/bg_question.jpg) no-repeat top left;
							font-size:90% !important;
							font-weight:bold;
							
							padding-top:15px;
							height:80px;
							text-align:center !important;					
						}
						
						.extra-links{
							clear:both;
							
						}
						
						a.linkback{
							background:url(../images/ico_arrow_left.jpg) no-repeat top left;
							padding-left:25px;
							font-size:90%;
							
						}
						
						.archivo{
							text-align:right;
							background:url(../images/ico_down.jpg) no-repeat top right;
							padding-right:35px;
							padding-bottom:15px;
							padding-top:16px;
							margin-bottom:10px;
							font-size:90%;
							width:120px;
							float:right;
						}
						
						.pdf{
							
							background:url(../images/ico_acrobat.jpg) no-repeat top left;
							padding-left:25px;
							font-size:90%;
						}
						
						.word{
							
							background:url(../images/ico_word.jpg) no-repeat top left;
							padding-left:25px;
							margin-left:10px;
							font-size:90%;
						}
						
						.imagen-empresa{
							float:left;
							margin:0 10px 10px 0;
						}
						
						/*-- paginacion --*/
						
						p.paginacion{
							clear:both;
							padding:20px 0;
							text-align:center !important;
						}
						
							p.paginacion a{ border-bottom:3px solid;}
						
						/*-- erorres y exitos --*/
						
						.error{
							border:1px dotted #f00;
							margin-right:25px;
							margin-bottom:10px;
							padding:5px;
						}
							.error h3{
								font-size:90%;
								margin-bottom:10px;
								font-weight:bold;
							}
						
							.error strong{font-weight:bold;}
						
						.success{
							border:1px dotted #0f0;
							margin-right:15px;
							margin-bottom:10px;
							padding:5px;
							font-weight:bold;
						}
					
				
					
				
				/*-- ADDITIONAL --*/
				html > body #additional{ 
					margin-left:10px;
					width:190px !important;
					
				}
				
				#additional{
					float:left;
					width:160px;
					padding:0;
					min-height:350px;
					margin-left:10px;
				}
					#additional h4{
						text-transform:uppercase;
						font-size:100%;
						color:#19172f;
						margin-bottom:10px;
						font-weight:bold;
					}
				
					/*-- chat --*/
					#chatinvite{
						clear:both;
						border:1px solid;
						width:219px;
						height:103px;
						background:url(../images/bt_soporte.jpg) no-repeat top left;
						border:0;
					}
						.on{background:url(../images/bt_online.jpg) no-repeat top left !important;}
						
						.off{background:url(../images/bt_offline.jpg) no-repeat top left !important;}
			
					/*-- listado noticias --*/
			
					#additional #home-news-list{}
					
						#additional #home-news-list li, #additional .item-list li{ 
							clear:both;							
							width:190px;
							margin-right:15px; 
							margin-bottom:10px;
							padding-bottom:10px;
							border-bottom:1px dotted #666;
						}
						
							#additional #home-news-list li .home-news-title,
							#additional .item-list li .item-title{
								marging-bottom:10px !important;
							}
							
							#additional #home-news-list li .home-news-title a,
							#additional .item-list li .item-title a{ font-size:70%; }
						
							#additional #home-news-list li .home-news-title span,
							#additional .item-list li .item-title span{
								float:left !important;
							}
							
							#additional #home-news-list li .home-news-title em,
							#additional .item-list li .item-title em{
								float:left !important;
								font-style:normal !important;
							}
							
							
							#additional #home-news-list li .home-news-title h3,
							#additional .item-list li .item-title h3{
								float:left !important;
								margin-bottom:3px;
							}
							
							#additional #home-news-list li .home-news-description,
							#additional .item-list li .item-description{
								font-size:70%;
								color:#1f2333;
								clear:both;
								line-height:13px;
							}
								#additional #home-news-list li .home-news-description p,
								#additional .item-list li .item-description p{
									text-align:justify;
								}
								
								#additional #home-news-list li .home-news-description p span,
								#additional .item-list li .item-description p span{ float:none;}
							
							#additional #home-news-list li .home-news-link,
							#additional .item-list li .item-link{ 
								text-decoration:underline;
								font-size:80%;
								float:left;
								color:#f60;
								padding-right: 12px;
								margin-left:5px;
								height:12px;
								background:url(../images/ico_news.gif) no-repeat bottom right;
								
							}
								
								#additional #home-promotions-list li .home-news-link a,
								#additional .item-list li .item-link a{ text-decoration:underline; }
								
								#additional #home-promotions-list li .home-news-link a:hover,
								#additional .item-list li .item-link a:hover{}
							
							
							
			
			
			
			
			/*-- MICROFORMATS --*/
			
			.vcard{
				color:#343c4f;
				font-size:80%;
				padding-right:70px !important;
				margin:0;
				border:1px dotted;
				margin-right:15px;
				margin-bottom:10px;
				padding:10px;
				line-height:15px;
			}
			
			.minivcard {
				float:left;
				color:#fff;
				font-size:70%;
				margin:-75px 0px 0px 15px;
				position:relative;
				line-height:14px;
			} 
			
			html > body #footer .minivcard{	margin:-75px 0px 0px 40px;}
			
				#text .minivcard  {
					color:#343c4f;
					font-size:80%;
					border:1px dotted;
					margin-right:25px;
					margin-bottom:10px;
					padding:10px;
					line-height:15px;
				} 
				
					#text .vcard .org,#text .minivcard .org{font-weight:bold;}
			
				
		
				#info .vcard .org,#text .minivcard .org{ font-weight:bold;}
			
			#info .vcard .org, #info .vcard .street-address, #info .vcard .postal-code, 
			#info .vcard .locality, #info .vcard .region, #info .vcard .country-name{ }
			
			#info .vcard .info_booking{ }

				#info .vcard .info_booking span{ }			
				
				#info .vcard .info_booking .tel{ }
					
			
			
	/* FOOTER ***************************************************************************************/
	
	#canvas_footer{
		background:url(../images/bg_footer.jpg) repeat top left;
		height:80px;
		border-top:12px solid #fff;
		
	}
	
	#footer{ 
		clear:both;
		width:970px;
		margin:0 auto;
	}
	
		#footer ul { 
			float:right;
			margin:10px 10px 10px 0;
		}
		#footer ul li { 
			float:left; 
			font-size:70%;
			color:#fff;
			
		} 
		
			#footer ul li a{ 
				margin:0 5px;
				color:#fff;
			}
				#footer ul li a:hover{ color:#847147;}
			
			#footer ul li ul{margin:15px 0 0 200px;}
			
				#footer ul li ul li { 
					font-size:100%;
					text-transform:none;
				}
				 
		#footer p{ 
			clear:both;
			text-align:right;
			font-size:70%;
			margin-right:25px;
		}
		html > body #footer p{margin-right:15px;}

			#footer p, #footer p a { 
				color:#fff !important;
			}
			
			#footer a{
				color:#fff !important;
			}
				#footer a:hover{
					color:#1b1e2f !important;
				}