/*
	Autor: Pia Cucher
	piacucher@gmail.com
	http://piacucher.com.ar
	para Seba Farias
	
*/

/* SETUP */
* {margin:0; padding:0;}
html {overflow-y:scroll;}

body {
	font: 62.5% Verdana, Geneva, sans-serif;
	background:url(img/bg.jpg) top left repeat;
}

ul { list-style: none inside;}
p { font-size:12px; line-height: 1.2em; margin-bottom: 1.2em; color:#fff;}
a {outline: none;
text-decoration:none;}
a img { border: none; }

h1 {font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:100;
}

h2 {font-family:Arial, Helvetica, sans-serif;
	color:#401D05;
	font-size:18px;
	}
h3 { font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:100;
	text-decoration:none;
	color:#FFF;	
}
h4 { font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:300;
	text-decoration:none;
	color:#401D05;
}
/* END SETUP */

/* TOOLBOX*/
.floatleft {float:left;}
.floatright {float:right;}
.clear {clear:both;}
/*END TOOLBOX*/

/*STRUCTURE AND STUFF*/
#page-wrap {
	width:854px;
	margin: 0 auto;
}
	
	#header {
		width:854px;
		height:243px;
		float:left;
		background:url(img/bg_header.jpg) no-repeat;
	}
	#botonera {
		width:596px;
		height:120px;
		float:left;
		background:url(img/bg_botonera.jpg) no-repeat;
		padding-left:258px;
	}
	#extra {
	width:784px;
	float:left;
	background:url(img/bg_largo.jpg) repeat-y;
	padding-left:70px;
	}
	#titulo {
		background:url(img/dibujos-titulo.png) no-repeat;
		height:35px;
	}
	#main {
		width:854px;
		height:624px;
		float:left;
		background:url(img/bg_end.jpg) no-repeat;
	}
	#homecont {
		width:794px;
		height:624px;
		padding-left:70px;
		float:left;
	}
	#portfcont {
		width:724px;
		height:624px;
		padding-left:130px;
		float:left;
	}
	#dibucont {
		width:794px;
		height:624px;
		padding-left:60px;
		float:left;
	}
	
	#footer {
		width:854px;
		float:left;
	}
	
/*END STRUCTURE AND STUFF*/
	
/*BOTONERA*/
ul#nav {
	}
	ul#nav li {
	}
	ul#nav li a {
		float: left;
		height: 91px;
		display: inline;
		float: left;
		display: block;
		height: 91px;
		font-family:Century Gothic, Arial, Helvetica, sans-serif;
		color:#fae0cf;
		text-decoration:none;
		font-size:19px;
		line-height:80px;
		text-align:center;
	}
	ul#nav li.home a {
		background:url(img/btn_home.png) bottom center no-repeat;
		width:109px;
	}
	ul#nav li.portfolio a {
		background:url(img/btn_portfolio.png) bottom center no-repeat;
		width:112px;
	}
	ul#nav li.dibujos a {
		background:url(img/btn_dibujos.png) bottom center no-repeat;
		width:99px;
	}
	ul#nav li.eventos a {
		background:url(img/btn_eventos.png) bottom center no-repeat;
		width:106px;
	}
	ul#nav li.contacto a {
		background:url(img/btn_contacto.png) bottom center no-repeat;
		width:117px;
	}
	ul#nav li a:hover {
	background-position: center center;
	}
	
	body#home ul#nav li.home a,
	body#portfolio ul#nav li.portfolio a,
	body#dibujos ul#nav li.dibujos a,
	body#eventos ul#nav li.eventos a,
	body#contacto ul#nav li.contacto a,
	body#prensa ul#nav li.prensa a,
	body#noticias ul#nav li.noticias a
	{
		background-position: top center;
	}
	
/*END BOTONERA*/

/*BOTONERA PORTFOLIO*/
ul#nav-portfolio {
	}
	ul#nav-portfolio li {
	}
	ul#nav-portfolio li a {
		float: left;
		height: 362px;
		width:200px;
		display: inline;
		float: left;
		display: block;
		text-indent:-9999px;
	}
	ul#nav-portfolio li.btn_lg7 a {
		background:url(img/portfolio/btn_lg7.png) no-repeat;
	}
	ul#nav-portfolio li.btn_wsk a {
		background:url(img/portfolio/btn_wsk.png) no-repeat;
	}
	ul#nav-portfolio li.btn_varios a {
		background:url(img/portfolio/btn_varios.png) no-repeat;
	}
/*END BOTONERA PORTFOLIO*/

/*BOTONERA DIBUJOS*/
ul#nav-dibujos {
	}
	ul#nav-dibujos li {
	}
	ul#nav-dibujos li a {
		float:left;
		height:362px;
		width:185px;
		display:inline;
		display: block;
		text-indent:-9999px;
	}
	ul#nav-dibujos li.btn_lg7d a {
		background:url(img/dibujos/btn_lg7.png) no-repeat;
	}
	ul#nav-dibujos li.btn_futbol a {
		background:url(img/dibujos/btn_futbol.png) no-repeat;
	}
	ul#nav-dibujos li.btn_clawns a {
		background:url(img/dibujos/btn_clawns.png) no-repeat;
	}
	ul#nav-dibujos li.btn_variado a {
		background:url(img/dibujos/btn_variado.png) no-repeat;
	}
	
	
#fondo-controles {
	padding-right:62px;}

/*END BOTONERA DIBUJOS*/

/*SLIDE*/


*{outline: none;}
img {border: 0;}
.container {
	width: 790px;
	padding: 0;
	margin: 0 auto;
}
.folio_block {
	margin-top:12px;
}


/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
	padding-left:80px;
}

.image_reel {
	position: relative;
	top: 1px;
	left: 1px;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	top: 10px; right: -7px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background:url(numero.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	font-family:Helvetica, sans-serif, Arial; 
	color: #300;
	font-weight:bold;
}
.paging a.active {
	font-weight: bold; 
	background: #fff; 
	border: 1px solid #ccc;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}


/*----CONTACTO---*/	

ul#cont {
	}
	ul#cont li {
	}
	ul#cont li a {
		float:left;
		height:73px;
		display:inline;
		display: block;
		text-indent:-9999px;
	}
	ul#cont li.blogcont a {
		background:url(img/contacto/01-blog.png) no-repeat;
		width:73px;
	}
	ul#cont li.kalcont a {
		background:url(img/contacto/02-kalavera.png) no-repeat;
		width:76px;
	}
	ul#cont li.lg7cont a {
		background:url(img/contacto/03-lg7.png) no-repeat;
		width:80px;
	}
	ul#cont li.piacont a {
		background:url(img/contacto/04-pia.png) no-repeat;
		width:57px;
	}
	ul#cont li.flickrcont a {
		background:url(img/contacto/05-flickr.png) no-repeat;
		width:67px;
	}

/*----HOME---*/	
	#main-content {
		width:440px;
		float:left;
		height: 550px;
	}
	#sidebar {
		width: 310px;
		height: 450px;
		float:right;
		padding-right:25px;
		background:url(img/home/01.png) no-repeat;
	}
