/* Estilos generales
________________________*/

body{
	text-align: center;
	margin: 0px;
	padding: 0px;
	color: #484546/*A09994*/;
	font: 11px Tahoma, Verdana, Arial;
	/*font-size: 62.5em;*/
	background-image: url(images/sombrafondo02.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 20px
}


BODY {
	SCROLLBAR-FACE-COLOR: #D4D4D4;
	SCROLLBAR-HIGHLIGHT-COLOR: #D4D4D4;
	SCROLLBAR-SHADOW-COLOR: #D4D4D4;
	SCROLLBAR-3DLIGHT-COLOR: #ccc;
	SCROLLBAR-ARROW-COLOR:  #D4D4D4;
	SCROLLBAR-TRACK-COLOR: #ccc;
	SCROLLBAR-DARKSHADOW-COLOR: #ccc;}
	
a:link
{
	font-weight: bold;
	color: #01abcf;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
}
	
a:visited
{	font-weight: bold;
	color:   #01abcf; 
	text-decoration: none; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	letter-spacing: 1px;
}

a:hover
 {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #01abcf;
	letter-spacing: 1px;
	background-color: #ecfcff;
}
	
a:active
{
	font-weight: bold;
	color: #01abcf;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
}
a.css
{
	font-weight: bold;
	color: #D7A6B3;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 1px;
}
	
a.css:visited
{	font-weight: bold;
	color:#D7A6B3; 
	text-decoration: none; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	letter-spacing: 1px;
}

a.css:hover
 {	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color:#D4AEB8;
	letter-spacing: 1px;
}
	
a.css:active
{
	font-weight: bold;
	color: #D7A6B3;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	letter-spacing: 1px;
}

p {
	color: #484546/*A09994*/;
	font: 11px Arial, Helvetica, sans-serif;
	text-align: justify;
	font-weight: normal;
	margin: 3px
}

br {
	clear : left;
}
input {
	border: 0px transparent;
	background-color: #EFEFEF;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #626850;
	font-weight: normal;
}
	
select {
	border: 0px transparent;
	background-color: #EFEFEF;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #626850;
	font-weight: normal;}
textarea {
	border: 0px transparent;
	background-color: #EFEFEF;
	font-size: 10px;
	font-family: Tahoma, Verdana, Arial;
	padding-top: 2px;
	padding: 4px;
	color: #626850;
	height: 70px;
	width: 300px;
}

.botones{
	border: 0px;
	background-color: transparent;
	background-image: url(images/icoenviar.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 8px;
}
form{
	text-align: left;
}
dl{
	background-color: #F6F6F6;
	padding: 4px
}

/* Estilos para maketacion
__________________________________*/

#contenedor{
	margin:0 auto;
	text-align:right;
	width:680px;
	font-size: 1.1em;
}

H1{
	height: 125px;
	background-image: url(images/cabecera03.gif);
	background-position: top center;
	background-repeat: no-repeat;
	text-align: left;
	text-indent:-3000em;
	margin: 0px;
}
H2{
	color: #A09994;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0px;
}
H3{
	color: #F8E8F1;
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: right;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #B7B7B7/*D7A6B3*/;
	width: 100%;
	margin-right:0;
	margin-left:0
}


ul{margin:0}
li{list-style-type:none;margin: 0px; padding: 0px}
ul#navegacion li,
ul#info li,
#solidaridad  li{
	display:inline;
}

/* hasta aquí habíamos llegado */

/* ponemos la primera columna con el ancho que queremos y la flotamos a la izquierda */
#mediapag{
	width:305px;
	float:left;
}

/* y lo mismo con la segunda*/
#mediapag02{
	width: 360px;
	float: right;
	padding-left: 9px;
	padding-bottom: 6px;
}
html>body #mediapag02{
width:361px; /*le restas los 9 px de padding del width excepto para IE*/
}

/* y aclaramos el div con todo lo de solidaridad*/

#solidaridad{
	clear:both;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 110px;
	text-align: justify;
}

/*  y ya tienes la maquetación hecha :-P */



/* Estilos interface generico
________________________________*/

.separadorlinks{
	color: #C3C3C3;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.nota{
	color: #A09994;
	font: 10px Arial, Helvetica, sans-serif;
	text-align: justify;
	font-weight: normal;
}

.negrita {
	color: #3F3B39;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.blanca {
	color: #fff;
	font: 14px Arial, Helvetica, sans-serif;
	text-align: right;
	font-weight: bold;
}
.normal {
	color: #635E61/*A09994*/;
	font: 11px Arial, Helvetica, sans-serif;
	text-align: justify;
	font-weight: normal;
}
.subrayado{
	border-bottom: 1px solid #E1E1DA;
	width: 100%
}
h2.titular{
	width: 100%;
	height: 115px;
	background: #515056 url(images/lampara_on.jpg) bottom no-repeat;;
	margin-top: 12px;
	margin-bottom: 10px;
	color: #fff;
	font: 14px Arial, Helvetica, sans-serif;
	text-align: right;
	font-weight: bold;
	margin-right:0;
	margin-left:0
}
h2.titularcurriculum{
	width: 100%;
	height: 115px;
	background: #515056 url(images/lampara_on.jpg) bottom no-repeat;;
	margin-top: 12px;
	margin-bottom: 10px;
	color: #fff;
	font: 14px Arial, Helvetica, sans-serif;
	text-align: right;
	font-weight: bold;
	margin-right:0;
	margin-left:0
}
.subrayado{
	border-bottom: 1px solid #E1E1DA;
	width: 100%;
	padding-bottom: 12px
}
.nota{
	margin-top: 4px;
	font-size: 9px;
	color: #BEADAF;
	text-align: right;
}
.lamparaon{
	background-image: url(images/lampara_on.jpg);
	background-repeat: no-repeat;
	width: 680px;
	height: 100px
}
.lamparaoff{
	background-image: url(images/lampara_off.jpg);
	background-repeat: no-repeat;
	width: 680px;
	height: 100px
}