* { 

	margin: 0; 
	padding: 0; 
}
html{
	background-color: #336699;
}

table{
	background-color: #336699;
}
img{
	border: none;
}
#header{
	min-height: 113px;
	background-image: url("../images/fondo_header.png");
	background-repeat: repeat-x;
	width: 100%;
}
#horario img{
	z-index:50;
}
#page-wrap { 
	color: black;
}
#map_canvas { 
	height: 200px; 
	width: 350px; 
	position: relative; 
	z-index: 30 !important; 
}

#locations {
	list-style: none; 
	width: 180px; 
	float: left;
}
#locations li { 
	padding: 10px; 
	width: 180px; 
	position: relative; 
	z-index: 20; 
	float: left;
}
#locations li:hover, #locations li.hover { 
	background: #ffe8b2;
	float: left;
}


.longdesc { 
	display: none; 
}


/* CONTACTO */
	body {
		margin: auto auto;
		background:#fff;
		font:70% Arial, Helvetica, sans-serif;
		color:#555;

	}
	
	h1, h2{
		font-size:150%;
		font-weight:normal;
		color:#555;
	}
	h2{
		font-size:120%;
	}	

	a{
		color:#f20;
		text-decoration:none;
	}
	a:hover{
		color:#999;
	}
	
	/* general form styling */
	
	fieldset{
		margin:0;
		padding:0;
		border:none;
		}
	legend{
		display:none;
		}	
	input, textarea{
		font:9px Arial, Helvetica, sans-serif;
		background:#fff;
		}				
	textarea{
		overflow:hidden;

		width: 100px;
		margin:0;
		}						
	input{
		margin: auto auto;
	}
	/* our comment form */
	
	#contactForm{
		background:url(bg_form.png) no-repeat 0 0;
		width:280px;
		height:200px;
		margin-bottom:50px;
		}
	#contactForm fieldset{
		padding-top:55px;
		}		
	#contactForm p{
		margin:2px 16px;
		text-align: right;
		}	
	#contactForm input{
		border:1px solid #d3cf73;	
		width:60%;
		}		
	#contactForm textarea{
		border:1px solid #d3cf73;	
		width:100%;
		}
	#contactForm button{
		border:none;	
		background:url(bg_button.png) no-repeat 0 0;
		width: 75px;
		height:25px;
		text-align:left;
		overflow:hidden;
		text-indent:-8000px;
		cursor:pointer;

		}								
	
	/* text field classes */
	
	#contactForm .inactive{
		color:#999;
		}	 
	#contactForm .active{
		color:#000;
		}	 		
	#contactForm .focused{
		color:#000;
		background:#fffee7;
		}	 	


/* MENU ACORDEON */
.horizontalaccordion{
/*	background-color:#cccc22; */
   list-style:none;

}
.horizontalaccordion p{
	font-size:10px;
}
.horizontalaccordion>ul {
    margin: 0;
    padding: 0;
    list-style:none;

}

.horizontalaccordion>ul>li {
    display:block;
    float:left;
    list-style:none;
	width:55px;

    /* CSS3 Transitions */
    transition: width 1s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    -webkit-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
}

.horizontalaccordion>ul>li>h3 {
    display:block;
    float:left;
    width:40px;
	list-style:none;
}

.horizontalaccordion>ul>li>div {
	    /* CSS3 Transform Rotate & Translate */

    -moz-transform: rotate(90.0deg) translate(-50px,-55px);  /* FF3.5+ */
    -moz-transform-origin: 0 100%;
    -o-transform: rotate(90.0deg) translate(-100px,-55px);  /* Opera 10.5 */
    -o-transform-origin: 0 100%;
    -webkit-transform: rotate(90.0deg) translate(-50px,-55px); /* Saf3.1+, Chrome */
    -webkit-transform-origin: 0 100%;
    transform: rotate(90.0deg) translate(-50px,-55px); /* Saf3.1+, Chrome */
    transform-origin: 0 100%;
    filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5)";  /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5)"; /* IE8 */

    white-space:nowrap;   
	list-style:none;
    display:none;
	color: white;
	font-weight: bold;
	width: 120px;
	z-index:150;

}

.horizontalaccordion>ul>li:hover {
	width: 100px;
	list-style:none;
}

.horizontalaccordion:hover>ul>li:hover>div {
    display:block;
	  list-style:none;
}

.horizontalaccordion:hover>ul>li:hover>h3 {
    /* Decorative CSS */
    color:#fff;
	  list-style:none;
}

.horizontalaccordion>ul>li>h3:hover {
    cursor:pointer;
	   list-style:none;
}