/* CSS Document */

* {
	margin:0;
	padding:0;
}
body, html { height:100%;}
body {
	font: 12px Tahoma, Helvetica, sans-serif;
	color:#2c485b;
	text-align:left;
	background:url(../imagenes/fdoLinea.gif) 198px 0 repeat-y;
}

a:hover{
	border: 2px #b9bca3 solid;
}
h1{
	position:absolute;
	top:80px;
	left:24px;
	z-index:2;
}
h1 a { display:block; width:164px;
	height:116px; }
h1 a:hover {border-color:#97bcd5;}
h1 a span {
	display:none;
}
#content { height: 100%; width:800px; position:relative; float:left; display:block;}

/* navegacion */
#navegacion {	z-index:1;
background:url(../imagenes/JIROSSIcom.gif) top left no-repeat;
	position: relative; float:left; width:448px; height:348px; float:left;
}
#navegacion li { position:absolute; list-style:none;}
#navegacion li a { display:block;}
#navegacion li a:hover { background-position:top !important;} 
#navegacion li span { display:none;}

#navegacion li.blog {top:218px;left:212px;}	
#navegacion li.blog a { width:234px; height:29px;}

#navegacion li.cv {top:281px; left:212px;}	
#navegacion li.cv a { width:186px; height:26px;}

#navegacion li.galeria {top:250px; left:212px;}	
#navegacion li.galeria a { width:230px; height:29px;}

#navegacion li.contacto {top:314px;	left:212px;}	
#navegacion li.contacto a {width:151px; height:26px;}

/*contenido*/
#contenido {
	background:url(../imagenes/fdoLineaInterna.gif) repeat-y;
	display: block;
	float:left;
	width: 340px;
	height:100%;
	position:relative;
	margin-left:10px;
}
.home { position:absolute}
.home h2 { display:none;}
.nota {background:url(../imagenes/nota_top.gif) 306px 0 no-repeat; padding-top: 30px; }
#contenido .galeria { text-align:right; float:left; width:350px; height:207px; padding:10px 15px 5px 0; background:url(../imagenes/galeria_fdo.gif) bottom right no-repeat; }

h2 {display:block;}
h2 span {display:none;}

.cv h2 {background:url(../imagenes/curriculum.gif) no-repeat; display:block; position:relative; width:303px; height:194px;}
.contacto h2 {background:url(../imagenes/contacto.gif) no-repeat; display:block; position:relative; width:303px; height:194px;}
.texto { width:310px; height:298px; margin:10px 0 0 20px; overflow:auto; padding-right:5px;}
.texto h3 {font-size:13px;}

.texto li {text-indent:0px; margin-bottom:6px; }

form { display:block; width:315px;}
form p { position:relative; height:25px; margin:5px 0 5px 0; line-height:20px;}
input { margin-left:15px; width:230px; position:absolute; right:0px;}
textarea {width:306px; margin-top:5px;}
input#submit { position:absolute; top:160px; left:198px; background:url(../imagenes/enviar.gif) 4px 2px no-repeat; width:100px; height:31px; border:none; cursor:pointer; background-color: transparent;}

input#submit:hover {position:absolute; top:158px; border: 2px #97bcd5 solid;background:url(../imagenes/enviar.gif) 2px 2px no-repeat;}
/*--------------------------------webs amigas-------------------------------------*/

a.watafak  {
	background:url(../imagenes/logoWTF.gif) 2px 2px no-repeat;
	position:absolute;
	display: block;
	display:block;
	width:54px;
	height:54px;
	margin:2px 0 0 2px;
	left: 235px;
	top: 500px;
}
a.watafak:hover  {margin:0; border-color:#a6a6a6; }
a.watafak span { display:none;}

a.pblcst  {
	background:url(../imagenes/logoPBL.gif) 2px 2px no-repeat;
	position:absolute;
	display: block;
	display:block;
	width:54px;
	height:54px;
	margin:2px 0 0 2px;
	left: 235px;
	top: 560px;
}
a.pblcst:hover  {margin:0; border-color:#a6a6a6; }
a.pblcst span { display:none;}


input, textarea { background-color:#eaf2f7; border: 2px solid #97bcd5; padding:2px; font: 11px Tahoma, Helvetica, sans-serif;	color:#2c485b;}