/* 
Theme Name: WD&A
Theme URL: http://www.wd.cl
Description: 
Author: Cristian Rebolledo / UvaDesign
Author URI: http://www.uvadesign.cl
Version: 1.0
*/

* {margin:0;padding:0;}


/* GENERAL */

body {font-family: Arial, Verdana, Lucida Grande, Lucida Sans Unicode,  sans-serif; font-size: 12px; background: #fff url('images/bg-contenido.png') repeat-x top left; color: #555555;}
.oculto {display: none;}
.clear {clear: both;}

a img {border: none;}


#box {width: 960px; margin: 0 auto;}
#header {background: #000; height:150px;}
#contenido {float:right; padding: 25px 0 0; width:690px; border-left:1px solid #ccc; min-height: 750px;}

.mas {background: url(images/mas.png) no-repeat left center;}
a.mas {color: #333; text-decoration: none;}
a:hover.mas {color: #999;}
#nav {height: 33px; font-size:12px;}
#nav ul {float: right; background:#555555; padding:10px 8px 8px; }
#nav ul li {display: inline; padding: 0 51px;}
#nav ul li a, #nav ul li a:visited {text-decoration: none; color: #efefef; padding:8px;}
#nav ul li a:hover {color: #000; background: #ff9900;}
#logo {float: left; margin-left: 15px; margin-top:2px;}

#sidebar {float: left; width: 260px; padding: 0px; color: #76777A; margin-top: 25px;}
#sidebar h2 {border-bottom: 1px solid #ccc; padding-left: 10px;}
#sidebar p {margin: 10px 0 8px; line-height: 140%; padding: 0 13px 0 10px;}
#sidebar a {color: #FF9904; text-decoration: none; }
#sidebar .mas-am, .mas {padding-left: 20px;}
#sidebar .mas-am {background: url(images/mas-am.png) no-repeat left center;}
a.mas-am {margin-left: 10px;}
#sidebar a:hover {color: #333;}

ul.proyectos-recientes {margin: 5px 0; float: left;}
.proyectos-recientes li {list-style: none; padding: 0px 5px 0px; display: inline;}
.proyectos-recientes a img{border: 1px solid #999;}
.proyectos-recientes a:hover img{border: 1px solid #555;}

#sidebar .mas-am {background: url(images/mas-am.png) no-repeat left center;}

.home-portafolio, #blog {background: #efefef;}
.home-portafolio h2, #blog h2 {color: #fff; margin: 0px 0 5px; font-size: 18px; background: #999; padding: 5px 30px; float: left; width: 478px; font-weight: normal;}
h3.nombre-cliente {width: 95%;}
h3.nombre-cliente, #blog h4 {padding-top: 5px;}
h3.nombre-cliente a, #blog h4 { font-size: 20px; font-weight: normal; color: #555; text-decoration: none; font-family: arial, sans-serif;}
.home-portafolio h5, #blog h5 {text-align: right; font-size: 11px; margin: 0 0 20px; float: right; padding:12px 32px 6px 0; width:120px; background: #999; color: #fff; font-weight: normal;}
.portafolio-img {width: 550px; margin: 0 auto;}
.home-portafolio p, #blog p{ line-height: 160%; padding: 8px 15px 8px 0px;}
.home-portafolio ul { margin: 20px;}
.home-portafolio ul li {padding: 10px 0px;}
.imagen-home-cliente {float: left; width: 350px; }
.texto-home-cliente {float: right; width: 340px;}
.imagen-home {margin: 20px 30px !important;}

.proyecto {margin: 0 0 20px;}
.proyecto h2,.proyecto p,.proyecto .gallery {padding-left: 30px;}
.proyecto p {line-height: 160%; margin-top: 5px;}
.proyecto h3 {font-size: 17px; margin: 25px 0 10px; background: #efefef; padding: 8px 0 8px 30px; font-weight: normal;}
.proyecto ul {margin-left: 40px; list-style: none; padding: 5px;}
.proyecto ul li {padding: 4px 0;}


.mayor-informacion {margin: 20px 0 30px;}

#contenido blockquote {margin-left: 20px;}
#contenido blockquote ul li {display: inline;}
#contenido blockquote img {max-width: 150px; height: auto;}


#pag  {margin-left: 25px;}
#pag h2 {margin-bottom: 20px;}
#pag ul {margin: 10px 25px 30px;}
#pag ul li {padding: 5px;}

#area {background: #FFE08F; padding: 10px; margin: 10px 0 0;}
#area a{color: #CF7000; text-decoration: none;}
#area a:hover {color: #666; text-decoration: underline;}

#portafolio ul { float: left;  width: 12em;  margin: 0;  padding: 0; list-style: none; background:#efefef; float:left; list-style-image:none; list-style-position:outside; list-style-type:none; margin:10px 0 15px; padding: 10px 0 20px 40px; width:650px; }
#portafolio li {float: left; padding:3px 0; width:210px;} 
#portafolio ul li {list-style-image: url(images/bullet.png);}
#portafolio h2, #portafolio h3, #portafolio h4 {margin-left: 25px;}
#portafolio a {color: #FF7200; text-decoration: none;}
#portafolio a:hover {color: #333;}
#portafolio h3 {margin-top: 10px; float: left; width: 250px; padding-left: 20px; background: url(images/bullet.png) no-repeat left center; }


#noticias {margin-left: 25px;}
#noticias p {margin-top: 10px;}
#noticias h4 {margin-bottom: 20px;}
#noticias ul {margin-top: 15px; list-style: none;}
#noticias ul li {margin: 25px 0; min-height: 120px;}
#noticias ul li h3 a{color: #EFAC0E; text-decoration: none;}
#noticias ul li h3 a:hover {color: #666;}
#noticias ul li h4, #noticias h4 {font-weight: normal; font-size: 11px;}
#noticias h5 {margin-top: 20px;}
#noticias h5 a{color: #FF9904; text-decoration: none; background: url(images/mas.png) no-repeat left center; font-size: 12px; padding-left: 20px; margin: 20px 0;}
#noticias h5 a:hover {color: #666;}

.imagen-noticia {float: left; width: 100px; margin: 0 10px 30px 0; clear: left;}

#blog {padding-bottom: 20px; float: right;}
#blog h2 a{color: inherit; text-decoration: none;}
#blog h2 a:hover {color: #444;}
#blog img {padding-right: 15px;}

.gallery img {max-width: 80px; height: auto; border:1px solid #CFCFCF !important; }
.gallery a:hover img{border:none;}

.gallery-item { float:left; margin:0 !important; text-align:center; margin: 0 12px 12px 0 !important; width: 80px !important; }

#lista-comentarios p {padding: 0; margin: 0;}
ol#lista-comentarios {margin-left: 60px; }
.comentar {margin: 40px 0; border-top: 1px solid #999; padding-top: 20px;}

.meta-comentarios {font-size: 11px; background: #efefef; padding: 5px; margin-top: 20px; color: #777;}
.comment_text p{margin: 14px 0 !important;}


/* ALINEAMIENTO IMAGENES */
img.centered, .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto;}
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft { padding: 4px 4px 4px 0; margin: 0 7px 2px 0; display: inline;}
.alignright { float: right; }
.alignleft { float: left; }


#footer {width: 920px; margin: 0 auto; background: #ccc; padding: 20px 20px 5px; text-align: center; font-size: 11px; clear: both;}
.uvadesign {margin: 10px 0; color: #888;}
.uvadesign a {color: #555; text-decoration: none;}
.uvadesign a:hover {color: #fff;}