/* start reset styles */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: normal;
}
img {
border: 0;
}
/* end reset styles */
/* start global container */
body {
background-image: url(/images/fondo4.jpg);
background-repeat: no-repeat;
background-position: center 0;
background-color: black;
background-attachment: fixed; 
width: 760px;
font-family: Verdana, Helvetica, sans-serif;
color: #000000;
font-size: 12px;
margin-left: auto;
margin-right: auto;
padding: 0px 15px 30px 15px;
}
/* end global container */
/* start blocks containers  */
/* banner  */
#topbanner {
height: 90px;
width: 760px;
position: static;
top: 0;
}
#logo {
margin: -20px 0px 0px 210px;
}

#header {
text-align: right;
margin: 10px 3px 10px 3px;
font-size: 9px;
width: 750px;
}
#header a {
text-decoration: none;
color: white;
}


/* navigator */

#navcontainer
{
font-size: 12px;
margin: 5px 5px 10px -15px;
padding: 10px 5px 10px 5px; 
position: static;
top: 0;
width: 780px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
#navcontainer ul
{
font-family: Arial, Helvetica, sans-serif;
text-align: center;
margin: 0;
padding-bottom: 8px;
padding-top: 8px;
background-color: rgb(18,18,18);
background-color: rgba(18,18,18,0.6);
border-radius: 5px;
}
#navcontainer ul li
{
display: inline;
margin-left: 20px;
margin-right: 20px;
}
#navcontainer ul li a
{
padding: 5px 10px 5px 10px;
color: #f9f9f9;
font-weight: bold;
text-decoration: none;
}
#navcontainer ul li a:hover
{
color: #FFFFFF;
text-decoration: none;
text-shadow: -1px 1px 8px #ccc;
}
#home #homeLink,  
#whatis #whatisLink,  
#news #newsLink,  
#events #eventsLink,  
#media #mediaLink,  
#contact #contactLink {
color: #FFFFFF;
text-shadow: -1px 1px 8px #ccc;
}

/* main container home */

#maincontainer {
margin: 5px 10px 100px 30px;
color: #EEEEEE;
}

.row1 .box {
height: 350px;
}
.row2 .box {
height: 125px;
width: 674px;
}
/* boxes home */

.box {
width: 210px;
margin: 10px;
border: 1px solid #00FF00;
border-radius: 3px;
background-color: rgb(18,18,18);
background: rgba(0,0,0,0.8);
float: left;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.box img {
margin: 10px 20px 4px 20px;
width: 170px;
height: 138px;
}
.box p {
font-size: 11px;
padding: 10px 10px 0px 10px;
text-align: justify;
}
.box h1 {
color: white;
border: 1px solid rgb(164, 2, 48);
border-top-right-radius: 3px;
border-top-left-radius: 3px;
text-align: center;
background-color: rgb(164, 2, 48);
background-color: rgba(164, 2, 48, 0.9);
padding: 3px 3px 2px 3px;
font-size: 14px;
font-weight: bold;
}

.box h1 a {
text-decoration: none;
color: white;
font-weight: bold;
}

.box a {
text-decoration: underline;
color: white;}

.box ul {
margin-left: 5px;
list-style-type: none;
}

/* main container text */

.maincontainertext {
margin: 10px 10px 20px 10px;
padding: 10px 20px 10px 20px;
color: #EEEEEE;
background-color: rgb(18,18,18);
background-color: rgba(18,18,18,0.9);
border-radius: 5px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.maincontainertext h1 {
font-size: 18px;
color:  rgb(193, 39, 50);
text-align: left;
font-weight: bold;
border-bottom: 1pt solid  rgb(193, 39, 50);
margin: 15px 5px 10px 5px;
padding: 3px 3px 1px 3px;
clear: both;
}

.maincontainertext h2 {
font-size: 13px;
text-align: left;
font-weight: bold;
margin: 3px 5px 3px 15px;
padding: 3px 3px 1px 3px;
}

.maincontainertext .indent {
margin: 3px 5px 3px 25px;
}

.maincontainertext ul {
margin: 5px 20px 5px 60px;
}

.maincontainertext ul li {
margin: 6px 0px 6px 0px;
}


.maincontainertext p {
padding: 5px;
margin: 9px 5px 3px 5px;
text-align: justify;
}
.right {
float: right;
}
.left {
float: left;
}
.figure {
margin: 10px 15px 20px 15px;
border: 1px solid gray;
padding: 3px 3px 7px 3px;
width: 170px;
height: 180px;
}
.figure p {
font-size: 9px;
}
.figure img {
width: 160px;
height: 130px;
margin: 5px;
}

.figure .caption {
font-size: 9px;
margin: 2px 5px 2px 5px;
}

.figure .caption a {
color: white;
}


/* boxes news */

.newsbox {
margin: 10px 0px 10px 0px;
padding: 10px;
}

.newsbox a {
text-decoration: underline;
color: #EEEEEE;
}

.newsbox h1 {
font-size: 18px;
color:  rgb(193, 39, 50);
color:  rgb(193, 39, 50);
text-align: left;
font-weight: bold;
border-bottom: 1pt solid gray;
margin: 10px 5px 5px 5px;
padding: 5px;
clear: both;
}


.footnews {
font-size: 8px;
color: #EEEEEE;
text-align: right;
border-top: 1px solid gray;
margin: 30px 5px 20px 5px;
padding: 3px;
clear: both;
}

a.top {
position: relative;
top:-190px;
display: block;
height: 0;
width:0;
}

.subForm {
padding: 15px 15px 5px 15px;
border: solid 1px white;
border-radius: 3px;
margin: 30px 60px 10px 60px;
}

.subForm .label {
	float: left; 
	width: 130px;
	margin-right: 10px;
	text-align: right;
	font-weight: bold;
	clear: left; 
	margin-top: 15px;
	height: 10px;
color: #EEEEEE;
}


.subscribe {
	margin: 15px 5px 10px 415px;
	background-color: rgb(164, 2, 48);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	opacity: 0.9;
color: #EEEEEE;
	font-weight: bold;
}

#refer {
}

#name, #email, #comments {
	background-color: #FFFFFF;
	font-size: .9em;
	width: 330px;
	margin-top: 15px;


}

#name:focus,
#email:focus,
#comments:focus,
#refer:focus
{
	background-color: #FFFFFF;
}

.error { 
margin-top: 20px;
margin-left: 170px;
display: block;
color: red; 
font-weight: bold;
}
.errorfield { 
padding-left: 140px;
display: block;
color: red; 
font-weight: bold;
}
.success {
margin-top: 20px;
margin-left: 190px;
display: block;
color: #33FFFF;
font-weight: bold;
}
#note {
font-size: 18px;
}


.maincontainercontactintro {
margin: 10px 10px 20px 10px;
padding: 40px 30px 20px 30px;
color: #EEEEEE;
background-color: rgb(18,18,18);
background-color: rgba(18, 18, 18, 0.9);
border-radius: 5px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.introform p {
margin: 5px;
padding: 5px;
text-align: justify;
}

.warningform {
margin: 10px 3px 10px 3px;
font-size: 8px;
}

/* Fb button */

.buttonfb {
margin: 25px 10px 35px 230px;
padding: 0;
width: 230px;
background-color: #ededed;
border-bottom: solid 1px #B8B8B8;
border-right: solid 1px #B8B8B8;
}


.buttonfb img {
padding-top: 5px;
text-decoration: none;
color: white;
float: left;
width: 25px;
height: 25px;
}


.pbuttonfb {
padding-top: 9px;
padding-bottom: 9px;
color: #3b5b99;
font-weight: bold;
font-size: 12px;
display: block;
}



/* Fb button */

.buttonfbmini {
margin: 15px 10px 7px 272px;
padding: 0;
width: 130px;
background-color: #ededed;
border-bottom: solid 1px #B8B8B8;
border-right: solid 1px #B8B8B8;
}


.buttonfbmini img {
padding-top: 0px;
text-decoration: none;
color: white;
float: left;
width: 20px;
height: 20px;
}


.pbuttonfbmini {
padding-top: 7px;
padding-bottom: 7px;
color: #3b5b99;
font-weight: bold;
font-size: 12px;
display: block;
}


.maincontainercontactintro a {
text-decoration: none;
color: #EEEEEE;
font-weight: bold;
}

.buttonfb img {
margin: 0px 10px -5px 10px;
text-decoration: none;
color: white;
}

/* Playlist */

.playlist {
margin: 30px;
padding: 5px;
height: 300px;
border-bottom: solid 1px rgb(30,30,30);
}

.playlist h1 {
font-size: 13px;
margin: 4px;
padding: 4px;
clear: none;
border: solid 0px black;
}


.playlistText {
margin: 10px 10px 10px 260px;
}

.playlistFigure {
float: left;
width: 230px;
height: 260px;
padding: 5px 10px 5px 10px;
}

.playlistFigure img {
width: 220px;
height: 250px;
padding: 5px;
border: solid 1px rgb(30,30,30);
padding: 2px;
}

.playlistText a {
text-decoration: none;
}

/* Fb button */

.buttonyt {
margin: 40px 10px 35px 100px;
padding: 3px 0px 7px 2px;
width: 230px;
height: 30px;
background-color: #f1f1f1;
border-bottom: solid 1px #B8B8B8;
border-right: solid 1px #B8B8B8;
border-radius: 3px;
}

.buttonyt img {
margin: 0px 10px 3px 3px;
text-decoration: none;
color: white;
float: left;
width: 33px;
height: 33px;
}

.pbuttonyt {
color: #eb4039;
padding: 11px;
display: block;
font-weight: bold;
font-size: 12px;
}


/* foot */

#foot {
clear: both;
width: 760px;
text-align: right;
padding-top: 20px;
font-size: 9px;
color: #777777;
}
#foot a {
text-decoration: underline;
color: #777777;
}
#foot a:hover {
text-decoration: underline;
}


/* disclaimer */
.disclaimer {
width: 400px;
text-align: justify;
padding: 20px;
font-size: 11px;
color: #EEEEEE;
background-color: black;
border-bottom: solid 1px red;
}

.disclaimer h1 {
font-size: 14px;
color:  rgb(193, 39, 50);
text-align: left;
font-weight: bold;
margin: 10px 0px 10px 0px;
}

.disclaimer p {
text-indent: 10px;
margin: 5px;
}

.disclaimer a {
text-decoration: underline;
color: #EEEEEE;
}

.disclaimer ul {
margin: 10px 5px 10px 40px;
}