/* CSS Document */
/* Catherine Martinez 2007 Barbastro (Hu)*/

/* Estilos generales */

body{
background-image: url(../img/abajo.jpg);
background-repeat: repeat-x;
background-position: bottom;
background-color: #ffffff;
font-size: 0.658em;
color: #36043b;
text-align: center;
margin: 0em;
padding: 0em;
font-family: Helvetica, Arial, sans-serif;
}

/*  ----------------- Estructura  ----------------- */
#contenedor{
padding: 0em;
margin: 0em;
background-image: url(../img/degradado.jpg);
background-repeat: repeat-x;
background-position:top;

}
h1{
background-image: url(../img/cabeza.jpg);
background-position:center;
background-repeat:no-repeat;
text-indent: -4000px;
border: 1px solid #36043b;
width: 632px;
height: 282px;
margin: 0px auto;
}
.sin{
display: none;
}
ul#menu{
	text-align: center;
	margin: 10px auto;
	padding: 0em;
	width: 60em;
	height: 6em;
}
html>body ul#menu{
max-width: 60em;
}
ul#menu li{
	display: inline;
	text-transform: capitalize;
	font-size: 1.1em;
	font-weight:bold;
	padding: 0px 3.2em 0px 18px;
	text-align: center;
	letter-spacing: 0.1em;
	background-image: url(../img/flor.gif);
	background-repeat:no-repeat;
	background-position: top left;
	/*margin: auto;
	float: left;*/
	line-height: 2em;
	}


ul#menu li a:link, ul#menu li a:visited{ 
text-decoration: none; 
color: #a616b4;


/*filter: alpha(opacity=50); opacity: .5;*/
}
ul#menu li a:hover{
text-decoration:underline;
}
#contenido{
	width: 60em;
	margin: 10px auto;
	clear: left;
	text-align: left;
	border-bottom: 1px solid #36043b;
	padding-bottom: 5em;
}
html>body #contenido{
max-width: 60em;
}
/*  ----------------- titulo seccion  ----------------- */
h2{
margin: 1em 0em 1.2em 0em;
padding: 0px;
height: 39px;
width: 633px;
text-indent: -4000px;
clear: left;
}
.brainscake{
background-image: url(../img/brainscake.gif);
background-position:center;
background-repeat: no-repeat;
}
.video{
background-image: url(../img/video.gif);
background-position:center;
background-repeat: no-repeat;
}
.imagen{
background-image: url(../img/imagen.gif);
background-position:center;
background-repeat: no-repeat;
}
.audio{
background-image: url(../img/audio.gif);
background-position:center;
background-repeat: no-repeat;
}
.instalacion{
background-image: url(../img/instalacion.gif);
background-position:center;
background-repeat: no-repeat;
}
.curriculum{
background-image: url(../img/curriculum.gif);
background-position:center;
background-repeat: no-repeat;
}
.tablon{
background-image: url(../img/tablon.gif);
background-position:center;
background-repeat: no-repeat;
}
.contacto{
background-image: url(../img/contacto.gif);
background-position:center;
background-repeat: no-repeat;
}
/* ----------------- form de parrafo  ----------------- */
p{
margin: 0px;
padding: 0.3em 0em 0.2em 0em;
font-size: 1.1em;
letter-spacing: 0.1em;
line-height: 1.2em;

}
.negrita{
font-weight: bold;
}
.salt{
padding-bottom: 2em;
}
/*pie */
#pie{
padding: 0.6em 0em 4em 0em;
}

#pie a:link, #pie a:visited{ 
text-decoration: none; 
color: #a616b4;
}
#pie a:hover{
text-decoration:underline;
}
address{
text-decoration: none;
font-style:normal;
font-size: 1.2em;
}
ul#menu{
	text-align: center;
	padding: 0em;
}
ul#links li{
	display: inline;
	font-size: 1em;
	padding: 0.2em;
	}
ul#links li a:link, ul#links li a:visited{ 
text-decoration: none; 
color: #a616b4;
}
ul#links li a:hover{
text-decoration:underline;
}
/*------------(CSS LOGO TAW)------------*/

.tawlogo {
font-family: arial, sans-serif;
border: 1px solid #555;
vertical-align: 0.3em;
font-weight: bold;
color: #fff;
font-size: 0.9em;
background-color: #555;
padding: 0;
}

.tawlogo .tnivel {
padding: 0 0.4em ;
border-bottom: 0px;
background-color: #555;
color: #fff;
font-size: 0.8em;
}

.tawlogo abbr {
border-bottom: 0px;
}

.tawlogo acronym{
border-bottom: 0px;
padding: 0 0.3em;
background-color: #fff;
color: #000;
}

.tawlogo sup{
padding: 0em;
vertical-align: 0.6em;
font-size: 0.6em;
}
/*------------(CSS LOGO TAW)------------*/
.img{
	border: 1px solid #36043b;
	background-color: #ffffff;
	padding: 4px;
	margin: 0.7em;
}
a:link, a:visited{ 
text-decoration: none; 
color: #a616b4;
}
a:hover{
text-decoration:underline;
}
.forma{
margin: 0 auto;
}
/* --------------- formulario -------------- */
.texto{
width: 35em;
border: 1px solid #36043b;
}
textarea{
width: 35em;
border: 1px solid #36043b;
}
#forma{
text-align: right;
}
.boton{
background-color: #a616b4;
color: #ffffff;
width: 10em;
letter-spacing: 0.2em;
}