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

body {
	margin: 0;
	padding: 0;
	background: #BB4B0A url(img/bg_body.png) top center repeat-y;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	text-align: center;
	}
	
/*////////////////////////////////////////////////////////////////////////////////*/

	#wrap {
		margin: 0 auto;
		width: 802px;
		text-align: left;
		}
	
/*////////////////////////////////////////////////////////////////////////////////*/

	.clearer { clear: both; }
	
	.txtc { text-align: center; }
	.txtr { text-align: right; }
	.note { font-size: 11px; }
	
	a img { border: 0; } 
	
	div#main div#col512 ul#errors {
		margin: 0;
		padding: 0;
		list-style: none;
		list-style-image: none;
		font-size: 10px;
		}
		#errors li {
			margin: 0 0 2px 0;
			padding: 3px;
			color: #FF0000;
			border: 1px solid #FF0000;
			background-color: #FFE3E0;
			}
	
/*////////////////////////////////////////////////////////////////////////////////*/

	#head {
		height: 90px;
		}
		#head h1 {
			margin: 0;
			float: left;
			}
			#head h1 a {
				display: block;
				width: 200px;
				height: 90px;
				background-image: url(img/logo.png);
				text-indent: -9999px;
				}
		#head p {
			float: right;
			margin: 0;
			}		
	
/*////////////////////////////////////////////////////////////////////////////////*/

	#slide {
		height: 180px;
		padding: 0 0 12px 0;
		background: url(img/bg_slide.png) bottom no-repeat;
		}	
	
/*////////////////////////////////////////////////////////////////////////////////*/
	
	#menu {
		height: 28px;
		padding: 10px 0 8px 0;
		border-bottom: 1px solid #CCCCCC;
		}
		#menu p {
			float: left;
			margin: 0;
			padding: 4px 0 0 0 ;
			font-size: 12px;
			color: #F91C00;
			}
			#menu p a {
				color: #F91C00;
				text-decoration: none;
				font-weight: bold;
				}
				#menu p a:hover {
					text-decoration: underline;
					}
		#menu ul {
			margin: 0;
			padding: 0;
			list-style: none;
			float: right;
			}
			#menu ul li {
				margin: 0;
				padding: 0;
				float: left;
				}
				#menu ul li a {
					display: block;
					height: 28px;
					text-indent: -9999px;
					background-position: top;
					}
					#menu ul li a:hover, #menu ul li.sel a {
						background-position: bottom;
						}
				
				#menu ul li a#btn_prin {
					width: 88px;
					background-image: url(img/btn_prin.png);
					}
				#menu ul li a#btn_apar {
					width: 134px;
					background-image: url(img/btn_apar.png);
					}
				#menu ul li a#btn_ubic {
					width: 100px;
					background-image: url(img/btn_ubic.png);
					}
				#menu ul li a#btn_gale {
					width: 82px;
					background-image: url(img/btn_gale.png);
					}
				#menu ul li a#btn_cont {
					width: 96px;
					background-image: url(img/btn_cont.png);
					}
				#menu ul li a#btn_prin_en {
					width: 88px;
					background-image: url(img/en_btn_prin.png);
					}
				#menu ul li a#btn_apar_en {
					width: 134px;
					background-image: url(img/en_btn_apar.png);
					}
				#menu ul li a#btn_ubic_en {
					width: 100px;
					background-image: url(img/en_btn_ubic.png);
					}
				#menu ul li a#btn_gale_en {
					width: 82px;
					background-image: url(img/en_btn_gale.png);
					}
				#menu ul li a#btn_cont_en {
					width: 94px;
					background-image: url(img/en_btn_cont.png);
					}	
	
/*////////////////////////////////////////////////////////////////////////////////*/

	#main {
		padding: 12px 0;
		}
		#main a {
			color: #005D64;
			font-weight: bold;
			text-decoration: none;
			}
			#main a:hover {
				text-decoration: underline;
				}
		#main ul {
			list-style-image: url(img/bg_li.png);
			}
			
		#main div#col802 h2 {
			font-size: 24px;
			color: #FFFFFF;
			margin: 0 0 12px 0;
			background: url(img/bg_h2-802.png) top no-repeat;
			padding: 3px 12px 14px 12px;
			line-height: 24px;
			font-weight: normal;
			text-align: right;
			}

	#col280 {
		float: left;
		width: 280px;
		}
		#col280 h2 {
			font-size: 24px;
			color: #FFFFFF;
			margin: 0 0 12px 0;
			background: url(img/bg_h2-280.png) top no-repeat;
			padding: 3px 0 14px 12px;
			line-height: 24px;
			font-weight: normal;
			}
		#col280 h3 {
			font-size: 18px;
			color: #F81A00;
			margin: 0 0 12px 0;
			line-height: 18px;
			font-weight: normal;
			}
	
/*////////////////////////////////////////////////////////////////////////////////*/
			
		div#slideplace {
			float: right;
			margin: 0;
			background-color: #CCCCCC;
			width: 492px;
			height: 330px;
			padding: 10px;
			text-align: center;
			}
		ul#nav {
			float: left;
			margin: 0;
			padding: 0;
			width: 290px;
			list-style: none;
			}
			ul#nav li {
				float: left;
				margin: 0 10px 10px 0;
				padding: 0;
				}
			ul#nav li a img {
				width: 44px;
				height: 44px;
				background-color: #CCCCCC;
				padding: 2px;
				}
			ul#nav li a:hover img {
				background-color: #999999;
				}
			
		#slide {
		    position:relative;
		    height:180px;
		}
		
		#slide img {
		    position:absolute;
		    top:0;
		    left:0;
		    z-index:8;
		    opacity:0.0;
		}
		
		#slide img.active {
		    z-index:10;
		    opacity:1.0;
		}
		
		#slide img.last-active {
		    z-index:9;
		}
	
/*////////////////////////////////////////////////////////////////////////////////*/

	#col512 {
		float: right;
		width: 512px;
		}
			
		#col512 h2 {
			font-size: 24px;
			color: #FFFFFF;
			margin: 0 0 12px 0;
			background: url(img/bg_h2-512.png) top no-repeat;
			padding: 3px 12px 14px 12px;
			line-height: 24px;
			font-weight: normal;
			text-align: right;
			}
		#col512 h3 {
			font-size: 18px;
			color: #F81A00;
			margin: 0 0 12px 0;
			line-height: 18px;
			font-weight: normal;
			}
		
		#map {
			padding: 10px;
			background-color: #CCCCCC;
			}
			
/*////////////////////////////////////////////////////////////////////////////////*/

  #contacto {
    margin: 0;
	text-align: right;
    }
   
    #contacto fieldset {
        border: 0;
		padding: 0;
		margin: 0;
        }
    #contacto fieldset legend {
        display: none;
        }
    #contacto fieldset label {
        display: block;
        float: left;
        width: 222px;
		padding: 3px 0;
        }
    #contacto fieldset input {
        border: 1px solid #CCCCCC;
		width: 270px;
		padding: 4px;
		margin: 0 0 3px 0;
        }
    #contacto fieldset textarea {
        border: 1px solid #CCCCCC;
		height: 120px;
		width: 270px;
		padding: 4px;
		margin: 0 0 3px 0;
        }
		#contacto fieldset input:hover, #contacto fieldset input:focus, #contacto fieldset textarea:hover, #contacto fieldset textarea:focus {
			border: 1px solid #666666;
			}
    #contacto fieldset select {
		width: 270px;
		margin: 0 0 5px 0;
        }
	#contacto fieldset button {
		margin: 0;
		padding: 0;
		border: 0;
		text-indent: -9999px;
		width: 84px;
		height: 24px;
		background-image: url(img/btn_enviar.png);
		cursor: pointer;
		}
	#contacto fieldset button#en
	{
		background-image: url(img/en_btn_enviar.png);
	}		
		
	
/*////////////////////////////////////////////////////////////////////////////////*/

	#foot {
		text-align: center;
		border-top: 1px solid #CCCCCC;
		font-size: 12px;
		}
		#foot a {
			color: #005D64;
			text-decoration: none;
			}
			#foot a:hover {
				text-decoration: underline;
				}