@charset "utf-8";
/*   
Theme Name: Lalo Colorized
Theme URI: http://www.pinturaslalo.com/
Description: Diseño original para la web de Pinturas Decorativas Lalo Badajoz desarrollada por Pixel Binario.
Author: Pixel Binario
Author URI: http://www.pixelbinario.com
Version: 1.0
.
Uso exclusivo para la web de Pinturas Lalo.
.
*/

/* RESET CSS ---------------------------------------------------------------------------------------------------- */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset,img { border:0 }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal }
ol,ul {	list-style:none }
caption,th { text-align:left }
h1,h2,h3,h4,h5 { font-weight:normal }
/* ETIQUETAS */
body { background:url(img/bg_body.gif) repeat-x top; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:80% }

a, #cos blockquote strong { color:#06C; text-decoration:none }
a:hover { color:#000 }
.clear, #peu { clear:both }

/* CONTENDORES PRINCIPALES */
#web { width:980px; margin:0 auto; background:url(img/bg_cap_normal.jpg) top center no-repeat }
#cap { height:150px; }
#cos { margin-top:45px; padding:0 40px 20px 40px; background:url(img/bg_cos.gif) repeat-y center }
#peu { background:url(img/bg_peu.png) no-repeat left top; height:110px }

/* CAP  */
#logo { margin:10px 0 0 50px; display:block; width:150px; height:125px; float:left }

/* MENU PRINNCIPAL */
#nav				{ float:right; height:70px; margin:70px 15px 0 0 }
#nav li				{ float:left }
#nav li a 			{ float:left; display:block }
#nav li a span 		{ display:none }

#nav .page-item-15 a	{ width:170px; height:70px; background:url(img/bt_proyectos.jpg) top center no-repeat } /* Proyectos */
#nav .page-item-3 a		{ width:180px; height:70px; background:url(img/bt_servicios.jpg) top center no-repeat } /* Servicios */
#nav .page-item-5 a		{ width:180px; height:70px; background:url(img/bt_empresa.jpg) top center no-repeat } /* Empresa */
#nav .page-item-7 a		{ width:200px; height:70px; background:url(img/bt_contacto.jpg) top center no-repeat } /* Contacto */

#nav li a:hover, #nav .current_page_item a { background-position:bottom center }

#destacados { width:980px; height:230px }
#destacados div { padding:20px 50px; width:880px; height:190px }
#destacados div img { float:right; margin-left:30px }
#destacados h1 a { color:#fff; font-size:.9em }
#destacados h1 a:hover { color:#0FF }
#destacados p { color:#bbb; padding:15px 0; line-height:1.8em; font-size:1em; font-weight:normal }

/* COS */

#cos strong { color:#900 }
#cos p { line-height:1.7em; padding-bottom:1.2em }
#cos h2 { margin-bottom:4px }

#cos blockquote { line-height:1.4em; font-size:1.5em; background:#e5e5ff url(img/ico_blockquote.png) 20px center no-repeat; color:#555; padding:16px 30px 16px 88px; border-bottom:6px solid #cbcbfe }

#cos .servicios h2 { background:#e5e5ff url(img/ico_paint2.png) 12px center no-repeat; line-height:48px; padding-left:50px }
#cos .servicios p { padding-left:50px }
#cos .servicios .sub { padding-left:40px }
#cos .servicios .sub h2 { padding-left:10px; background:none; line-height:16px }
#cos .servicios .sub p { padding-left:10px; border-bottom:1px solid #e5e5ff }

#cos .foto_d { float:right; margin:0 0 30px 30px; padding:10px; background-color:cbcbfe; border:1px solid #ccc }

#cos h1.seccion { color:#333; letter-spacing:-.05em; font-size:2.2em; margin-bottom:2px }
#cos h2.seccion { font-size:1.1em; margin-bottom:20px; color:#777 }

#nav_destacados { position:absolute; margin:-50px 0 0 50px }
#nav_destacados a { outline:none }

.bloc { width:280px; height:280px; float:left; margin-right:30px; background:#fff url(img/bg_bloc.gif) bottom right no-repeat; }
.blocu { margin-right:0 }
.bloc p { font-size:.85em; line-height:1.6em }
.bloc ul { list-style:none }
.bloc ul, .bloc p { padding:0 15px }
.bloc img.foto { margin:0 auto 12px auto }
.bloc img.logos { margin:18px auto }
.bloc a.proyectos { text-align:right; padding-right:20px; font-weight:bold }
.bloc h2 { margin-bottom:10px }
.bloc img.foto, .bloc img.logos, .bloc a.proyectos { display:block }

.bloc .categorias_bloc li { background:url(img/ico_paint.png) left center no-repeat; line-height:30px; padding-left:26px; font-size:1.1em }

.bread { margin-bottom:20px; border-bottom:1px solid #ddd; padding-bottom:5px }

/* Proyecto ficha */
.proyecto_preview { clear:both; padding:20px; margin-bottom:30px; background:#e5e5ff url(img/bg_proyectopreview.jpg); border-bottom:6px solid #cbcbfe }
.proyecto_preview img { float:right; margin-left:20px; clear:right }
.proyecto_preview h1 { font-size:1.6em; letter-spacing:-.025em }
.proyecto_preview h2 { font-size:1em; margin:3px 0 15px 0 }
.proyecto_preview h2 a { color:#555 }
.proyecto_preview h2 a:hover { color:#000; text-decoration:underline }
.proyecto_preview h3 { font-size:1em }
.proyecto_preview p, .proyecto_preview h2 { line-height:1.6em }

.proyecto_galeria .group { display:block; width:180px; height:180px; float:left }

.aviso { background:#CFF url(img/ico_info.png) 20px center no-repeat; padding:16px 20px 16px 55px; margin:10px 0; font-size:.9em }

.paginador{ text-align:center; font-size:1.2em; font-weight:bold }
.paginador a { background-color:#cbcbfe; padding:5px 10px }

/* PEU  */
#peu p { color:#dbdbdb; padding:35px 0 0 95px; line-height:1.4em }
#peu p a { color:#a3a3ff; font-size:.9em }
#peu a:hover { color:#fff; text-decoration:underline }
#peu span { float:right; display:block; padding:30px 25px 0 0; font-size:.9em }
#peu span a, #peu span { color:#979797 }

#mapa { float:left; width:400px; padding-bottom:20px }
#mapa iframe { border:2px solid #bbb }
#formulario { float:left; width:480px; font-size:.9em; padding-left:20px } 
#wpcf { padding-top:10px; margin:0; border-top:2px solid #cbcbfe; border-bottom:2px solid #cbcbfe }
#wpcf label { display: block; float:left; width:140px; font-weight:bold; line-height:28px }
#wpcf input { width:220px; margin:3px 0; border:1px solid #ccc; padding:4px }
#wpcf br { display:none }
#wpcf textarea { width:320px; height:150px; padding:4px; margin:3px 5px 10px 0; border:1px solid #ccc }
#wpcf input#contactsubmit { border:1px solid #000; width:120px; font-weight:bold; display:block; margin:10px 0 20px 355px }
	
#pbico { font-size:.8em; display:block; margin:10px 20px 30px 0; text-align:right }