html {
	scrollbar-face-color:#c63729;
	scrollbar-shadow-color:#fff;
	scrollbar-highlight-color: #fff;
	scrollbar-3dlight-color: #fff;
	scrollbar-darkshadow-color:#fff;
	scrollbar-track-color: #fff;
	scrollbar-arrow-color: #fff;
}
* {
    padding: 0;
    margin: 0;
} 

body {
background: #fff url(images/bg.jpg) repeat-x top;
font-family: "Trebuchet MS" Verdana, Arial, sans-serif;
font-size: 12px;
color: #333333;
line-height: 24px;
}

a {
	color: #CB392C;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#wrap {
width: 800px;
margin: 0 auto;
}


#header {
height: 170px;
}
#header h1 {
font-size: 30px;
font-weight: 100;
letter-spacing: 2px;
padding: 55px 0 0 10px;
}
#header h1 a {
text-decoration: none;
color: #B7271F;
}
#header h1 a:hover {
text-decoration: none;
color: #000;
}
#header h2 {
color: #666;
font-size: 17px;
font-weight: 100;
padding: 0 0 0 1px;
}


#menu {
height: 30px;
line-height: 30px;
}
#menu ul {
padding-left: 2px;
list-style-type: none;
}
#menu ul li {
display: block;
float: left;
font-family: "Trebuchet MS" Verdana, Arial, sans-serif;
}
#menu ul li a {
color: #fff;
padding: 0 20px 0 0;
text-decoration: none;
font-weight: 600;
}
#menu ul li a:hover {
color: #fff;
text-decoration: underline;
}

#content {
margin: 20px 0;
line-height: 17px;
}

.left {
float: left; 
width: 580px;
text-align: justify;
}
.left p{
	padding:0 0 0 15px;
}
.left h1 {
color:#999999;
font-size: 18px;
letter-spacing: 2px;
font-weight: 100;
padding : 10px 0 15px 0;
}
.left h2 {
color: #B7271F;
font-size: 24px;
letter-spacing: -1px;
font-weight: 100;
padding : 10px 0 15px 0;
}
.left h2 a {
color: #B7271F;
}
.left h2 a:hover {
color: #333;
}
.left h3 {
color:#999999;
font-size: 14px;
letter-spacing: 1px;
font-weight: 100;
padding : 10px 0 5px 10px;
}
.left h4 {
color:#999999;
font-size: 12px;
letter-spacing: 1px;
font-weight: 100;
padding : 10px 0 5px 10px;
}
.left h5 {
color:#999999;
font-size: 12px;
font-weight: 100;
padding : 5px 0 2px 10px;
}
.left ul {
padding: 5px 20px 15px 10px;
}
.left ul li {
list-style-type: square;
padding: 5px 0 0px 35px;
}
.left ul li a {
color: #666;
}
.left ul li a:hover {
color: #333;
text-decoration: none;
}
.left1 {
float: left; 
width: 280px;
text-align: justify;
}
.left2 {
float: left; 
width: 280px;
text-align: justify;
}
.tabla1 {
	float:left;
	width:280;
	padding:5px 25px 5px 5px;
}
.tabla1 ul {
padding: 5px 5px 5px 5px;
}
.tabla1 ul li {
list-style-type: square;
padding: 5px 0 0px 5px;
}
.tabla2 {
	float:left;
	width:280;
	padding:5px 15px 5px 5px;
}
.tabla2 ul {
padding: 5px 5px 5px 5px;
}
.tabla2 ul li {
list-style-type: square;
padding: 5px 0 0px 5px;
}
.right {
margin-top: 10px;
margin-bottom:10PX;
float: right;
width: 170px;
padding: 10px;
background:#FFCCFF;
border: 1px solid #990000;
}
.right h2 {
font-size: 12px;
color: #555;
padding: 5px 0 2px 0;
}
.right ul {
list-style-type: none;
padding: 5px 0 10px 0;
}
.right ul li {
}
.right ul li a {
display: block;
border-bottom: 1px solid #999;
color: #666;
padding: 2px 10px;
}
.right ul li a:hover {
color: #333;
text-decoration: none;
}
.rightb {
margin:10px auto;
padding: 15px 0 0 0px;
float: right;
width: 190px;
height:130px;
background:#fff;
background-image:url(images/piazrra.jpg);
border: 1px solid #990000;
}
.rightb h1{
font-size:12px;
color:#FFFFFF;
float:right;
margin:0 10px;
}
.rightb h2{
float:left;
font-size:10px;
color:#FFFFFF;
margin:5px 10px;
}
.rightc {
margin:10px auto;
padding: 1px 0 0 0px;
float: right;
width: 190px;
background:#fff;
}
.rightc h1{
font-size:9px;
line-height:.9em;
color:#ccc;
float:left;
text-align:center;
margin:0 10px;
}
.rightd {
margin:10px auto;
padding: 1px 0 0 0px;
float: right;
width: 190px;
background:#fff;
}
.photo {width:500px; text-align:left; float:left; margin:10px auto;}

.photo ul.topic {padding:0; margin:0; list-style:none; width:530px; height:auto; position:relative; z-index:10;}

.photo ul.topic li {width:70px; height:31px; float:left; margin:0;}
.photo ul.topic li a.set {display:block; font-size:11px; width:70px; height:30px; text-align:center; line-height:30px; color:#fff; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#c43527; font-family:verdana, arial, sans-serif;}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li.active a
{color:#fff; background:#bbb;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#fff; background:#aaa;}

.photo ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:440px; padding:40px 60px; border:20px solid #bbb; z-index:1;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#ddd; width:440px; padding:40px 60px; border:20px solid #aaa; z-index:100;}

.photo ul.topic li ul li
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}

.photo ul.topic li ul li a
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#000; border:1px solid #888;}

.photo ul.topic li ul li a img
{display:block; width:100px; height:75px; border:5px solid #eee;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:380px; height:285px; border-color:#fff;}

#footer {
font-size: 11px;
color: #999;
text-align:right;
padding: 5px 0 10px 0;
margin-top: 50px;
border-top: 10px solid #ddd;
}
#footer a { 
color: #999;
}
#footer a:hover {
color: #333; 
text-decoration: underline; 
}