/* Primero, unas propiedades de texto del sitio en general */

p,li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:12px;
}
h1,h2,h3,h4 {
	font-family:"Courier New", Courier, monospace;
}
h1 {
	font-size:24px;
	text-transform: lowercase;
}
h2 {
	font-size:16px;
}
h3 {
	font-size:12px;
}
h4 {
	font-size:24px;
	text-transform: lowercase;
}
li {
	padding-top:1em;
	padding-bottom:1em;
}
.ini {
	color: #D2750D;
}
.dan {
	color: #A200FF;
}
.mus {
	color: green;
}
.doc {
	color: #78A5FF;
}
.cla {
	color: red;
}
.blog {
	color: gray;
}




/*Ahora, la posición de los elementos fijos */

#logo,#tangocreativo,#barrav,#barrah1,#barrah2,#barrah3,#barrah4 {
	position:absolute;
}
#logo {
	left:5px;
	top:5px;
}
#tangocreativo {
	right:2px;
	top:5px;
}
#barrav {
	left:140px;
	top:5px;
}
#barrah1 {
	left:5px;
	top:135px;
	width:10%;
}
#barrah2 {
	right:0px;
	top:155px;
	width:90%;
	overflow: hidden;
}
#barrah3 {
	left:180px;
	top:130px;
	width:330px;
}
#barrah4 {
	left:520px;
	top:130px;
	width:270px;
}


/*La posición de la barra superior de navegación */

#btinicio, #btdanza, #btmusica, #btdocencia, #btclases {
	position:absolute;
	top:155px;
}
#btinicio {
	right:264px;
}
#btdanza {
	right:198px;
}
#btmusica {
	right:132px;
}
#btdocencia {
	right:66px;
}
#btclases {
	right:0px;
}




/*La barra lateral ahora es local de cada sección*/



/*La navegación de "migas de pan"*/

#nav {
	position:absolute;
	left:180px;
	top:180px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


/*El contenido*/

#content {
	position:relative;
	margin:250px 66px 10px 170px;
	font-size: 12px;
}




/*Y la barra de final, copyright y validación*/

#bottomnav1,#bottomnav2 {
	position:relative;
	left:170px;
	width:500px;
	float:none;
	margin-bottom:10px;
}
#bottomnav2 {
	margin-bottom:30px;
	width:520px;
	float:left;
}
.bottom {
	font-family:"Times New Roman", Times, serif;
	font-size:11px;
}

#valid1,#valid2 {
	position:relative;
	width:95px;
	float:right;
}




/*Ahora empiezan propiedades más específicas*/




/*Las fotos en cada página usan esto*/
.fotogrande {
	padding-top:20px;
	padding-left:30px;
	padding-bottom:10px;
}




/*Los scrollovers*/
/*
a.scrolloverinicio, a.scrolloverdanza, a.scrollovermusica, a.scrolloverdocencia, a.scrolloverclases, a.scrolloverexterno {
	color: blue;
}
a.scrolloverinicio em:first-line {
	color: #D2750D;
}
a.scrolloverdanza em:first-line {
	color: #A200FF;
}
a.scrollovermusica em:first-line {
	color: green;
}
a.scrolloverdocencia em:first-line {
	color: #78A5FF;
}
a.scrolloverclases em:first-line {
	color: red;
}
a.scrolloverexterno em:first-line {
	color: gray;
}
*/

/*Los scrollovers*/
a.scrolloverinicio:link, a.scrolloverdanza:link, a.scrollovermusica:link, a.scrolloverdocencia:link, a.scrolloverclases:link, a.scrolloverexterno:link {
	text-decoration: none;
	color: blue;
}
a.scrolloverinicio:visited, a.scrolloverdanza:visited, a.scrollovermusica:visited, a.scrolloverdocencia:visited, a.scrolloverclases:visited, a.scrolloverexterno:visited {
	text-decoration: none;
	color: blue;
}
a.scrolloverinicio:active, a.scrolloverdanza:active, a.scrollovermusica:active, a.scrolloverdocencia:active, a.scrolloverclases:active, a.scrolloverexterno:active {
	text-decoration: none;
	color: blue;
}
a.scrolloverinicio:hover {
	text-decoration: underline;
	color: #D2750D;
}
a.scrolloverdanza:hover {
	text-decoration: underline;
	color: #A200FF;
}
a.scrollovermusica:hover {
	text-decoration: underline;
	color: green;
}
a.scrolloverdocencia:hover {
	text-decoration: underline;
	color: #78A5FF;
}
a.scrolloverclases:hover {
	text-decoration: underline;
	color: red;
}
a.scrolloverexterno:hover {
	text-decoration: underline;
	color: gray;
}


/*Y los links que dicen TangoCreativo, esto*/

.lktango {
	color: #D2750D;
	text-decoration:none;
}

.lkclases {
	color: #F44242;
	text-decoration:none;
}

.fotogrande2 {
	padding-left:30px;
}

.fotogrande3 {
	padding-top:20px;
	padding-right:30px;
	padding-bottom:10px;
}
.fotoimagenes {
	padding-top:0px;
	padding-left:10px;
	padding-bottom:10px;
	border:none;
}

