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

body {
	background: #CCCCCC url(../imgs/interfaz/fondo_esq_inf_der.jpg) bottom left no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
}

#fondo_sup{
	background:#CCCCCC url(../imgs/interfaz/fondo_head.jpg) repeat-x;
	width:100%;
}


#contenedor{
	width:955px;
	min-height:400px;
	height:auto;
	margin:0px;
	clear:both;
}

#left{
	width:346px;
	height:217px;
	background:url(../imgs/interfaz/fondo_left.jpg) no-repeat;
	float:left;
	padding:83px 0px 0px 0px;
}

#centro{
	width:414px;
	min-height:300px;
	float:left;
}

#right{
	width:175px;
	background:url(../imgs/interfaz/fondo_right.jpg) no-repeat;
	float:left;
	padding:315px 15px 0px 5px;
}


/* ------------------------------------- LOGO Y VINCULO HACIA EL HOME ------------------------------ */

#logo{
	width:346px;
	height:75px;
	display:block;
}



/* ------------------------------------- HEAD ------------------------------ */

#head{
	width:394px;
	height:170px;
	display:block;
	background:url(../imgs/interfaz/head.jpg) no-repeat;
	padding:81px 0px 0px 0px;
}

#botones{
	width:385px;
	height:79px;
	display:block;
}

#botones li{
	list-style-type:none;
	display:inline;
}

#botones a, .btn_contacto, .btn_bio, .btn_demo, .btn_work{
	height:79px;
	display:block;
	float:left;
}

.btn_contacto{
	width:115px;
	background:url(../imgs/botones/btn_contacto.jpg) no-repeat;
}

.btn_bio{
	width:57px;
	background:url(../imgs/botones/btn_bio.jpg) no-repeat;
}

.btn_demo{
	width:132px;
	background:url(../imgs/botones/btn_demo.jpg) no-repeat;
}

.btn_work{
	width:79px;
	background:url(../imgs/botones/btn_work.jpg) no-repeat;
}

#botones a:hover.btn_contacto{
	width:115px;
	background:url(../imgs/botones/btn_contacto_o.jpg) no-repeat;
}

#botones a:hover.btn_bio{
	width:57px;
	background:url(../imgs/botones/btn_bio_o.jpg) no-repeat;
}

#botones a:hover.btn_demo{
	width:132px;
	background:url(../imgs/botones/btn_demo_o.jpg) no-repeat;
}

#botones a:hover.btn_work{
	width:79px;
	background:url(../imgs/botones/btn_work_o.jpg) no-repeat;
}


.btn_contacto_a, .btn_bio_a, .btn_demo_a, .btn_work_a{
	height:79px;
	display:block;
	float:left;
}

.btn_contacto_a{
	width:115px;
	background:url(../imgs/botones/btn_contacto_a.jpg) no-repeat;
}

.btn_bio_a{
	width:57px;
	background:url(../imgs/botones/btn_bio_a.jpg) no-repeat;
}

.btn_demo_a{
	width:132px;
	background:url(../imgs/botones/btn_demo_a.jpg) no-repeat;
}

.btn_work_a{
	width:79px;
	background:url(../imgs/botones/btn_work_a.jpg) no-repeat;
}


.invisible{
	display:none;
}

.color_negro{
	color:#000000;
}


/* ROTULO DE CADA SECCION */

#rotulo{
	width:310px;
	height:35px;
	display:block;
	margin:46px 0px 0px 72px;
}

.rot_bienveidos{
	background:url(../imgs/rotulos/bienvenidos.jpg) no-repeat;
}

.rot_contacto{
	background:url(../imgs/rotulos/contacto.jpg) no-repeat;
}

.rot_bio{
	background:url(../imgs/rotulos/bio.jpg) no-repeat;
}

.rot_demo{
	background:url(../imgs/rotulos/demoreel.jpg) no-repeat;
}

.rot_work{
	background:url(../imgs/rotulos/work.jpg) no-repeat;
}






/* ------------------------------------- CONTENIDO ------------------------------ */


#contenido{
	width:285px;
	min-height:250px;
	display:block;
	background:url(../imgs/interfaz/fondo_contenido.jpg) repeat-y;
	padding:20px 40px 0px 65px;
	margin:0px 0px 0px 0px;
}

h1{
	display:none;
}

h2{
	font:24px Georgia, "Times New Roman", Times, serif;
	color:#FFFFFF;
	font-weight:bold;
	font-style:italic;
}

h3{
	font:16px Georgia, "Times New Roman", Times, serif;
	color:#FFFFFF;
	font-weight:bold;
	font-style:italic;
	border-bottom: 1px solid #FFFFFF;
}

#contenido p{
	font: 12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}


/* formulario de contacto */

.contacto_nombre_campo{
	height:17px;
	background:#330000;
	padding:5px;
	text-align:center;
	font: 12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
}

.contacto_campo{
	text-align:left;
	font: 12px Arial, Helvetica, sans-serif;
	color:#000000;
}

.contacto_select_contacto{
	width:180px;
	font:12px Arial, Helvetica, sans-serif;
	padding:5px 0px 5px 2px;
	border: 1px solid #330000;
}

.contacto_input_contacto{
	width:180px;
	font:12px Arial, Helvetica, sans-serif;
	padding:5px 0px 5px 2px;
	border: 1px solid #330000;
}

.contacto_btn{
	background:#FF0033;
	border:3px solid #FFFFFF;
	font:12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	padding:0px;
	margin:0px 3px 0px 0px;
}

/* bio */

.btn_pdf{
	width:100px;
	height:47px;
	display:block;
	background:url(../imgs/botones/btn_pdf.jpg) no-repeat;
	float:right;
}


/* --------------------------- WORK ---------------------*/

#work_menu{
	height:43px;
	display:block;
	clear:both;
	margin:0px 0px 0px 0px;
	padding:10px 0px 10px 0px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
}

.work_categoria{
	display:inline;
	font:12px Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;
	color:#FFFFFF;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:43px;
	text-decoration:none;
}

.work_cat_izq{
	width:6px;
	height:43px;
	display:block;
	background:url(../imgs/work/btn_izq.jpg) no-repeat;
	float:left;
}

.work_cat_der{
	width:6px;
	height:43px;
	display:block;
	background:url(../imgs/work/btn_der.jpg) no-repeat;
	float:left;
}

.work_cat_centro{
	height:43px;
	padding:0px 4px 0px 4px;
	background:url(../imgs/work/btn_fondo.jpg) repeat-x;
	float:left;
}


.work_sin_lista{
	height:43px;
	list-style-type:none;
	display:inline;
}

.work_txt{
	width:342px;
	display:block;
	margin:0px 0px 0px 15px;
	clear: both;
}

.work_txt p{
	font: 12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	clear:both;
}

.work_img_grande{
	width:342px;
	height:256px;
	display:block;
	margin:0px 0px 0px 0px;
	border:1px solid #FFFFFF;
	background:url(../imgs/work/fondo_muestra.jpg) no-repeat;
	clear:both;
}

.work_mnu_thumbs{
	width:342px;
	display:block;
	margin:0px 0px 0px 0px;
	clear:both;
}

.work_thumbnail{
	width:60px;
	height:28px;
	display:block;
	float:left;
	border:1px solid #FFFFFF;
	border-left:2px solid #FFFFFF;
	margin:10px 10px 0px 0px;
}




/* ------------------------------------- COLUMNA DE LA DERECHA ------------------------------ */

#right p{
	font: 12px Arial, Helvetica, sans-serif;
	color:#000000;
}



/* ------------------------------------- FOOT ------------------------------ */


#foot{
	width:360px;
	height:31px;
	display:block;
	background:url(../imgs/interfaz/fondo_foot.jpg) no-repeat;
	padding:30px 0px 0px 30px;
	margin:0px 0px 0px 0px;
}