/*
      Theme Name: Decoración Juani
      Theme URI: http://www.decoracionjuani.com
      Version: 1.0
      Author: Portales Andalucia
      Author URI: http://www.portalesandalucia.com
*/

/* FIXES */
*, html { 
	margin:0; 
	padding:0;
}
* {
	outline:none;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* END FIXES */
a {
	color:#888;
}
a:hover {
	color:#ff9900;
	text-decoration:none;
}
a img {
	border:0px;
}
body {
	background:#f2f6f9;
	font-size:0.8em;
	font-family: "Arial";
}
#top {
	background:url('imagenes/top-background.jpg') no-repeat;
	width:980px;
	height:35px;
	margin:0 auto;
}
#header {

}
#header h1 {
	width:427px;
	height:125px;
	background:url('imagenes/header.jpg') no-repeat;
	margin-left:38px;
}
html>body #header h1 {
	margin-left:23px;
}
#header h1 a {
	display:block;
	width:427px;
	height:125px;
	text-indent:-9999999px;
}
#header ul {
	margin-left:38px;
	width:412px;
	height:60px;
}
html>body #header ul {
	margin-left:23px;
	
}
#header ul li {
	width:70px;
	height:60px;
	float:left;
	list-style:none;	
}
#header ul li a {
	width:70px;
	height:60px;
	display:block;
	text-indent:-999999px;
}
#header ul li#uno {
	
}
#header ul li#uno a {
	background:url('imagenes/menu.jpg') 0px -60px no-repeat;
}
#header ul li#dos {}
#header ul li#dos a {
	background:url('imagenes/menu.jpg') -70px -60px no-repeat;
}
#header ul li#tres {}
#header ul li#tres a  {
	background:url('imagenes/menu.jpg') -140px -60px no-repeat;
}
#header ul li#cuatro {}
#header ul li#cuatro a {
	background:url('imagenes/menu.jpg') -210px -60px no-repeat;
}
#header ul li#cinco {
		width:60px;
}
#header ul li#cinco a {
		width:60px;
	background:url('imagenes/menu.jpg') -280px -60px no-repeat;
}
#header ul li#seis {
	width:72px;
}
#header ul li#seis a {
		width:72px;
	background:url('imagenes/menu.jpg') -340px -60px no-repeat;
}
#header ul li#uno a:hover {
	background:url('imagenes/menu.jpg') 0px 0px no-repeat;
}
#header ul li#dos a:hover {
	background:url('imagenes/menu.jpg') -70px 0px no-repeat;
}
#header ul li#tres a:hover  {
	background:url('imagenes/menu.jpg') -140px 0px no-repeat;
}
#header ul li#cuatro a:hover {
	background:url('imagenes/menu.jpg') -210px 0px no-repeat;
}
#header ul li#cinco a:hover {
	background:url('imagenes/menu.jpg') -280px 0px no-repeat;
}
#header ul li#seis a:hover {
	background:url('imagenes/menu.jpg') -340px 0px no-repeat;
}
#container {
	width:980px;
	background:url('imagenes/background.jpg') repeat-y;
	margin:0 auto;
	padding:0px 70px 0px 80px;	
	
}
html>body #container {
	width:830px;
}
	#content {
		float:right;
		width:460px;
	}
	#content #posts {
		float:right;
		color:#888;
	}
	#content #posts h2.title {
		height:44px;
		width:466px;
		margin-bottom:40px;
		font-size:2em;
		text-align:right;		
	}
	#content #posts h2.title a {
		color:#ff9900;
		text-decoration:none;
	}
	#content #posts h2#title-2 {
		background:url('imagenes/title01.jpg') no-repeat;
		text-indent:-9999999px;
		text-align:left;
	}
	#content #posts h2#title-7 {
		background:url('imagenes/title02.jpg') no-repeat;
		text-indent:-9999999px;
		text-align:left;
		
	}
	#content #posts h2#title-24 {
		background:url('imagenes/title03.jpg') no-repeat;
		text-indent:-9999999px;
		text-align:left;
		
	}
	#content #posts h2#title-14 {
		background:url('imagenes/title04.jpg') no-repeat;
		text-indent:-9999999px;
		text-align:left;
		
	}
	#content #posts h2#title-20 {
		background:url('imagenes/title05.jpg') no-repeat;
		text-indent:-9999999px;
		text-align:left;
	}
	#content #posts h2#title-3,#content #posts h2#title-4,#content #posts h2#title-5,#content #posts h2#title-6 {
		background:url('imagenes/title06.jpg') no-repeat;
		text-indent:-9999999px;
		text-align:left;
		
	}
	#content #posts p {
		margin:10px 0px;
	}
	#content #posts ul, #content #posts ol {
		margin:10px 30px;
	}
	#content #posts h1, #content #posts h2, #content #posts h3, #content #posts h4, #content #posts h5 {
		color:#ff9900;
	}
	#content #posts p.attachment {
		text-align:center;
	}
	#sidebar {
		float:left;
		width:368px;
		height:600px;
		z-index:-10;
	}
	#content-sidebar {
		margin-top:10px;
	}
	#content-sidebar h2 {
		background:url('imagenes/line.jpg') bottom no-repeat;
		color:#888;
		padding-left:5px;
		font-size:1.2em;
	}
	#content-sidebar ul {
		list-style:none;
		margin:10px;
		font-size:1.2em;
	}
		#content-sidebar ul li { 
			margin:5px 0px;
		}
	#content-sidebar .certificados {
		margin:10px;
		font-size:1.2em;
	}
	#content-sidebar p {
		margin:5px 0px;
	}
	#content-sidebar .donde {
		margin:10px;
		color:#444;
	}
#footer {
	background:url('imagenes/foot-background.jpg') no-repeat;
	width:980px;
	height:43px;
	margin:0 auto;
	font-size:0.8em;
	text-align:center;
}
#footer p {
	color:#888;
	padding-top:7px;
}
.gallery-item {
	border:15px solid transparent;
}
/* Pestañas promotoras */
ul.attachments {
	list-style:none;
}
ul.attachments li {
	float:left;
	margin:10px;
}

ul.attachments li a img {
	border:0px none transparent;
}
	
/* OBRAS */
div.obra {
	width:100px;
	height:130px;
	float:left;
	margin:10px 20px;
}
div.obra h3 {
	text-align:center;
	margin-bottom:5px;
}
div.obra h3 a {
	text-decoration:none;
}
.gallery-item {
float:left;
margin-top:10px;
text-align:center;
width:25%;
}