@charset "utf-8";

/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,input { margin:0; padding:0;}
table { border-collapse:collapse; border-spacing:0;}
p { margin-bottom:1em}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal; font-weight:normal;}
ol,ul {list-style:none;}
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after {content:''; }
abbr,acronym { border:0;}
legend { display:none;}
a:active{outline: none;}
a:focus{-moz-outline-style: none;}

body { background-color:#CCCCCC; height: 100%;}

#container {width: 780px; height: 520px; background-color:#FFFFFF; position: absolute; left: 50%; top: 50%; margin-top: -260px; margin-left: -390px; padding: 10px;  font: 13px "Trebuchet Ms" Arial, Helvetica, sans-serif; line-height: 150%}
table td {width:250px; height:250px; padding: 5px; vertical-align:top}
#cuadro1 {display:none}
#cuadro2 {display:none}
#cuadro3 {display:none}
#cuadro4 {display:none}
#cuadro5 {display:none}
#cuadro6 {display:none}

#section_title {}
#section_image { height: 249px; width: 250px; overflow:hidden}
#logo {}
#menu { background: #666666 url(../img/bg_menu.gif) no-repeat; height: 250px; font: 12px Arial, Helvetica, sans-serif; line-height: 200%}
	#menu ul{padding: 20px}
	#menu ul li { clear:both;}
	#menu ul li a { color: #FFFFFF; text-decoration:none; padding: 3px}
	#menu ul li a:hover { text-decoration: underline; background-color: #333333}
	#menu ul li span {float:left; width: 60px; color: #CCCCCC;padding: 3px}
	#menu ul li ul {padding: 0 0 0 5px; border-left: 1px solid #FFFFFF; float:left; width: 100px; margin-top: 4px}
	#menu ul li ul li {clear: none;}
	
#section_description {width: 250px; height: 510px; background-color:#FFFFFF; position:absolute; overflow:hidden}
	#section_description div {width: 230px; height: 490px; overflow:auto; padding: 10px; background-color:#FFFFFF;}
	#section_description.location div { background: url(../img/edificio.jpg) bottom no-repeat;}
	#section_description div ul { list-style: disc; margin-left: 20px}
		#section_description div ul li { margin-bottom: 10px}
			#section_description div ul li ul { list-style: circle; margin-top: 10px}
	#section_description.links ul { list-style: none; margin-left: 0px}
		#section_description.links ul li { margin-bottom: 0px; padding-bottom: 5px}
		#section_description.links ul li a { color: #3366CC; text-decoration:none;}
		#section_description.links ul li a:hover { text-decoration:underline;}
	#section_description.team a { color: #3366CC; text-decoration:none;}
	#section_description.team a:hover { text-decoration:underline;}
		
