/*
Theme Name: Galeria CSS Barcelona
Theme URI: http://www.cssbarcelona.com
Version: 2.0
Author: Juanjo Bernabeu
Author URI: http://es.linkedin.com/in/juanjobernabeu
Author Contact: juanjo@cssbarcelona.com
*/

*{
	margin:0px;
	padding:0px;
	text-decoration:none;
	outline:none;
}
body, p, h1, h2, h3, h4, h5, div, span, a, input, textarea, select, option, form {
	font: 10px Verdana,Arial, Sans-Serif; 	
	color: #000000; 
	margin: 0; 
	padding: 0;
	line-height: 14px;
}
img{border:0px;}
h1{
	font-size:11px;
	padding:6px;
	margin-bottom:10px;
	height:25px;
	font-weight:bold;
	padding-top:15px;
}
h2, h3, h5{
	font-size:10px;
	padding:6px;
	margin-bottom:10px;

}
h2{
	width:175px;
}
h3{
	border-bottom:#CCCCCC solid 1px;
	text-align:left;
	font-weight:bold;
	margin-top:25px;
}
h3 a{
	color:#000000;
	font-weight:bold;
}
h5{
	width:363px;
	margin-bottom:0px;
	background-image:none;
}
a{
	color:#666666;
	}
a:hover{
	color:#00DEFF;
}
ul{
	margin-left:15px;
	margin-bottom:25px;
	}
li{
	list-style:square;
}
.elseparador{
	width:90%;
	clear:both;
	}
#contenedor{
	width:840px;
	margin:auto;
	background-color:#FFFFFF;
}
.cabecera{
	width:840px;
	padding:0px;

}
.cabecera ul{
	width:240px;
	float:right;
	padding-top:7px;
	}
.cabecera li{
	list-style:none;
	display:inline;
	margin-right:0px;
	font-size:12px;
	font-weight:bolder;
}
.cabecera li a{
	padding:0px;
	font-weight:bold;
}
.cabecera li a:hover{
	font-weight:bold;
}
#menu-categorias{
	width:190px;
}
select option{
	padding-right:5px;
	width:164px;
	}
select{
	margin-bottom:5px;
}


/*---------------------------------CONTENIDO*/
.contenido{
	float:right;
	width:840px;
	overflow:hidden;
	}
.sitios-css{
	float:left;
	margin:5px;
	padding:5px;
	border:solid 1px #FFFFFF;
	background-color:#FFFFFF;
	width:250px;
	height:240px;
	overflow:hidden;
}
.sitios-css img{
	width:260px;
	height:135px;
	}
.imagen-galeria-css-barcelona{
	border:0px;
	}
.sitios-css p{
	margin-top:3px;
	}	
.paginacion{
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
}
.paginacion p{

}
.paginacion a{
	margin:3px;
	}
.paginacion b{
	padding:5px;
	 margin:3px;
	}
.paginacion li{
	list-style:none;
	display:block;
}
#informacionsite{
	float:right; width:550px;
}
/*--------------------------------PIE*/
.pie{
	width:840px;
	margin:auto;
	padding-top:5px;
	margin-top:5px;
}
.pie li{
	list-style:none;
	display:inline;
	margin:10px;
}
label{
	width:10em;
	display:block;
	float:left;
	margin-left:15px;
	}

.otras-galerias ul{
	margin:0px;
	padding:0px;
}
.otras-galerias li{
	margin:5px;
}

/*-------------------------FORMS*/
#addsite{
	padding:15px;
	background-color:#F2F2F2;
}
#addsite p{
	font-weight:bold;
}
input{
	border: 1px #999999 solid;
	background-color: #F2F2F2;
	padding-left: 0.5em;
	margin-bottom: 0.6em;
	padding:2px;
}
input:hover{
	background-color:#000000;
	color:#FFFFFF;
}
#button{
	background-color:#333333;
	color:#FFFFFF;
	margin-left:100px;
}
#recurso {
display: none;
}
#verrecursos{
display:block;
}

#search{text-align:center; border-bottom:#CCCCCC solid 1px; border-top:#CCCCCC solid 1px; padding:5px 0px 5px 0px;}

#empleo li{ 
display:list-item;
padding:7px;
}

.tricolumna{
width:260px;
height:405px;
margin:5px;
padding:5px;
float:left;
}
#contacta li{
 list-style:disc;
 display:list-item;
 }