/********** Documento CSS obejodesign.com * NARANJA **********/

body { background: white url(imagenes/fondo.jpg) repeat-x top; }

/********** ENCABEZADO LOGO **********/

#logo { background: url(imagenes/logo.jpg) no-repeat; }

/********** CABECERA **********/

#cabecera { background: url(imagenes/cabecera.jpg) no-repeat; }

/********** CONTENIDO **********/

#contenido-der h3 { color: #ff9600; }

/********** TITULARES **********/

#titular-home { background: url(imagenes/home.gif) no-repeat; }

#titular-portfolio { background: url(imagenes/portfolio.gif) no-repeat; }

#titular-portfolio-izq { background: url(imagenes/portfolio-izq.gif) no-repeat; }

#titular-corporativa { background: url(imagenes/corporativa.gif) no-repeat; }

#titular-cds { background: url(imagenes/cds.gif) no-repeat; }

#titular-carteles { background: url(imagenes/carteles.gif) no-repeat; }

#titular-impresos { background: url(imagenes/impresos.gif) no-repeat; }

#titular-editorial { background: url(imagenes/editorial.gif) no-repeat; }

#titular-fotografia { background: url(imagenes/fotografia.gif) no-repeat; }

#titular-mixcelanea { background: url(imagenes/mixcelanea.gif) no-repeat; }

#titular-bio { background: url(imagenes/bio.gif) no-repeat; }

#titular-blog { background: url(imagenes/blog.gif) no-repeat; }

#titular-contacto { background: url(imagenes/contacto.gif) no-repeat; }

/********** BLOQUE IZQUIERDA (Contenedor izquierda) **********/

a#boton-curriculum { background: url(imagenes/boton-curriculum.jpg) no-repeat top left; }

/********** BLOG **********/

#sidebar ul li h2 { color: #ff9600; }

#contenido-der div.post h2, #contenido-der div.post h2 a { color: #ff9600; }

#contenido-der div.post h2 a { border-bottom: 1px dotted #ff9600; }

#contenido-der div.post h2 a:hover { background-color: #ff9600; }

#contenido-der ol.commentlist li.commentlayer { border-bottom: 1px dotted #ff9600; }

#contenido-der ol.commentlist li.commentlayer div.commentbody { background-color: #ff9600; }

.footerdata { color: #ff9600; }

#contenido-der p.footerdata a {
	color: #ff9600;
	border-bottom: 1px dotted #ff9600;
}

#contenido-der p.footerdata a:hover { background-color: #ff9600; }

/********** CONTACTO **********/

h3#msj-enviado { background-color: #ff9600; }

/********** PIE **********/

#pie-contenido p a:hover, #pie-contenido p a:active {
	border-bottom: 1px solid #ff9600;
	color: #ff9600;
}

/********** NAVEGACIÓN **********/

ul#navegacion li a#home, ul#navegacion li a#portfolio, ul#navegacion li a#bio, ul#navegacion li a#blog, ul#navegacion li a#contacto { background-image: url(imagenes/navegacion.jpg); }

body#home-activo ul#navegacion li a#home:link,
body#home-activo ul#navegacion li a#home:visited,
body#home-activo ul#navegacion li a#home:hover,
body#home-activo ul#navegacion li a#home:active,
body#portfolio-activo ul#navegacion li a#portfolio:link,
body#portfolio-activo ul#navegacion li a#portfolio:visited,
body#portfolio-activo ul#navegacion li a#portfolio:hover,
body#portfolio-activo ul#navegacion li a#portfolio:active,
body#corporativa-activo ul#navegacion li a#portfolio:link,
body#corporativa-activo ul#navegacion li a#portfolio:visited,
body#corporativa-activo ul#navegacion li a#portfolio:hover,
body#corporativa-activo ul#navegacion li a#portfolio:active,
body#cds-activo ul#navegacion li a#portfolio:link,
body#cds-activo ul#navegacion li a#portfolio:visited,
body#cds-activo ul#navegacion li a#portfolio:hover,
body#cds-activo ul#navegacion li a#portfolio:active,
body#carteles-activo ul#navegacion li a#portfolio:link,
body#carteles-activo ul#navegacion li a#portfolio:visited,
body#carteles-activo ul#navegacion li a#portfolio:hover,
body#carteles-activo ul#navegacion li a#portfolio:active,
body#impresos-activo ul#navegacion li a#portfolio:link,
body#impresos-activo ul#navegacion li a#portfolio:visited,
body#impresos-activo ul#navegacion li a#portfolio:hover,
body#impresos-activo ul#navegacion li a#portfolio:active,
body#editorial-activo ul#navegacion li a#portfolio:link,
body#editorial-activo ul#navegacion li a#portfolio:visited,
body#editorial-activo ul#navegacion li a#portfolio:hover,
body#editorial-activo ul#navegacion li a#portfolio:active,
body#fotografia-activo ul#navegacion li a#portfolio:link,
body#fotografia-activo ul#navegacion li a#portfolio:visited,
body#fotografia-activo ul#navegacion li a#portfolio:hover,
body#fotografia-activo ul#navegacion li a#portfolio:active,
body#mixcelanea-activo ul#navegacion li a#portfolio:link,
body#mixcelanea-activo ul#navegacion li a#portfolio:visited,
body#mixcelanea-activo ul#navegacion li a#portfolio:hover,
body#mixcelanea-activo ul#navegacion li a#portfolio:active,
body#bio-activo ul#navegacion li a#bio:link,
body#bio-activo ul#navegacion li a#bio:visited,
body#bio-activo ul#navegacion li a#bio:hover,
body#bio-activo ul#navegacion li a#bio:active,
body#blog-activo ul#navegacion li a#blog:link,
body#blog-activo ul#navegacion li a#blog:visited,
body#blog-activo ul#navegacion li a#blog:hover,
body#blog-activo ul#navegacion li a#blog:active,
body#contacto-activo ul#navegacion li a#contacto:link,
body#contacto-activo ul#navegacion li a#contacto:visited,
body#contacto-activo ul#navegacion li a#contacto:hover,
body#contacto-activo ul#navegacion li a#contacto:active {
	background-image: url(imagenes/navegacion-activa.jpg);
}

/********** SUB-NAVEGACIÓN Portfolio **********/

ul.sub-navegacion li a:hover, li.categories ul li:hover {
	background-image: url(imagenes/portfolio-sobre.jpg);
	color: #ff9600;
}

li.categories ul li a:hover {
	color: #ff9600;
}

body#corporativa-activo ul.sub-navegacion li a#corporativa:link,
body#corporativa-activo ul.sub-navegacion li a#corporativa:visited,
body#corporativa-activo ul.sub-navegacion li a#corporativa:hover,
body#corporativa-activo ul.sub-navegacion li a#corporativa:active,
body#cds-activo ul.sub-navegacion li a#cds:link,
body#cds-activo ul.sub-navegacion li a#cds:visited,
body#cds-activo ul.sub-navegacion li a#cds:hover,
body#cds-activo ul.sub-navegacion li a#cds:active,
body#carteles-activo ul.sub-navegacion li a#carteles:link,
body#carteles-activo ul.sub-navegacion li a#carteles:visited,
body#carteles-activo ul.sub-navegacion li a#carteles:hover,
body#carteles-activo ul.sub-navegacion li a#carteles:active,
body#impresos-activo ul.sub-navegacion li a#impresos:link,
body#impresos-activo ul.sub-navegacion li a#impresos:visited,
body#impresos-activo ul.sub-navegacion li a#impresos:hover,
body#impresos-activo ul.sub-navegacion li a#impresos:active,
body#editorial-activo ul.sub-navegacion li a#editorial:link,
body#editorial-activo ul.sub-navegacion li a#editorial:visited,
body#editorial-activo ul.sub-navegacion li a#editorial:hover,
body#editorial-activo ul.sub-navegacion li a#editorial:active,
body#fotografia-activo ul.sub-navegacion li a#fotografia:link,
body#fotografia-activo ul.sub-navegacion li a#fotografia:visited,
body#fotografia-activo ul.sub-navegacion li a#fotografia:hover,
body#fotografia-activo ul.sub-navegacion li a#fotografia:active,
body#mixcelanea-activo ul.sub-navegacion li a#mixcelanea:link,
body#mixcelanea-activo ul.sub-navegacion li a#mixcelanea:visited,
body#mixcelanea-activo ul.sub-navegacion li a#mixcelanea:hover,
body#mixcelanea-activo ul.sub-navegacion li a#mixcelanea:active {
	background-image: url(imagenes/portfolio-activo.jpg);
}

/********** CONTENIDO Portfolio **********/

#borde-portfolio { background: url(imagenes/borde-portfolio.gif) no-repeat; }

#botones ul li a#boton-anterior { background: url(imagenes/boton-anterior.gif) no-repeat; }

#botones ul li a#boton-siguiente { background: url(imagenes/boton-siguiente.gif) no-repeat; }

html>body #botones ul li a#boton-anterior, html>body #botones ul li a#boton-siguiente { background: url(imagenes/botones.png) no-repeat; }

#navegacion-portfolio { background: url(imagenes/navegacion-portfolio.jpg) no-repeat; }

ul.botones-nav-portfolio li a {
	background-image: url(imagenes/botones-nav-portfolio.jpg);
	color: #ff9600;
}

#cont-nav-portfolio #navegacion-iconos ul.controls li a:hover img { border: 1px solid #ff9600; }

#cont-nav-portfolio #navegacion-lista ul.controls li.selected a:link, #cont-nav-portfolio #navegacion-lista ul.controls li.selected a:visited, #cont-nav-portfolio #navegacion-lista ul.controls li.selected a:hover, #cont-nav-portfolio #navegacion-lista ul.controls li.selected a:active {
	color: #ff9600;
}