/* 	
*	Hoja de estilos para la administracion de carlostallon.com 
*	Autor: Carlos Tallón Rodríguez // http://www.carlostallon.com
*	Fecha: 08/11/06
*/

/* 	
*	Estilos por defecto
*/

/*	COLORES
	background: 
	texto oscuro #48505B;
	texto claro #A8A8A8
*/



* {
	margin:0px;
	padding:0px;	
}

body {
	font:11px/15px "Helvetica Neue", "Lucida Grande", Tahoma, Helvetica;
	background: #32373D;
	color: #D5D5D5;
}

.hide {
	display: none;
}

h3 {
	border-bottom:1px solid;
	font-size:12px;
	font-weight:300;
	margin-bottom:6px;
	padding-bottom:2px;
	text-transform: uppercase;
}


#contenedor {
	margin: 0 auto;
	width: 940px;
	height: auto;
	padding: 10px;
	overflow: hidden;
	height: 1%;
}
#contenedor p {
	font-size: 12px;
}

#cabecera {
	margin: auto;
	width: 960px;
	height: auto;
}

	#cabecera img {margin: 80px 0;}

	header {
		padding: 70px 0;
		display: block;
		height: auto;
		clear: both;
	}
	
	nav { float: left; margin: 0 0 0 120px; width: auto; }
	nav li {
		float:left;
		margin: 0 40px 0 0;
		text-transform: uppercase;
		font-size: 11px;
		padding: 8px 0 0 0;
	}

	h1 {
		font: 20px/24px "Helvetica Neue","Lucida Grande",Lucida,Verdana,sans-serif;
		font-weight: 100;
		color: #d5d5d5;
		text-transform: uppercase; 
		float: left;
	}
	h1 span { font-weight: 300; }

	h2 {
		font: 38px/42px "Helvetica Neue","Lucida Grande",Lucida,Verdana,sans-serif;
		text-align: left;
		color: #a8a8a8;
		margin-bottom: 40px;
		font-weight: 200;
	}


	#footer {
		margin-top: 30px;
		border-top: 1px solid #a8a8a8;
		padding: 10px 0 0 0;
		display: none;
	}
		#footer p {
			font-size: 16px;
			color: #a8a8a8;
			font-weight: 400;
			float: right;
		}

		#base {
			position: fixed;
			background: url(../images/background.png) bottom;
			height: 180px;
			display: block;
			bottom: 0;
			width: auto;
		}
		
			#base p {
				position: relative;
				background: #32373d;
				display: block;
				bottom: 0;
				margin: auto;
				width: 960px;
				padding: 5px 20px;
				font-size: 12px;
				border-top: 1px solid #32373d;
				color: #FFF;
			}


		#skills {
			font-size: 11px;
			line-height: 18px;
			margin-right: -40px;
			margin-top: 60px;
			margin-bottom: 60px;
			/* background: #D5D5D5; */
		}
		#skills p {
			font-size: 17px;
			margin: 0 0 20px 0;
			color: #8A8A8A;
		}
		
		#skills div {
			width: 160px;
			display: inline-block;
			vertical-align: top;
			margin-right: 20px;
			color: #A8A8A8;
		}
			#skills div p {
				line-height: 17px;
				font-size: 11px;
			}
		#skills div.empty {
			width: 158px;
			color: #A8A8A8;
			background: red;
			height: 200px;
			border: 1px dashed red;
		}


#square {
	height: 62px;
	width: auto;
	display: block;
	background: red;
}

#base {
	height: 180px;
	width: 100%;
	display: block;
	position: fixed;
	bottom: 0;
	background: transparent url(../images/background.png) repeat-x bottom;
}

#cuerpo {
	margin: auto;
	width: 530px;
	height: auto;
	color: #7e7e7e;
	float: left;
	padding: 50px;

}

li {
	list-style: none;
}

a {
	text-decoration: none;
	color: #cfcfcf;
}
	a:hover { color: #FFF; }