/**
 * RESETEO DE TAGS
 */

body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color: #FFF;
	margin-bottom: 20px;
	color: #343434;
	font-size: 1em;
}

H1, H2, H3, H4, H5, H6, UL, HR, P { margin: 0px; padding:0px;  }

A {
	text-decoration: none;
	color: #0a568a;
}
UL{}
UL LI P{
padding:0px;
margin:3px 0px;
font-size:11px;

}


UL.vlist { list-style-type: none; display: block; }
	UL.vlist LI.nestList {
		background-image: none;
	}
	UL.vlist LI {
		background-image: url(imgs/li-style3.gif);
		background-position: left 4px;
		background-repeat: no-repeat;
		padding-left: 15px;
		color: #343434;
		float: left; /* IE6 */
		clear: both; /* IE6 */
		font-size: .9em;
		margin: 2px;
		display: block;
	}
	UL.vlist LI A {
		color: #343434;
	}
	UL.vlist LI A H1 {
		font-size: 1em;
		font-weight: normal;
	}
	UL.vlist UL { margin-left: 20px; }
		UL.vlist UL LI { font-size: .8em; font-style: italic; text-transform: capitalize; }

/**
 * SUP-HEADER
 */

#sup-header {
	background-image: url(imgs/sup-header-bg.gif);
	background-repeat: repeat-x;
	height: 40px;
}
	.sup-menu {
		background-image: url(imgs/sup-menu-bg.gif);
		background-repeat: no-repeat;
		height: 23px;
		width: 606px;
		margin: 0 auto;
		padding: 4px;
		
		font-weight: bold;
		font-size: .7em;
	}
		.sup-menu .contactar {
			margin-left: 25px;
			float: left;
		}
		.sup-menu UL {
			list-style-type: none;
			float: right;
			margin-right: 7px;
		}
			.sup-menu LI {
				border-left-width: 1px;
				border-left-color: #5d5d5b;
				border-left-style: solid;
				padding-right: 5px;
				padding-left: 5px;
				
				float: left;
			}
			.sup-menu .contactar A,
			.sup-menu LI A {
				color: #343434;
			}
			.sup-menu LI:first-child {
				border-left: none;
				padding-left: 0px;
			}

/**
 * HEADER - CABECERA
 */
	
#header	{
	background-image: url(imgs/header-title-bg.gif);
	background-repeat: repeat-x;
	background-position: center;
	height: 66px;
	width: 987px;
	margin: 0 auto;
}
	#header #header-content {
		width: 971px; /* Width del #layout*/
		height: 64px;
		margin: 0 auto;
		font-family:Arial, Helvetica, sans-serif;
	}
		#header #header-content IMG { /* Title */
			float: left;
			margin-top: 20px;
			margin-left: 30px;
		}
		#header #header-content UL {
			list-style-type: none;
			float: right;
			margin-right: 10px;
			font-size: 10px;
			font-weight: normal;
			line-height: .9em;
			margin-top: 40px;
		}
			#header #header-content LI {
				float: left;
				margin-left: 15px;
				margin-right: 15px;
			}
				#header #header-content LI A, 
				#header #header-content LI A:hover{
					text-decoration: none;
					color: #ebebeb;
					outline: none;
				}
				#header #header-content LI A.hover,
				#header #header-content LI A:hover {
					background-image: url(imgs/arrow-up.gif);
					background-repeat: no-repeat;
					background-position: center bottom;
					padding-bottom: 16px;
					display: block; /* IE 6+ */
				}




/**
 * CONTENEDOR GLOBAL
 */
 

#layout {
	width: 987px;
	height: 100%;	
	margin: 0 auto;
}	


/**
 * SUB-TITULO O PRECONTENIDO
 */

#pre-content {
	background-image: url(imgs/pre-content-bg.gif);
	background-repeat: no-repeat;
	height: 99px;
	width: 987px;
}


/**
 * MENU DE NAVEGACIÓN
 */


#navigation {
	background-image: url(imgs/navigation-bg.gif);
	background-repeat: no-repeat;
	height: 59px; /* 80 -21 */
	width: 947px; /*987  - 20 */
	padding-top: 21px;
	padding-left: 40px;
	color: #ebebeb;
	font-family: Arial, Helvetica, sans-serif;
}
	#navigation UL {
		list-style-type: none;
		margin-right: 10px;
		font-size: 10px;
		font-weight: normal;
		line-height: 40px;
	}
		#navigation LI {
			float: left;
			/*padding: 10px 0px 10px 0px;*/
			line-height: 40px;
			text-transform: uppercase;
		}
			
			#navigation LI A, 
			#navigation LI A IMG,
			#navigation LI A:hover{
				text-decoration: none;
				color: #ebebeb;
				outline: none;
				border: 0px;
				padding: 0px 10px;
				line-height: 40px;
			}
			#navigation LI A IMG {
				padding: 0px;
				padding-right: 7px;
			}
			#navigation LI A.hover,
			#navigation LI A:hover {
				background-image: url(imgs/li-hover.gif);
				background-repeat: repeat-x;
				display: block; /* IE 6+ */
			}


/**
 * CONTENEDOR DE CONTENIDO
 */

		
#content {
	width: 957px; /*  987 - 15+15*/
	background-image: url(imgs/content-bg.gif);
	background-color: white;
	padding: 0px 15px;
	padding-bottom: 40px;
	overflow: hidden;
	position: relative;
	text-align: left;
}
	#content-navigation {
		background-color: #f5f5f5;
		margin-left: 15px;
		margin-bottom: 20px;
		width: 440px;
		height: 25px;
	}

	#content-left {
		float: left;
		padding: 5px 15px;
		position: relative;
		top: 0px;
		float: left;
		width: auto;
		height:100%;
		padding: 5px 30px;
		
	}		
		#content-left.dotted {
			background-image: url(imgs/dot-padding.gif);
			background-position: right;
			background-repeat: repeat-y;
			/*margin-right: 30px;	*/
			
			padding-bottom: 32768px;
			margin-bottom: -32768px;
			margin-right: 30px;
		}


		#content-left.dotted P,
		#content-left.dotted H2,
		#content-left.dotted H1 {
			width: 450px;
		}
		
	#content-right {
		/*position: relative;*/	
		width: auto;
		padding: 5px 30px;
		padding-left: 61%;
	}
	#content-right.contenido {
		margin-left: 240px;
		padding-left: 30px;
	}
	#content-right.googlemaps {
		margin-left:543px;
		margin: 0 auto;
	}
		#content-right P {
			width: auto;
			
		}
		/*#content-right.contenido{
			float: left;
			width: 65%;
		}*/

	H1, H2, P {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	H1 {
		color: #0a568a;
		font-size: 1.3em;
		margin-top: 0px;
	}
	H2 {
		font-weight: bold;
		font-size: .8em;
		margin-bottom:10px;
	}
	P {
		font-size: 11px;
		margin-bottom: 15px;
	}	
	
	#content LI {
		font-size:11px;
	}

	
	
	/*
	#content H1, H2, P {
		margin-left: 0px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	#content H1 {
		color: #0a568a;
		font-size: 1.3em;
		margin-top: 0px;
	}
	#content H2 {
		font-weight: bold;
		font-size: .8em;
	}
	#content P {
		font-size: .9em;
		margin-bottom: 15px;
	}	
*/


/**
 * PIE DE PÁGINA
 */


#footer {
	background-image: url(imgs/footer-bg.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 987px;
	height: 60px;
}
	#footer #footer-content {
		padding-top: 10px;
		padding-left: 20%;
		font-size: 10px;
		color: #595959;
	}
	#footer #footer-content p{
				font-size: 10px;

	}

	#footer A {
		color: #595959;
	}
	#footer UL {
		list-style-type: none;
		padding-top: 25px;
		padding-bottom: 0px;
	}
		#footer LI {
			display: inline;
			border-left: 1px solid;
			padding-left: 5px;
			padding-right: 5px;
		}
		#footer LI:first-child {
			border-left: 0px;
			padding-left: 0px;
		}



/**
 * DETALLES
 */
		
		
#tiras {
	background-image: url(imgs/tiras.gif);
	background-repeat: no-repeat;
	width: 34px;
	height: 34px;
	position: relative;
	top: 560px;
	z-index: 100;
	margin-left: -14px; /* Sobrepasamos la capa layout que contiene #tiras  */
	margin-top: -34px; /* Restamos la altura de la imagen que deja en blanco arriba de todo */
}
#estrellita {
	padding: 0px;
	position: absolute;
	top: 0px;
	right: -3px;
	background-color: #FFF;
	padding-bottom: 5px;
}
#google_maps {
	height: 350px;
	width: 350px;
	border: 1px solid black;
	float: right;
}

/**
 * 	HACKS 
 */

.clearfix:after { /* (estándar) */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */