/**
 * Project : leomartin.org
 * File    : estilo.css
 * Version : 2.0
 * 
 * Leonardo Martín Abad
 *
 * Style sheet for leomartin.org
 *
 */

/* RESET ------------------------- */

* {margin: 0; padding: 0;}
img {border: none;}
p, h1, h2, h3, h4, h5, h6 {font-weight: normal; font-style:normal;}

/* GENERAL STYLES -----------------*/

a {text-decoration: none; background: inherit; color: #cc0000;}
a:hover {text-decoration: underline;}
p {font-size: 13px;}
h1 {font-size: 26px;}
h2 {font-size: 22px;}
h3 {font-size: 17px;}
h4 {font-size: 15px;}

/* MAIN STYLES ------------------- */

body {
	font-size: 13px; 
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	text-align: center;	background-color: #111111; color: #FFFFFF;
}     

#site {
	width: 920px; background-color: #FFFFFF; color: #111111;
	margin: 0 auto 0 auto; text-align: left; 
}

#header {background-color: transparent; color: #111111;
	height: 150px; width: 920px;
	background: url("../resources/img/background.png") no-repeat top right;
}
#header a {text-decoration: none; background: inherit; color: #FFFFFF;}

#titleContainer {}
#titleContainer h1 {height: 100px; width: 400px;
	background: url("../resources/img/leomartinorg.png") no-repeat top left;}
#titleContainer h1 span {display: none;}

#menuContainer {
	text-align: center; width: 920px; padding-left: 40px;
	background-color: transparent; color: #BBBBBB;
}
#menuContainer ul {list-style-type: none;}
#menuContainer li {float: left;} 
#menuContainer li a { 
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	margin: 0px 2px 0px 2px; padding: 0px;
	height: 30px; width: 100px; display: block;
	text-decoration: none; text-transform: uppercase;
	color: #111111; background: inherit; font-weight: normal;
}
#menuContainer li a:hover {color: #111111; background-color: #FFFFFF;
	background: url("../resources/img/menuBackground.png") no-repeat bottom left;}

#languageSelect {padding: 0px; margin: 0px 20px 0px 0px;
	text-align: right; background-color: transparent; color: #111111;}


#container {background: transparent; color: #111111; width: 822px;
	margin: 10px 48px 50px 50px;
}
#container a {text-decoration: none; background: transparent; color: #cc0000;}
#container a:hover {text-decoration: underline;}

#container .title {border-bottom: 1px solid #111111; margin: 10px 0px 10px 0px;}
#container h2, #container h3 {margin: 20px;}
#container h4, #container ul, #container p {margin: 20px 40px 20px 20px;}
#container li {margin-left: 20px;}

/* index ------------------------- */

#leftContainer {float: left; width: 500px; border-left: 1px solid #111111;
	border-top: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; }
#leftContainer p {margin: 0px;}	
#leftContainer .foto {height: 333px;}
#leftContainer .pieFoto {height: 22px; margin: 0px; padding: 4px 5px 0px 5px;
	background-color: #111111; color: #F5EFEF;}

#rightContainer {float: left; width: 320px; 
	border-top: 1px solid #DDDDDD; 
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;}
#rightContainer p {height: 89px; font-size: 14px; margin: 0px;
	border-bottom: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD;}	
#rightContainer p:hover {
	background: url("../resources/img/submenuHover.png") no-repeat top left;}	
#rightContainer img {vertical-align: middle;}
#rightContainer a {height: 59px; padding: 20px 10px 10px 30px;
	background: transparent; color: #111111; display: block;}
#rightContainer a:hover {text-decoration: none;}

/* blog ------------------------- */

#blogLeftContainer {float: left; width: 250px;}
#blogLeftContainer p {margin: 0px;}	
#blogLeftContainer .allTags	{text-transform:capitalize;
	padding: 0px 10px 10px 10px; list-style-type: circle;
}
#blogLeftContainer .allTags li {margin: 2px 0px 2px 0px;}
#blogLeftContainer .pages {margin: 10px;}
#blogLeftContainer .pages img {vertical-align: middle;}

#blogRightContainer {float: left; width: 570px;}
#blogRightContainer p,#blogRightContainer h2 {margin: 10px;}		

.pieceNews {margin: 0px 0px 30px 10px; padding: 5px;}
.pieceNews .date {text-align: right; padding-bottom: 15px;}
.pieceNews .date img {vertical-align: bottom;}
.pieceNews .indent {text-indent: 30px; margin: 5px;}
.pieceNews .tags {border-top: 1px dotted #111111;
	padding-top: 10px; padding-left: 30px;text-transform:capitalize;}
	
/* Contact ---------------------- */

.formContacto {margin: 0px 40px 0px 40px;}
.formContacto .correcto {background: inherit; color: #2A9B17;}
.formContacto .incorrecto {background: inherit; color: #BC3501;}
.formContacto span {padding-left: 10px; font-weight: bold;}
.formContacto .options {text-align: center;}
.formContacto .inputTexto, .formContacto .textArea {
	border: 1px solid #333333;
	background: #FFFFFF; color: #333333;
}
 .formContacto .inputBoton {
	border: 1px solid #333333; padding: 2px;
	background: #ffffff; color: #333333;
}

/* Briefcase -------------------- */

#briefcaseLeftContainer {float: left; width: 250px;}
#briefcaseLeftContainer p {margin: 10px 0px 20px 0px;}	
#briefcaseLeftContainer .pages {margin: 0px 0px 20px 0px;}
#briefcaseLeftContainer .pages img {vertical-align: middle;}
#briefcaseLeftContainer .briefcaseProjects img {
	border: 1px solid #111111; margin: 0px 10px 0px 0px;}
#briefcaseLeftContainer	.nav {font-size: 90%;}
#briefcaseLeftContainer .info {font-size: 90%; padding: 0px 40px 0px 10px;}

#briefcaseRightContainer {float: left; width: 570px;}
#briefcaseRightContainer #project span {background: transparent; color: #cc0000;}
#briefcaseRightContainer #project img {border: 1px solid #111111;}

#briefcaseRightContainer #albums {}
#briefcaseRightContainer .pages {margin: 10px 0px 10px 0px; text-align: center;}
#briefcaseRightContainer .pages img {vertical-align: middle;}
#briefcaseRightContainer .album {margin-top: 10px; margin-bottom: 20px; }
#briefcaseRightContainer .album p {margin: 0px;}
#briefcaseRightContainer .album .albumLeft {float: left; width: 181px;}
#briefcaseRightContainer .album .albumRight {float: left; width: 369px; padding-top: 30px;}
#briefcaseRightContainer .album .albumRight p,
#briefcaseRightContainer .album .albumRight h4 {margin: 10px;}
#briefcaseRightContainer .album .photos {
	float: left; margin: 10px; padding: 0px; text-align: center;
	width: 170px; height: 170px; 
	background: url("../resources/img/photoBackground.png") no-repeat top left;}
#briefcaseRightContainer .album .photos a {display: block; width: 170px; height: 170px; }	
#briefcaseRightContainer .album .photos .photoH {padding: 35px 0px 0px 0px;}
#briefcaseRightContainer .album .photos .photoV {padding: 10px 0px 0px 0px;}
#briefcaseRightContainer .album .photos .photoC {padding: 10px 0px 0px 10px;}

#briefcaseRightContainer .showPhoto {text-align: center;}

/* foot ------------------------- */

#foot {background-color: transparent; color: #111111;
	width: 920px; padding-top: 10px;
	border-top: 1px solid #111111;}
#foot a {text-decoration: none; background: inherit; color: #cc0000;}
#foot a:hover {text-decoration: underline;}
#foot p, #foot h3 {text-align: center; padding: 3px;}

#errorContainer {
	border: 1px solid #cc0000; margin: 20px 20px 0px 20px; padding: 20px;
	background-color: transparent; color: #111111;}

.clear {clear:both;display:block;}