* {margin: 0; padding: 0;} 
body {margin-top: 20px; background: #333 url(img/bodybg2.jpg) repeat left top; text-align: center; font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color: #ccc;}
#pagewidth {margin: 0 auto; width: 850px; background-color: #3f454b; text-align: left; font-size: 11px;}
h1, h2 {display: none;}
h3 {font-size: 14px; color: #fff; font-variant: small-caps;}
h4 {font-size: 14px; color: #fff; font-variant: small-caps; background-color: #31353a;}
#twocols #mainContent h3 { font-size: 17px; }
#twocols #mainContent h3.titulo {margin-top: 85px;}

ul#mainNav {float: left; list-style: none; width: 100%; height: 26px; font-size: 14px; background: url(img/mainNavbg2.jpg) repeat-x left top; border-top: 1px solid #31353a;}
ul#mainNav li {float: left; line-height: 26px;}
ul#mainNav li a {display: block; padding: 0 20px; margin: 0 3px; text-decoration: none; color: #31353a; font-variant: small-caps; font-weight: bold;}
ul#mainNav li a:hover { color: #999;}

ul#mainNavGaleria {clear: left; list-style: none; width: 100%; font-size: 13px; text-align: center; padding-top: 40px;}
ul#mainNavGaleria li {line-height: 20px;}
ul#mainNavGaleria li a {display: block; height: 20px; padding: 2px; margin: 0 25px; text-decoration: none; color: #a6b1bb; font-variant: small-caps; border-bottom: 1px solid #2c2c2c;}
ul#mainNavGaleria li a:hover {color: #fff;}

#idioma { width: 850px; margin: 0 auto; padding: 5px 20px 5px 5px; font-size: 9px; text-align: right;}
#idioma a:link, #idioma a:visited { text-decoration: none; color: #bbb;}
#idioma a:hover { text-decoration: underline; color: #fff;}

#header {width: 850px; padding-top: 12px; background: #31353a url(img/contentbg2bottom.jpg) no-repeat center top;}
#galeria #header {float: left; background-color: #000;}
#tonidionis {float: left; width: 249px; height: 226px; background: #000 url(img/tonidioniswhite.gif) no-repeat center center; text-align: center;}
#leftGaleria {float: left; width: 249px; height: 451px; text-align: center;}
#slideshow {float: right; width: 601px; margin: 0;}
#leftCol {float: left; width: 220px; padding-top: 15px; padding-bottom: 25px;}
#leftCol img {padding: 0 15px;}
#bg {float: left; width: 100%; background: url(img/contentbg2.jpg) repeat-y right top;}
#content {float: right; width: 615px; margin-bottom: 50px; line-height: 15px;}
#mainContent {float: left; width: 390px; padding-top: 15px;}
#secondaryContent {float: right; width: 220px; padding: 15px 0;}

#twocols #content {float: right; width: 100%; margin-bottom: 50px; line-height: 15px;}
#twocols #mainContent {float: left; width: 610px; padding: 15px 0 0 15px;}

#mainContent h3, #mainContent h4, #mainContent p {margin: 0 15px; padding: 10px 0 5px 0;}
#mainContent h4 {padding: 5px; margin-top: 35px; margin-bottom: 15px;}
#mainContent p {font-size: 12px;}
#twocols #mainContent strong {display: block; color: #8f98a2; font-size: 9px; letter-spacing: 5px;}
p.autor {font-size: 11px; float: right;}

#secondaryContent h3, #secondaryContent p {margin: 0 20px 0 30px; padding: 5px 0;}
#secondaryContent h3 {padding-bottom: 10px;}
#contact {margin-top: 50px;}
input, textarea {width: 150px;}
input#submit {width: 60px;}
#secondaryContent p.cita {margin-top: 20px; color: #828d97; line-height: 23px;}
#secondaryContent p img.td {border: 1px solid #000; margin: 0 0 20px 33px;}
#secondaryContent p.expo {border-bottom: 1px dotted #6f7680; line-height: 13px; padding: 10px 0;}
#secondaryContent p.expo .g {display: block; font-size: 9px; color: #999; margin-top: 5px;}

#leftCol h3, #leftCol ul.links {padding: 0 0 10px 0; margin: 10px 15px 5px 23px;}
#leftCol h3.padtop {margin-top: 40px;}
#leftCol p {margin: 0 10px 0 23px;}
#leftCol p a {display: block; width: 100%; text-decoration: none; color: #ccc; padding: 7px; border-bottom: 1px dotted #6f7680;}
#leftCol p a.nolink {cursor: default; background-color: #31353a; border: 0; }
#galeria #leftCol p a.nolink {cursor: pointer;}
#leftCol p a:hover {display: block; background-color: #31353a;}
#leftCol p strong {color: #828d97; font-weight: normal;}
#leftCol ul.links {list-style: none; font-size: 11px;}
#leftCol ul.links li {line-height: 20px;}
#leftCol ul.links li a {display: block; width: 100%; height: 20px; padding: 3px; border-bottom: 1px dotted #6f7680; text-decoration: none; color: #ccc;}
#leftCol ul.links li a:hover {background-color: #31353a; color: #fff;}

#secondaryContent p a {display: block; width: 90%; text-decoration: none; color: #ccc; padding: 5px; border-bottom: 1px dotted #6f7680;}
#secondaryContent p a:hover {background-color: #31353a;}
#secondaryContent p strong {color: #828d97; font-weight: normal;}

#footer { clear: both; margin: 0 auto; width: 850px; text-align: center; font-size: 11px; padding: 23px 0; background: url(img/contentbg2bottom.jpg) no-repeat center top; }
	p#footerNav { }
	#footer p#footerNav a { padding: 4px; margin: 0 5px; text-decoration: none; color: #8f98a2;}
	p#footerNav a:hover {text-decoration: underline; color: #ccc;}
	#footer p {clear: both; padding: 3px; color: #555b62;}
	#footer p a { color: #555b62; }
	#centerfooter {margin: 0 auto; width: 400px;}
	#footer img.trazos {margin-top: 10px;}