/* Jesús Palomino Website _ CSS */
/* Última modificación: 25 de sept 2008 */
/* Diseño-Design: JGGaliano. Email: jggaliano@gmail.com */


/*-----General----*/
body {
	margin: 0 0 0 25px;
	padding: 0;
	font-family: georgia, lucida Grande, lucida Sans Unicodetimes, arial, verdana, sans-serif;
	font-size: 11px; font-style: normal;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	color: #E3E3E3;
	text-decoration: none;
	background: #363B3E
	}
	
blockquote {
	width: 450px;
	font-style: italic;
	font-variant: normal;
	margin: 0;
	padding: 0}
	
.fondoHom {
	background: url("JP-fondo_PagHom.gif") repeat-y #363B3E
	}

.fondoPro {
	background: url("JP-fondo_PagPro.gif") repeat-y #363B3E
	}

.fondoBio {
	background: url("JP-fondo_PagBio.gif") repeat-y #363B3E
	}

.fondoTex {
	background: url("JP-fondo_PagTex.gif") repeat-y #363B3E
	}

.fondoLin {
	background: url("JP-fondo_PagLin.gif") repeat-y #363B3E
	}

.fondoCre {
	background: url("JP-fondo_PagCre.gif") repeat-y #363B3E
	}
	
.fondoNot {
	background: url("JP-fondo_PagNot.gif") repeat-y #363B3E
	}

.resaltado {
	color: #0099FF;
	}

a, a:link, a:visited {
	text-decoration: underline;
	color: #ACB0B4;
	font-weight: bold;
	}

a:hover, a:visited:hover {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	background: #0099FF
	}

.cero {
	margin: 0;
	padding: 0
	}

.diez {
	margin: 0;
	padding: 10
	}

.italic {
	font-style: italic;
	}
	
	
.english {
	color: #a5bfdd;
	}



/*-----Contenedor General----*/

#contenedorTotal {
	width: 740px;
	margin: 0;
	padding: 0
	}

.oculto {
	display: none;
	visibility: hidden
	}

/*-----Columna izquierda----*/

#columna {
	float: left;
	width: 200px;
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: 11px; font-style: normal;
	line-height: 15px;
	font-weight: normal;
	font-variant: normal;
	color: #ACB0B4;
	text-decoration: none
	}
	
#logo {
	height: 181px;
	background: url("JP-fondoMancheta.gif") 0% 100% no-repeat;
	text-align: right;
	padding: 0px 5px;
	margin: 0px}
	
#logo img{
	border: 0px;
	padding: 0px;
	margin: 0px}

#fotoBio {
	text-align: center;
	border-width: 1px; border-style:solid; border-color:#44484B;
	background: #373C3F;
	padding: 10px 0 10px 0;
	margin: 10px
	}

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

#presenta {
	border-bottom: 1px; border-bottom-style: dotted; border-bottom-color: #44484B
	}

#curriculum {
	background: url("JP-iconPDF.gif") 0% 0% no-repeat;
	padding: 0 0 10px 20px; 
	border-bottom: 1px; border-bottom-style: dotted; border-bottom-color: #44484B
	}

#descarga {
	background: url("JP-iconPDF.gif") 0% 0% no-repeat;
	margin-top: 15px;
	padding: 0 0 10px 20px; 
	border-bottom: 1px; border-bottom-style: dotted; border-bottom-color: #44484B
	}

#emailBio {
	width: 180px;
	height: 20px;
	margin: 0 0 0 10px;
	padding: 0;
	}

#emailBio a h2{
	font-size: 12px;
	padding: 0 0 0 35px;
	background: url("JP-iconEmail.gif") 0% 50% no-repeat
	}
	
#emailBio a:hover h2{	
	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	background: url("JP-iconEmail.gif") 0% 50% no-repeat #0099FF
	}

#fotoProyecto {
	text-align: center;
	border-width: 1px; border-style:solid; border-color:#44484B;
	background: #373C3F;
	padding: 10px 0 10px 0;
	margin: 10px
	}

#fotoProyecto img {
	border: 0
	}

	
#verImagenes {
	background: url("JP-iconPlus.gif") 0% 0% no-repeat;
	padding: 0 0 10px 20px; 
	border-bottom: 1px; border-bottom-style: dotted; border-bottom-color: #44484B
	}

/*-----Bloque contenido----*/

#contenidoTotal {
	margin: 0px 0px 0px 200px;
	padding: 0px;
	}

/*-----Menú----*/

#fondoMenuHom {
	width: 100%;
	height: 181px;
	background: url("JP-fondoMenuHom.gif") 0% 100% no-repeat;
	padding: 0;
	margin: 0
	}

#fondoMenuPro {
	width: 100%;
	height: 181px;
	background: url("JP-fondoMenuPro.gif") 0% 100% no-repeat;
	padding: 0;
	margin: 0
	}
	
#fondoMenuBio {
	width: 100%;
	height: 181px;
	background: url("JP-fondoMenuBio.gif") 0% 100% no-repeat;
	padding: 0;
	margin: 0
	}
	
#fondoMenuTex {
	width: 100%;
	height: 181px;
	background: url("JP-fondoMenuTex.gif") 0% 100% no-repeat;
	padding: 0;
	margin: 0
	}

#fondoMenuLin {
	width: 100%;
	height: 181px;
	background: url("JP-fondoMenuLin.gif") 0% 100% no-repeat;
	padding: 0;
	margin: 0
	}

HTML>BODY #fondoMenuBio {
	width: auto;
	padding: 0px;
	margin: 0px
	}

#menuSuperior {
	padding: 0px;
	margin: 0px
	}
	
#menuSuperior .floatleft1 a:before {content: "| "}
#menuSuperior .floatleft a:before {content: "| "}

#menuSuperior .floatleft1 {
	float: left;
	margin: 0;
	padding: 0 0 0 15px
	}
#menuSuperior .floatleft1 a, floatleft1 a:visited {
	width: 100px;
	margin: 15px 0 0 0;
	padding: 25px 0px 0px 0px;
	background: url("JP-fondo_Menu.gif") 0% 0% repeat-x;
	border: none;
	text-decoration: none;
	color: #0099FF;
	text-align: left;
	font-size: 10px;
	font-weight: normal;
	display: block;
	}
#menuSuperior .floatleft1 a:hover, .floatleft a:visited:hover {
	color: #A3EFA3;
	background: url("JP-fondo_MenuHov.gif") 0% 0% repeat-x
	}

#menuSuperior .floatleft {
	float: left;
	margin: 0;
	padding: 0 0 0 2px
	}
#menuSuperior .floatleft a, floatleft a:visited {
	width: 100px;
	margin: 15px 0 0 0;
	padding: 25px 0px 0px 0px;
	background: url("JP-fondo_Menu.gif") 0% 0% repeat-x;
	border: none;
	text-decoration: none;
	color: #0099FF;
	text-align: left;
	font-size: 10px;
	font-weight: normal;
	display: block;
	}
#menuSuperior .floatleft a:hover, .floatleft a:visited:hover {
	color: #A3EFA3;
	background: url("JP-fondo_MenuHov.gif") 0% 0% repeat-x
	}

#menuSuperior a.Act {
	background: url("JP-fondo_MenuAct.gif") 0% 0% repeat-x
	}

/*----Contenido-----*/

#contenido {
	width: 100%;	
	padding: 12px;
	margin: 0 0 0 15px
	}

#contenidotextos {
	width: 95%;	
	padding: 12px;
	margin: 0 0 0 15px
	}

HTML>BODY #contenido {
	width: auto;	
	}

#contenido .lineapie {
	margin: 10px 0 0 0;
	border-bottom: 1px; border-bottom-style: dotted; border-bottom-color: #4F5356;
	display: block;
	width: 100%;
	}

#contenidoTotal ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	}

#contenidoTotal ul li {
	padding:3px 0px;
	margin: 0
	}

#contenidoTotal ul.lista1 {
	padding: 0;
	margin: 0 0 0 20px;
	list-style-type: none;
	list-style-image: url("JP-picLista_2.gif")
	}
#contenidoTotal ul.lista1 li {
	padding:3px 0 10px 0;
	margin: 0
	}

#contenidoTotal ul.lista2 {
	padding: 0;
	margin: 0 0 0 20px;
	list-style-type: none;
	list-style-image: url("JP-picTexto.gif")
	}
#contenidoTotal ul.lista2 li {
	padding:3px 0 10px 0;
	margin: 0
	}
	
#contenidoTotal ul.lista2 li.new {
	list-style-type: none;
	list-style-image: url("JP-picTextoNew.gif")
	}
	
#contenidoTotal ul.lista3 {
	padding: 0;
	margin: 0 0 0 20px;
	list-style-type: none;
	list-style-image: url("JP-picLink.gif")
	}
#contenidoTotal ul.lista3 li {
	padding:3px 0 10px 0;
	margin: 0
	}

.picNuevo {
	padding-left: 13px;
	background: url("JP-picTextoNew.gif") 3% 50% no-repeat
	}
	
/*------Contenido en Pagina de Inicio-------------------------------------------------------------*/

#introduccion {
	width: 200px;
	float: left;
	margin: 0 15px 0 0
	}

#projectinicio {
	width: 100%;
	margin: 0 27px 0 215px
	}

HTML>BODY #projectinicio {
	width: auto
	}

#proyectoReciente {
	border-width: 1px; border-style:solid; border-color:#5A5F62;
	margin: 0 0 10px 0;
	padding: 0
	}

#proyectoReciente img {
	width: 237px;
	height: 134px;
	border: 0;
	background: #414649 url("JP-fondo_ProReciente.jpg") 50% 50% no-repeat
	}
HTML>BODY #proyectoReciente img {
	width: 243px;
	height: 134px;
	border: 0;
	background: #414649 url("JP-fondo_ProReciente.jpg") 50% 50% no-repeat
	}
#proyectoReciente a, #proyectoReciente a:visited {
	background: #373C3F;
	display: block;
	padding: 7px
	}
 #proyectoReciente a:hover, #proyectoReciente a:visited:hover {
	background: #A3EFA3;
	display: block;
	padding: 7px
	}

#tituloReciente {
	padding: 0 0 15px 0;
	font-family: georgia, lucida Grande, lucida Sans Unicodetimes, arial, verdana, sans-serif;
	font-size: 18px;
	font-style: italic;
	line-height: 21px;
	font-weight: bold;
	font-variant: normal;
	color: #0099FF;
	text-decoration: none
	}

#lugarReciente {
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: 11px; font-style: normal;
	line-height: 15px;
	font-weight: normal;
	font-variant: normal;
	color: #E3E3E3;
	text-decoration: none;
	border-bottom: 1px; border-bottom-style: dotted; border-bottom-color: #878B8F;
	padding: 0 0 7px 0
	}

#todosProyectos {
	height: 23px;
	margin: 10 0 0 0;
	padding: 3px 0 0 45px;
	background: url("JP-iconThumb.gif") 0% 0% no-repeat;
	}


/*---------Proyectos Ficha Info-----------*/

#proyectoInfo {
	width: 100%;	
	padding: 12px 20px 12px 12px;
	margin: 10px 0 0 15px;
	background: #484C4F url("JP-fondo_FichaPro.gif") 100% 0% repeat-y;
	border-left-width: 7px; border-left-style:solid; border-left-color:#3084E4;
	}

HTML>BODY #proyectoInfo {
	width: auto;	
	}
#volverThumb {
	height: 23px;
	margin: 0;
	padding: 3px 0 0 45px;
	background: url("JP-iconThumb.gif") 0% 0% no-repeat;
	}

#titulopro {
	padding: 7px 0 10px 0;
	font-family: georgia, lucida Grande, lucida Sans Unicodetimes, arial, verdana, sans-serif;
	font-size: 25px;
	font-style: italic;
	line-height: 29px;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none
	}
	
#subtitulopro {
	display: block;
	padding: 15px 0 10px 0;
	font-family: georgia, lucida Grande, lucida Sans Unicodetimes, arial, verdana, sans-serif;
	font-size: 18px;
	font-style: italic;
	line-height: 21px;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none
	}

#lugarpro {
	padding-bottom: 10px;
	font-family: arial, verdana, tahoma, sans-serif;
	font-size: 12px; font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	text-decoration: none	
	}

.titulo1info {
	padding-top: 10px;
	font-family: arial, verdana, tahoma, sans-serif;
	font-size: 10px; font-style: normal;
	line-height: 12px;
	font-weight: normal;
	font-variant: normal;
	color: #A3EFA3;
	text-decoration: none
	}

.titulo2info {
	padding-bottom: 10px;
	font-family: arial, verdana, tahoma, sans-serif;
	font-size: 11px; font-style: normal;
	line-height: 15px;
	font-weight: normal;
	font-variant: normal;
	color: #E3E3E3;
	text-decoration: none
	}

#proyectoInfo .lineapie {
	margin: 10px 0 0 0;
	border-bottom: 1px; border-bottom-style: dotted; border-bottom-color: #999999;
	display: block;
	width: 100%;
	}

/*----Pie de página----*/

#pie {
	width: 90%;
	clear: both;
	margin: 0
	}

HTML>BODY {width: auto}
	
#email {
	width: 180px;
	height: 20px;
	margin: 0 0 0 10px;
	padding: 0;
	border-bottom: 1px; border-bottom-style: dotted; border-bottom-color: #44484B
	}

#email a h2{
	font-size: 12px;
	padding: 0 0 0 35px;
	background: url("JP-iconEmail.gif") 0% 50% no-repeat
	}
	
#email a:hover h2{	
	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	background: url("JP-iconEmail.gif") 0% 50% no-repeat #0099FF
	}

#copy {
	margin: 0 0 0 10px;
	height: 25px;
	padding: 0;
	background: url("JP-copy.gif") 0% 50% no-repeat
	}

/*-------Detalles Imagenes-----------*/
.fondoDetalleImg {
	margin: 0;
	padding: 0;
	background: url("JP-fondo_PagDet.gif") 8% 50% no-repeat #E9EDEF
	}

#detalleNavega {
	width: 100%;
	margin: 0;
	padding: 7px 0 7px 55px;
	background: url("JP-iconLogo.gif") 0% 50% no-repeat #272C2F;
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 30px;
	color: #ACB0B4;
	text-decoration: none
	}

HTML>BODY #detalleNavega {
	width: auto
	}

#detalleNavega a, #detalleNavega a:visited {
	margin: 0;
	padding: 0 10px;
	font-weight: bold;
	text-align: center;
	text-decoration: none
	}
	
#imagengrande {
	margin: 15px 0;
	padding: 0;
	heigh: 100%;
	text-align: center
	}

#imagengrande img{
	background: #414649 url("JP-fondo_Thumb.gif") 50% 50% no-repeat;
	border-width: 7px; border-style:solid; border-color:#AAAEB0
	}
	
/*-----Otra----*/
.lineapie {
	margin: 10px 0 0 0;
	border-bottom: 1px; border-bottom-style: dotted; border-bottom-color: #4F5356;
	display: block;
	width: 100%;
	}
	
.datosNoticias {
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: 11px; font-style: normal;
	line-height: 15px;
	font-weight: normal;
	font-variant: normal;
	color: #E3E3E3;
	text-decoration: none;
	border-bottom: 1px; border-bottom-style: dotted; border-bottom-color: #878B8F;
	padding: 0 0 7px 0
	}