body {
	font-family: arial, helvetica, sans-serif;
	font-size: 80%;
	background-color: #332D29;
	height: 100%;
	margin: 0;
	padding: 0;
}
#flashcontent {
		margin: 25px auto 0;
		border: 5px solid #332D29;
		width: 500.00px;
		height: 500.00px;
}
#container {
	width: 673px;
	margin: 10px auto;
	background-color: #332D29;
}
#topright {
	color: #FFFFFF;
	float: right;
	height: 100px;
	width: auto;
	text-align: right;
}
.cl {
clear:both;
}
#gallery {
	width: 673px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#gallery2 {
	width: 673px;
	padding-top: 5px;
	padding-bottom: 0px;
}
p {
	margin: 0 0 0 0px;
	color: #fff;
	text-align:justify
}
#tl {
	color: #fff;
	text-align:center;
}
.tr_top {
	margin: 0 0 0 0px;
	color: #fff;
	text-align:right
}
h1 {
	padding: 4px;
	margin: 4px;
	font-size: 120%;
	font-weight: bold;
	color: #FFFFFF;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}
h2 {
    margin: 10px 0px;
	text-align:center;
	font-size: 270%;
	font-weight: normal;
	color: #FFFFFF;
}
.sub_title {
    font-size: 120%;
	color: #FFFFFF;
	font-weight: 600;
}
.sub_title2 {
    font-size: 120%;
	color: #FFFFFF;
	font-weight: 600;
	display:inline;
}
h3 {
    font-size: 160%;
	color: #FFFFFF;
	font-weight: 600;
}
h4 {
    font-size: 160%;
	color: #FFFFFF;
	font-weight: 600;
}
h5 {
    font-size: 180%;
	color: #FFFFFF;
	font-weight: 500;
	display:inline;
	padding: 5px 0px 0px 30px;
	margin: 0px, 0px, 0px, 120px;
}
.skype {
	color:#84c30a;
}
#csc_topleft {
  background : #7A6C5E url(../images/csc_tl.png) no-repeat;
  width : 196px;
  height : 100px;
  position : relative;
  padding : 24px 12px;
}
#csc_main {
  background : #7A6C5E url(../images/csc_tl.png) no-repeat;
  width : 612px;
  height : auto;
  position : relative;
  padding : 0px 30px 32px 30px;
  border-top: 5px solid #332D29;
}
#csc_login {
  background : #7A6C5E url(../images/csc_tl.png) no-repeat;
  width : 612px;
  height : 210px;
  position : relative;
  padding : 0px 30px 34px 30px;
  border-top: 5px solid #332D29;
}
#csc_login_error {
  background : #7A6C5E url(../images/csc_tl.png) no-repeat;
  width : 612px;
  height : 320px;
  position : relative;
  padding : 0px 30px 34px 30px;
  border-top: 5px solid #332D29;
}
#csc_gallery {
  background : #7A6C5E url(../images/csc_tl.png) no-repeat;
  width : 652px;
  height : 480px;
  position : relative;
  padding : 30px 10px 30px 10px;
  border-top: 5px solid #332D29;
}
#csc_gallery_flash {
  background : #7A6C5E url(../images/csc_tl.png) no-repeat;
  width : 652px;
  height : 600px;
  position : relative;
  padding : 30px 10px 30px 10px;
  border-top: 5px solid #332D29;
}
#csc_retoque {
  background : #7A6C5E url(../images/csc_tl.png) no-repeat;
  width : 612px;
  height : 1000px;
  position : relative;
  padding : 0px 22px 32px 38px;
  border-top: 5px solid #332D29;
}
#csc_acerca {
  background: #7A6C5E url(../images/csc_tl.png) no-repeat;
  width: 612px;
  height: 660px;
  position: relative;
  padding: 0px 30px 32px 30px;
  border-top: 5px solid #332D29;
}
  img.floatLeft { 
  float: left; 
  margin: 12px 20px 12px 0px; 
}
#csc_contacto {
  background : #7A6C5E url(../images/csc_tl.png) no-repeat;
  width : 612px;
  height : 650px;
  position : relative;
  padding : 0px 30px 32px 30px;
  border-top: 5px solid #332D29;
}
#csc_menu {
	width: 648px;
	background: #7A6C5E url(../images/csc_tl.png) no-repeat;
	padding: 12px;
    height : auto;
	position : relative;
	text-align: center;
	color: #FFFFFF;
}
#csc_menu a:link, 
#csc_menu a:visited, 
#csc_menu a:active 
{
	background: #7A6C5E;
	padding: 12px;
	text-decoration: none;
	color: #FFFFFF;
}
#csc_menu a:hover {
	padding: 12px;
	background: #7A6C5E;
	text-decoration: none;
	color: #FFFFFF;
}
#csc_menu2 {
	width: 648px;
	background: #7A6C5E url(../images/csc_tl.png) no-repeat;
	padding: 12px;
    height : auto;
	position : relative;
	text-align: center;
	color: #FFFFFF;
}
#csc_menu2 a:link, 
#csc_menu2 a:visited, 
#csc_menu2 a:active 
{
	background: #7A6C5E;
	padding: 12px;
	text-decoration: none;
	color: #FFFFFF;
}
#csc_menu2 a:hover {
	padding: 12px;
	background: #7A6C5E;
	text-decoration: none;
	color: #FFFFFF;
}
#csc_footer {
  background : #7A6C5E url(../images/csc_tl.png) no-repeat;
  width : auto;
  height : auto;
  margin: 0px 0px 15px 0px;
  position : relative;
  padding: 10px;
  width: 652px;
  color:#FFFFFF;
  font-size: 90%;
  text-align: center;
  clear:both;
  border-top: 5px solid #332D29;
}
#csc_footer a:link, 
#csc_footer a:active, 
#csc_footer a:hover, 
#csc_footer a:visited 
{
	color:#FFFFFF;
}
/* these are the other three spans. classes were used to allow multiuse on a page */
.tr, .bl, .br {
  position : absolute;
  width : 20px;
  height : 20px;  /* corner images are 15x15 */
  display : block;
}
/* change position and image: top-right */
.tr {
  background : transparent url(../images/csc_tr.png) no-repeat;
  top : 0;
  right : 0;
}
/* change position and image: bottom-left */
.bl {
  background : transparent url(../images/csc_bl.png) no-repeat;
  bottom : 0;
  left : 0;
}
/* change position and image: bottom-right */
.br {
  background : transparent url(../images/csc_br.png) no-repeat;
  right : 0;
  bottom : 0;
}