/* 
Theme Name: UvaDesign.com
Theme URL: http://www.uvadesign.com/
Description:
Author: Cristian Rebolledo
Author URI: http://www.uvadesign.com	
Version: 5.0
*/

/* GENERAL */
* {margin:0;padding:0;}
body {background: #ffffff; font-family: Lucida Sans Unicode, Lucida Grande, Arial, Sans-serif; font-size: 11px; color: #666; line-height: 180%;}
a img {border: none;}
a { text-decoration: none; color: #b01c2e;}
a:hover { text-decoration: underline;}
.oculto {display: none;}
.clear {clear: both;}
strong sup {font-weight: normal;}
h1, h3, h4, h5, h6 {font-weight: normal;}
strong {color: #555;}

/* LAYOUT */
#box {background: #fff; width: 960px; margin: 0 auto;}
#header {margin:0; width: 940px;}
#logo {float: left; width: 250px; margin: 20px 10px;}
#contenido {width: 960px; clear: both;}

/* menu */
#menu {float: right; margin-top: 50px;}
#menu ul li{ display: inline; padding: 20px 15px;}
#menu ul li a, #menu ul li a:visited{ color: #666; text-transform: lowercase; font-size: 14px;}
#menu ul li a:hover {color: #222; text-decoration: none;}

/* ultimos proyectos */
#ultimos-proyectos {margin-top: 20px;}
#ultimos-proyectos .titulo-png {border-bottom: 1px solid #b9b9b9; width: 940px;}
.proyecto, .blog {float:left; margin-right:17px; width:300px;}
.proyecto h2, .blog h2 {font-family: Arial, Sans-serif; letter-spacing: -1px; font-size: 16px; margin: 10px 0; height: 20px; padding: 0 5px;}
.blog h2 {height: 40px !important; line-height: 20px;}
.proyecto { min-height: 380px;}
.proyecto h2 a, .proyecto h2 a:visited, .blog h2 a, .blog h2 a:visited {color: #555;}
.proyecto h2 a:hover, .blog h2 a:hover {color: #b01c2e; text-decoration: none;}
.proyecto p, .blog p {line-height: 160%; padding: 0 5px;}
.img-proyecto-home {background: url(images/bg-images-proyectos.png) no-repeat center center; padding: 5px;}

.extracto-proyecto {height: 100px;}
a.texto-completo {display:block; height:30px; margin:10px 5px 20px; text-align: right; }


/* PAGINA */

#pagina {width: 600px; float: left; }
#pagina h2 {font-family: Arial, Sans-serif; letter-spacing: -1px; font-weight: normal; font-size: 22px; margin: 10px 0 20px; height: 15px; padding: 0 0 12px; border-bottom: 1px solid #b9b9b9;}
#pagina h3 {font-size: 16px; margin: 10px 0; letter-spacing: -1px; background: #F5F5F5; padding: 10px;}
#pagina ol, #pagina ul, #sidebar-interior ol, #sidebar-interior ul {margin-left: 40px;}
#pagina li {margin: 5px 0;}
#pagina ul li, #sidebar-interior ul li {list-style-image: url(images/bullet-uvadesign.png);}

/* BLOG */
#pagina .post h2 {font-size: 16px; letter-spacing: 0; margin: 0; border: none; padding: 5px;}
#pagina .post h4 {font-weight: normal; font-size: 10px; color: #999; margin: 0; background: #fbfbfb; border-bottom: 1px dotted #b9b9b9; margin-bottom: 12px; padding: 2px 5px;}
.post {margin-bottom: 25px;}
.miniatura-post-blog {float: left; padding:4px 5px; width:100px; margin: 0 10px 10px 0; background: url(images/bg-imagen-post-blog.png) no-repeat;}
.resumen-post-blog {float: right; width: 480px;}
.nav-post-blog ol {margin: 0 !important; text-align: center;}
.rss {text-align: center; margin: 5px 0 25px;}
input#s {width: 208px;}
input#searchsubmit {border: 1px solid #A0A0A0; font-size: 11px; padding: 2px 5px 1px; color: #666;}
#tags-blog ul {margin: 0;}

.post-interior p {font-size: 12px;}
.post-interior h2 {margin-bottom: 0 !important;}
.post-interior h4 {font-weight: normal; font-size: 10px; color: #999; margin: 0 0 10px 0;}

.back-blog {margin-top: -20px; margin-bottom: 15px; padding-left: 2px; text-align: right;}

.nav-post-blog ol li a {background: #B01C2E; color: #fff;}
.nav-post-blog ol li .current {background: #999;}

/* PROYECTOS */
p.declaracion {font-size: 10px; color: #777;} 
h2.titulo-post-proyectos {background: #e5e5e5; border-bottom: 1px dotted #b9b9b9; margin-bottom: 10px !important; padding: 5px 5px 11px !important;}

.miniatura-post-proyectos {float: left; width: 310px;  background: url(images/bg-images-proyectos.png) no-repeat; height:160px; padding:4px 5px;}
.resumen-post-proyectos {float: right; width: 270px;}

h4.contactenos {font-size: 11px; color: #555; border-top: 1px solid #b9b9b9; text-align: right;}
#mensaje {width: 96%; margin-bottom: 15px;}
.nojobs {color: #B01C2E; background: #FFFABF; border: 1px solid #FFE87F; padding: 5px 10px;}


/* SIDEBAR*/
#sidebar {float: left;}
#sidebar-interior {float: right; width: 270px; margin: 40px 18px 10px; background: #fbfbfb; padding: 23px 20px 10px; border-left: 1px solid #eee;}
#sidebar-interior h2 {font-weight: normal; border-bottom: 1px dotted #b9b9b9; padding: 0 0 3px; margin-bottom: 10px; letter-spacing: -1px; font-size: 14px;}

.proyectos ul li {padding-bottom: 10px;}


/* FOOTER */
#twitter {width: 780px; background: url(images/twitteamos.jpg) no-repeat; padding:11px 0 15px 160px; clear: both; margin: 40px 0; color: #005065;}
#footer .direccion {float: left; width: 300px;}
.direccion h3 {color: #B01C2E; font-size: 13px;}
#footer .contactos {float: left; width: 300px; margin: 15px 20px;}
.redes-sociales {float: right; width: 300px; margin: 9px 0 25px; }
.redes-sociales ul li {display: inline; list-style: none; padding: 0 10px; margin-top: 20px;}

#fin-footer {clear: both; border-top: 1px solid #b9b9b9; text-align: center; font-size: 10px; padding: 5px 0; margin-top: 20px;}


/* ALINEAMIENTO IMAGENES */

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}

/* Easy Slider */

#slider {clear: both;}
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:940px;
		height:251px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		z-index:1000;
		}	
	
		
	/* numeric controls */	

	ol#controls{
		margin: 10px 0 20px;
		padding:0;
		height:20px;	
float: right;
font-size: 10px;
		}
	ol#controls li{
		margin:0 0px 0px 5px; 
		padding:0;
		float:left;
		list-style:none;
		height:15px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:16px;
		line-height:16px;
		border:1px solid #ccc;
		background:#efefef;
		color:#555;
		padding:0 5px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#B01C2E;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */