* {
margin:0;
padding:0;
}
a{color:#FF0;}
a:hover{color:#fff;}

body {
	font-family:Verdana, Geneva, sans-serif;
	background-color:#232420;
	background-image:url(../stm_images/bg2.jpg);

	font-size:12px;
	color:#FFF;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	
}

#container2 {
background-image:url(../stm_images/bg.jpg);
height:1000px;
margin-left:auto;
margin-right:auto;
width:1500px;

}

#container2Event {
background-image:url(../stm_images/bg.jpg);
height:1000px;
margin-left:auto;
margin-right:auto;
width:1500px;

}



#container {
	height:inherit;
	background-color:#261813;
	width: 50em;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#containerEvent {
	height:inherit;
	background-color:#261813;
	width: 50em;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	height:auto;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#contentContainer {
	width:737px;
	height:946px;
	margin-left:32px;
}

#contentContainerEvent {
	width:737px;
	height:1450px;
	margin-left:32px;
}



#header {
	width:737px;
	height:128px;

	
}

#logo {
	width:248px;
	height:89px;
	background-color:#261813;
	float:left;
}

#banner {
	margin-left:355px;
	margin-top:15px;
	float:left;
}

#navigation {
	width:inherit;
	height:48px;
	background-image:url(three_0.gif);
	background-repeat:repeat-x;
	clear:both;
}

#nav {
	padding-left:50px;
	

}

#flashBanner {
	width:737px;
	height:167px;
	background-color:#fff;
}

#flashBanner2 {
	
	width:737px;
	height:167px;
	background-color:#000;
}

#contentContainer2 {
	width:737px;
	height:546px;
	background-color:#bfa38a;
	
	
}

#contentContainer2Event {
	width:737px;
	height:1000px;
	background-color:#bfa38a;
	
	
}

#contentContainer3 {
	width:737px;
	height:713px;
	background-color:#bfa38a;
	
}
.box1 {
	width:212px;
	height:175px;
	background-color:#33C;
	margin-left:15px;
	float:left;
	margin-top:14px;
	margin-bottom:11px;
	
}
.box2 {
	width:212px;
	height:175px;
	background-color:#936;
	margin-left:35px;
	float:left;
	margin-top:14px;
	margin-bottom:11px;
}

.box3 {
	width:212px;
	height:175px;
	background-color:#063;
	margin-left:37px;
	float:left;
	margin-top:14px;
	margin-bottom:11px;
}

#musicBanner{
	width:708px;
	height:149px;
	background-color:#bfa38a;
	clear:both;
	margin-left:15px;
	
}

#adContainer {
	height:90px;
	width:728px;
	margin-top:10px;
	margin-left:5px;
}

#footer {
	width:737px;
	margin-top:20px;
	text-align:center;
	font-size:10px;

	
}

img {
	border:0px;
}

#stmRadio {
	float:left;
	text-align:center;
}

#radioContainer {
	margin-left:115px;
	padding-top:80px;
}
#recaRadio {
	float:left;
	margin-left:100px;
	text-align:center;
}

#stmRadioName {
	color:#000;
}

#recaRadio {
	color:#000;
}

#artistasImageContainer {
	padding-left:210px;
	padding-top:100px;
}

.artistash1 {
	color:#261813;
}

.artistash3 {
	color:#733119;
	padding-bottom:10px;
}

#artistasContainer {
	
	margin-left:22px;
	
}

#artistasImage {
	float:left;
	
}
#artistasImage img {
	border:1px thin solid;
}

#artistasImage h3 {
	padding-top:10px;
}
#artistasSong {
	float:left;
	padding-left:50px;
	padding-top:78px;
}


.imageBuy {
	text-align:center;
	
}


#artistasVideoContainer {
	padding-top:25px;
}

#artistasVideo {
	padding-left:25px;
}

#artistasSong p {
	color:#F00;
	
}

#artistasSongCenter {
	margin-left:50px;
}
#artistasSongCenter P {
	margin-left:33px;
}

.artistash33 {
	color:#733119;
	padding-bottom:10px;
	padding-top:20px;
}

#studioInfo {
	float:left;
	color:#000;
	margin-top:20px;
	margin-left:22px;
	margin-right:22px;
	font-size:12px;
}

#information1 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin-left:10px;
	margin-right:10px;
	padding-top:20px;
	color:#000;
}

#information1 h3 {
	font-size:18px;
}

#estudioPic {
	float:left;
	margin-right:15px;
	margin-top:15px;
	margin-left:22px;
	
}

#studioMap {
	color:#000;
	float:left;
	margin-left:94px;
	margin-top:20px;
}



#studioAddress {
	color:#000;
	margin-top:20px;
	margin-left:22px;
	font-size:12px;
	
	float:left;
}
#studioAddress h3 {
	font-size:18px;
	color:#000;
}

#construction {
	text-align:center;
	padding-top:50px;
	font-size:18px;
	color:#000;
}

#title {
	color:#000;
	width:737px;
	margin-bottom:80px;
	padding-top:30px;
	margin-left:22px;
}

#titleName {
	color:#000;
	width:737px;
	margin-bottom:30px;
	padding-top:30px;
	margin-left:22px;
}

#varietyLogo {
	float:left;
	margin-left:50px;
	
}
#varietyInfo {
	color:#000;
	float:right;
	font-size:12px;
	margin-right:25px;
	margin-top:10px;
}
#varietyInfo h2 {
	font-size:20px
}
#recaInfo h2 {
	font-size:20px;
}
#recaLogo {
	float:left;
	color:#000;
	/*margin-top:60px;
	margin-left:30px;*/
	margin-left:50px;
}
#recaInfo {
	float:right;
	color:#000;
	font-size:12px;
	margin-right:25px;
	margin-top:80px;
}

#maquilaInfo {
	margin-left:29px;
	font-size:12px;
	padding-top:25px;
	color:#000;
	margin-right:22px;
}

#maquilaImage {
	padding-left:29px;
	padding-top:20px;
}
#maquilaInfo2 {
	text-align:center;
	color:#000;
	margin-top:5px;
}

#contactenosInfo {
	font-size:12px;
	color:#000;
	margin-left:22px;
	padding-top:25px;
}




#contact-area {
	width: 600px;
	margin-top: 25px;
	margin-left:150px;
	color:#000;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 200px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 10px 0px 10px 10px;
	border: 2px solid #ccc;
}

	


#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	margin-left:228px;
	font-size:15px;
}

label {
	float: left;
	text-align: right;
	width: 100px;
	padding-top: 10px;
	font-size:15px;
	
	
}

#gracias {
	color:#000;
	font-size:15px;
	text-align:center;
	padding-top:200px;
	
}


#cd, #dvd, #accessories {
	float:left;
	margin-left:95px;
}

#dvd, #accessories {
	margin-left:35px;

}
#cd, #dvd, #accessories {
	font-size:12px;
	text-align:center;
	color:#000;
}

.music_layout{
	padding-top:15px;
	padding-left:20px;
	color:#000;
}
.price{
	color:#F00;	
}
.music_images {
	float:left;
	text-align:center;
	margin-left:22px;
	padding-bottom:5px;
}


.music_images2, .music_images3 {
	float:left;
	margin-left:15px;
	text-align:center;
	padding-bottom:5px;

}


.music_text{
	font-size:10px;
	text-align:center;
}



#digital_downloads {
	margin-left:125px;
	padding-top:50px;
}



#left_box {
	background-color:#86715E;
border:1px solid #000000;
color:#FFFF00;
float:left;
height:420px;
margin-left:100px;
margin-top:30px;
width:236px;;
}


#left_box3 {
background-color:#86715E;
border:1px solid #000000;
color:#FFFF00;
float:left;
height:420px;
margin-left:100px;
margin-top:5px;
margin-bottom:10px;
width:236px;;
}


#left_box img {
	margin-top:5px;
	
}


#right_box {
	width:236px;
	height:420px;
	margin-left:50px;
	color:#FF0;
	background-color:#86715e;
	float:left;
	border: 1px solid #000000;
	margin-top:30px;
	margin-right:50px;
	margin-bottom:25px;
}


#right_box img {
	margin-top:5px;
	
}

#text {
	text-align:center;
	font-size:14px;
	color:#000;
}

#textEvent {
	text-align:center;
	font-size:14px;
	color:#000;
	padding-left:80px;
	float:left;
}

#grande {
	text-align:center;
	color:#000;
	font-size:15px;
	padding-top:10px;
	
}

.eventSmall {
	font-size:12px;
	
}




.menu{margin:0 auto; padding:0; height:30px; width:100%; display:block; background:url("../images/topMenuImages.png") repeat-x;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:15px; display:block; color:rgb(255,255,255); text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url("../images/topMenuImages.png") 0px -30px no-repeat; outline:none;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url("../images/topMenuImages.png") 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:rgb(255,255,255);}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url("../images/topMenuImages.png") 0px -90px no-repeat; color:rgb(255,255,255);}
.menu li a.active span, .menu li a.active:hover span{background:url("../images/topMenuImages.png") 100% -90px no-repeat;}



/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;

}