body {

	background: #ffffff url('../img/bg_fondo.jpg') left top repeat-x;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	
	
}

.clear {clear: both;}

.center {text-align:center; color:#666;}




#wrapper {width:955px; margin:0 auto;}

	
	#header {height: 120px; position: relative;}
	
		#header h1 {background: url('../img/logo.png') no-repeat; width:556px; height:82px; position: relative; top:30px; left:15px; text-indent: -99999px;}

		.facebook {position: absolute; top:5px; right:0px; height:32px; line-height: 32px; display: block;}
		.facebook a {line-height: 32px; float: left; text-decoration: none; color: #666;}
			.facebook a:hover {color:#999;}
		.contacto {
	position: absolute;
	bottom: 5px;
	right: 4px;
	color: #000000;
	width: 320px;
}
		
	#banner {width: 955px; height: 372px; position: relative;}
	
	

#contenido {margin-top:30px; height:270px; background: #fff;}


	.col-1 {width:180px; float:left; border-right:1px dotted #999; padding: 10px; height:180px }
	
		.col-1 h2 {font-size:14px; text-align: right; color: #333; padding-bottom:3px; border-bottom: 1px dotted #ccc; position: relative; top:-10px;}

		.col-1 ul {color:#666; line-height: 15px;}
		
		
	.col-2 {width:475px; float:left; border-right:1px dotted #999; padding: 10px; height: 180px;} 
	
		.col-2 h2 {font-size:14px; text-align: right; color: #333; padding-bottom:3px; border-bottom: 1px dotted #ccc; position: relative; top:-10px;}
		.col-2 p {color:#666; text-align: justify; line-height: 15px;}
		
		.col-2 ul {margin:17px 0;}
		.col-2 ul li {color: #666; line-height: 15px;}
		
		

	.col-3 {width:235px; float: left; padding: 10px; height: 180px;}
	
		.col-3 h2 {font-size:14px; text-align: right; color: #333; padding-bottom:3px; border-bottom: 1px dotted #ccc; position: relative; top:-10px;}
		
		ul#menu li {height:15px; border:1px dotted #ccc; margin-bottom:5px;}
		
			ul#menu li a {color:#666; text-decoration:none; line-height:15px; padding-left:10px;}
			ul#menu li:hover {background: #ccc; }
			

#footer {margin-top:25px; clear: left;}
			
			
/**********************************************************************************************/
/*   FORMULARIO DE CONTACTO											                          */
/**********************************************************************************************/

#formulario {}

	#formulario p {margin-bottom: 10px;}

	#formulario label {color:#000; width:60px; display: inline-table;}
	
	#formulario input {height:18px; background:#ccc; border:1px dotted #e1e1e1;}
	#formulario textarea {height:50px; width:470px; display: inline-table; background:#ccc; border:1px dotted #e1e1e1;}
		
	#formulario .nombre {width:412px;}
		
	#formulario .email {width:412px;}
	
	#formulario .localidad {width:198px;}
	
	
	
	#formulario .submit {float: right;}



			
/**********************************************************************************************/
/*	INDEX SLIDE-SHOW + NAVIGATOR															  */
/**********************************************************************************************/
	.slideshow {
		width:955px;
		height:372px;
		z-index:10;
		overflow:hidden;
	}
	
	
	div.navi {
		left:10px;
		bottom:2px;
		width:200px;
		height:20px;
		position:absolute;
		z-index:200;
	}

		/* items inside navigator */
	div.navi a {
		width:8px;
		height:8px;
		float:left;
		margin:3px;
		display:block;
		text-indent: -99999px;
		background-image: url(../img/navigator.png);
		background-repeat: no-repeat;
		background-position: 0 0;
	}

			/* mouseover state */
			div.navi a:hover {
				background-position:0 -8px;
			}

			/* active state (current page state) */
			div.navi a.activeSlide {
				background-position:0 -16px;
			}


.fotos{
	width:130px;
	height:87px;
	margin-left: 5px;
	margin-top:15px;
	border: 1px dotted #CCCCCC;
	float: left;
}