		
	* {
		padding: 0;
		margin: 0;
	}

   html {
      height: 100%;
      }

	body {
		padding: 0px;
		margin: 0px;
		height: 100%;
	
      }

   * html div#contenedor {
		height: 100%;
      }
      
	div#contenedor {
   
		width: 100%;
		min-height: 100%;
		position: relative;
		border: 0px #000000 solid;
		margin: auto;

      }
   
	div#header {
   
		width: 100%;
		height: 380px;
		background-image:url(../imagenes/degrade.gif);
		background-position:40%;
      }
	
	div#header2 {
	  	font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#666666;
		font-size:10px;
		font-weight:bold;
		position:absolute;
		width: 100%;
		height: 380px;
		background-image:url(../imagenes/logo.gif);
		background-repeat:no-repeat;
		background-position:40%;
      }
	  
	  div#contenido {
	  	padding-top:0px;
		width:100%;
		background-color:#026799;
      }
	     
	div#texto {
		margin-left:3%;
		margin-right:3%;
      }

	div#prueba {
			background:url(../imagenes/fondo_ramitas.png) top left no-repeat;
			background-color:#FFFFFF;
			width:92%;
			padding-top: 4%;
			padding-right: 4%;
			padding-bottom: 4%;
			padding-left: 4%;
			font-size:12px;
			color: #333333;
			font-family: Verdana, Arial, Helvetica, sans-serif;
	  }	

		div#prueba a
		{
			font-size:12px;
			text-decoration:underline;
			color:#006699;
			font-family: Verdana, Arial, Helvetica, sans-serif;
	  	}	
		div#prueba h3
		{
			font-size:13px;
			background:url(../imagenes/vineta.png) left no-repeat;
			color:#006699;
			font-family:Geneva, Arial, Helvetica, sans-serif;
			padding-left:13px;
			margin:8px;
		}

		h3
		{
			font-size:13px;
			background:url(../imagenes/vineta.png) left no-repeat;
			color:#006699;
			font-family:Geneva, Arial, Helvetica, sans-serif;
			padding-left:13px;
			margin:8px;
		}
	  
	  
	div#bgris {
		padding: 0px;
		width:100%;
		
	  }	
	div#cien {
		padding: 0px;
		width:100%;
	  }	
      	
	 input {
	 
	 	border: 2px inset #ffffff ;
		background-color:#F9F9F9;
		color:#999999;
}	

	 textarea {
	 
	 	border: 2px inset #ffffff ;
		background-color:#F9F9F9;
		color:#999999;
}		

.seccion {
	font-family: "Trebuchet MS";
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
	padding-top:3px;
	padding-right:12px;
	text-align:right;
	
}


.turismo {
	font-family: "Trebuchet MS";
	font-size: 17px;
	font-style: italic;
	font-weight: bold;
	color: #000000;
	padding-top:3px;
	padding-left:12px;
	text-align:left;
	
}


.general {
	font-family: "Trebuchet MS";
	font-size: 17px;
	font-style: italic;
	font-weight: bold;
	color: #000000;
	padding-top:9px;
	padding-left:12px;
	text-align:center;
	
}

.patrocinio {
	font-family: "Trebuchet MS";
	font-size: 17px;
	font-style: italic;
	font-weight: bold;
	color: #000000;
	padding-top:9px;
	padding-left:12px;
	text-align:left;
	
}
	
.titulo {
	font-family: "Trebuchet MS";
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	
}

.subtitulo {
	font-family: "Trebuchet MS";
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
}


.texto {
	font-size: 14px;
	font-family: "Trebuchet MS";
}

.textopeq {
	font-size: 9px;
	font-family: "Trebuchet MS";
}

.carnet_t {
	font-family: "Trebuchet MS";
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #006698;
}

.carnet_c {
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	color: #006698;
}
	

div#footer {
   
		width: 100%;
		height: 150px;
		position: absolute;
		bottom: 0px;
		background-image:url(../imagenes/foot.gif);
	  
      }

div#footer2 {
		
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		font-weight:bold;
		color:#FFCC66; 
		margin-top:120px;
		margin-left:40%;
		height: 15px;
		bottom: 0px;

      }
	  
	  div#footer2 a{

		
		text-decoration:underline;
	  	font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#FFFFFF; 
		height: 15px;
		bottom: 0px;
		}
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		a.button, span.button, del.button{
	
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;
    font-size:0;
    line-height:0;
    
	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	background-position:0 0;
	background-repeat:no-repeat;
	height:30px;
	text-decoration:none;
	color:#2e523b;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;	
	vertical-align:middle;	
	
    padding-top:-2px;
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}



a.button, span.button, del.button,
a.button span, span.button button, span.button input, del.button span{
    background-image:url(../imagenes/form_buttons.png);
    _background-image:url(../imagenes/form_buttons.gif);
}


a.button span, span.button button, span.button input, del.button span{
	
	white-space:nowrap;
	cursor:pointer;
    color:#222;
	display:-moz-inline-box;
	display:inline-block;
	line-height:1;
    letter-spacing:0 !important;
    font-family:"Arial" !important;
    font-size:12px !important;
    font-style:normal;    
    background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	height:30px;
	padding:8px 20px 0 10px;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;
	zoom:1;
	_position:relative;
    _padding-left:0px;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
	
}


span.button button{
   line-height:2.5;/*Opera need this*/
}

html.safari a.button span, 
html.safari del.button span{
  line-height:1.3;
}

html.safari span.button button{
  line-height:2.6;
}

html.safari a.button:focus,
html.safari span.button button:focus{
    outline:none;
}

span.button button, span.button input{
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}


/** optional **/
/*
a.button:visited{
	color:#aaa;
}
*/


/*Hover Style*/

a.button:hover, 
span.button:hover,
a.button:focus, 

a.dom-button-focus, 
span.button-behavior-hover{
	background-position:0 -60px;
	color:#222;
	text-decoration:none;
}

a.button:hover span, 
span.button:hover button, 
a.button:focus span, 

span.button-behavior-hover button, 
span.button-behavior-hover input{
	background-position:100% -60px;
}

a.button:active, a.button:focus span{
	color:#444;
}

del.button-behavior-hover, del.button:hover{
	background-position:0 -180px;
	/* cursor:not-allowed; */
}

del.button-behavior-hover span, del.button:hover span{
	background-position:100% -180px;
	/* cursor:not-allowed; */
	
}

/*Optional hack for IE6 to simulate :hover selector*/

span.button button, del.button span, span.button input{

	_behavior:expression(
		(function(el){

			if( typeof( behavior_onMouseEnter) == 'undefined'){
				
				behavior_onMouseEnter = function(el){
					
					var dEl = this.parentNode;					
					var sClass = dEl.className ;
					dEl.__defaultClassName = sClass ;
					dEl.className = sClass + ' button-behavior-hover';	
					this.setCapture();
				};

				behavior_onMouseLeave = function(el) {
					var dEl = this.parentNode;
					dEl.className = dEl.__defaultClassName ;
					dEl.__defaultClassName = undefined;
					this.releaseCapture();
				};
			};
			el.runtimeStyle.behavior = 'none';
			el.onmouseenter = behavior_onMouseEnter;
			el.onmouseleave = behavior_onMouseLeave;
		})(this));
}




div#camb 
		{
			display: block;
			height: 21px;
			width: 94px;
			background:url(../imagenes/casaa/casaamiga_btn1.png) no-repeat top left;
			outline: none;
			border: 0px;
			cursor: pointer;
			margin: 0;
			padding: 0;
		}
		
			div#camb:hover 
		{
			display: block;
			height: 21px;
			width: 94px;
			background:url(../imagenes/casaa/casaamiga_btn1_ovr.png) no-repeat top left;
			outline: none;
			border: 0px;
			cursor: pointer;
			margin: 0;
			padding: 0;
		}

div#camo 
		{
			display: block;
			height: 21px;
			width: 94px;
			background:url(../imagenes/casaa/casaamiga_btn2.png) no-repeat top left;
			outline: none;
			border: 0px;
			cursor: pointer;
			margin: 0;
			padding: 0;
		}
		
			div#camo:hover 
		{
			display: block;
			height: 21px;
			width: 94px;
			background:url(../imagenes/casaa/casaamiga_btn2_over.png) no-repeat top left;
			outline: none;
			border: 0px;
			cursor: pointer;
			margin: 0;
			padding: 0;
		}
		
div#evnt 
		{
			display: block;
			height: 36px;
			width: 159px;
			background:url(../imagenes/btneventostep.png) no-repeat;
			background-position:center;
			color:#006698;
			font-weight: bold;
			text-decoration: none;
			text-align:center;
			outline: none;
			font-size: 14px;
			border-bottom: 0px;
			cursor: pointer;
			margin: 0;
			padding-left:35px;
			padding-top: 18px;
			padding-right: 0;
			padding-bottom: 0;
			margin-left:15px;
			font-style: italic;
			font-family: "Trebuchet MS";
		}
		
			div#evnt:hover 
		{
			display: block;
			height: 36px;
			width: 159px;
			background:url(../imagenes/btneventostepover.png) no-repeat;
			background-position:center;
			color:#FFFFFF;
			font-weight: bold;
			text-decoration: none;
			text-align:center;
			outline: none;
			font-size: 14px;
			border-bottom: 0px;
			cursor: pointer;
			margin: 0;
			padding-left:35px;
			padding-top: 18px;
			padding-right: 0;
			padding-bottom: 0;
			margin-left:15px;
			font-style: italic;
			font-family: "Trebuchet MS";
		}
