/*------------------------------------------
	general
-------------------------------------------*/
* {
	margin: 0px; padding: 0px;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size:14px;
    letter-spacing:1px;
}

html, body {
	position: relative;
	height: 100%;
	background: #111111;
	
}




h1, h2, h3, h4, p, li {
	margin-bottom: 5px;
}

h1, h2, h3, h4 {
	margin-top: 20px;
}

h1 {
	font-weight: bold;
	font-size: 1.5em;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #663333;
}

h2 {
	font-weight: bold;
	padding-top:7px;
	padding-bottom:7px;
	color:#663333;
}

h3 {
}

h4 {
	font-size: .9em;
}

a {
	color:#5C8059;
}

a img {
	border:0px;
}

p.texto {
	text-align: justify;
	text-indent: .5em;
}

.negrita {	font-weight: bold; }
.cursiva { font-style: italics; }

/*	centrado vertical portable - testeado en win(FF,IE5,IE6,IE7,O10,Ch1,S3), Linux(??), Mac(??) */
#distancia {
	float: left;					/* sino el container se va fuera cuando la ventana es mas chica */
	width: 1px;						/* esto arregla IE7...el resto ok con ancho 0... */
	height: 50%;
	margin-bottom: -350px;
}

#contenedor {
	position: relative;
	clear: left;
	width: 1024px; height: 616px;
	margin: 0 auto;
	background-image:url("imagenes/fondo.jpg");
	background-repeat:no-repeat;
	
}



/*
-----------
MENU
----------
*/


#menu{
	position:absolute;
	bottom:130px;
	left:20px;
	width:700px;
	height:25px;
}

.menuitem{
	position:absolute;
	top:110px;
	width:130px;
	height:25px;
	cursor:pointer;
}

#menuitem1{
	left:1px;
	background:url("imagenes/menu/menuitem1_off.jpg") no-repeat;

}

#menuitem1:hover{
	background:url("imagenes/menu/menuitem1_on.jpg") no-repeat;
}

#menuitem2{
	left:92px;
	background:url("imagenes/menu/menuitem2_off.jpg") no-repeat;
}

#menuitem2:hover{
	background:url("imagenes/menu/menuitem2_on.jpg") no-repeat;
}

#menuitem3{
	left:255px;
	background:url("imagenes/menu/menuitem3_off.jpg") no-repeat;

	
}

#menuitem3:hover{
	background:url("imagenes/menu/menuitem3_on.jpg") no-repeat;
}

#menuitem4{
	left:422px;
	top:96px;	
	background:url("imagenes/menu/menuitem4_off.jpg") no-repeat;
    height:50px;


}

#menuitem4:hover{
	background:url("imagenes/menu/menuitem4_on.jpg") no-repeat;
}

#menuitem5{
	background:url("imagenes/menu/menuitem5_off.jpg") no-repeat;
	left:566px;
    width:75px;
	
}

#menuitem5:hover{
	background:url("imagenes/menu/menuitem5_on.jpg") no-repeat;
}


#menuitem6{
	left:668px;
	
	background:url("imagenes/menu/menuitem6_off.jpg") no-repeat;
	
	
}

#menuitem6:hover{
	background:url("imagenes/menu/menuitem6_on.jpg") no-repeat;
}

#menuitem7{
	left:812px;
	background:url("imagenes/menu/menuitem7_off.jpg") no-repeat;
    width:70px;
	
}

#menuitem7:hover{
	background:url("imagenes/menu/menuitem7_on.jpg") no-repeat;
}



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

#contenido{
	position:absolute;
	top:240px;
	left:250px;
	right:120px;
	text-align:justify;

}

/*
-----------
secciones
-----------
*/

.secciones{
	position:absolute;
	width:600px;
	height:395px;
	
	}
	
#seccion1{
	height:420px;
	left:10px;
	top:-85px;
	background:url("imagenes/hoja1.png") no-repeat;

	}	
#seccion2{
	background:url("imagenes/hoja2.png") no-repeat;
	top:-60px;
	left:-18px;	
	}

#seccion3{
	top:-60px;
	left:110px;
	background:url("imagenes/hoja3.png") no-repeat;
	}
	
#seccion4{
	width:700px;
	background:url("imagenes/hoja4.png") no-repeat;
	top:-60px;
	left:-38px;
	
	}

	
/*
----------
Texto
----------
*/

.texto{
	
	position:absolute;
	top:100px;
	left:30px;
	right:70px;

}
#textoestudio{
top:20px;
left:15px;
right:15px;
}

#textoestudio ul{
list-style-type:none;
padding-top:5px;
}

#textoportfolio {
top:30px;
left:40px;
right:50px;
text-transform:uppercase;
font-weight:bold;
}


#textoportfolio ul{
list-style-type:square;
padding-top:5px;

}

#columna2{
position:absolute;
left:250px;
top:10px;
right:0px;

}

#textolinks li{
padding:4px;
list-style-type:none;
}

#textolinks li a{
    color:black;
    text-decoration:none;
    
}

#a{
position:absolute;
top:10px;
left:-220px;
z-index:5;
}

#a:hover{
	top:8px;
}


#b{
position:absolute;
top:-80px;
left:-120px;
z-index:3;
}

#b:hover{
	top:-78px;
}


#c{
position:absolute;
top:80px;
left:-150px;
z-index:4;
}

#c:hover{
	top:82px;
}

#d{
position:absolute;
top:-45px;
left:60px;
z-index:2;
}

#d:hover{

	top:-42px;
}

#e{
position:absolute;
top:-45px;
left:235px;
z-index:8;
}

#e:hover{

	top:-42px;
}

#f{
position:absolute;
top:70px;
left:30px;
z-index:3;
}

#f:hover{

	top:68px;
}

#g{
position:absolute;
top:100px;
left:200px;
z-index:4;
}

#g:hover{

	top:102px;
}

#h{
position:absolute;
top:-220px;
left:190px;
z-index:5;
}

#h:hover{

	top:-222px;
}

#i{
position:absolute;
top:-70px;
left:410px;
z-index:3;
}

#i:hover{

	top:-72px;
}


#j{
position:absolute;
top:20px;
left:550px;
z-index:3;
}

#j:hover{

	top:22px;
}

#k{
position:absolute;
top:70px;
left:350px;
z-index:3;
}

#k:hover{

	top:72px;
}

#l{
position:absolute;
top:-240px;
left:350px;
z-index:3;
}

#l:hover{

	top:-242px;
}
#ll{
position:absolute;
top:-230px;
left:465px;
z-index:2;
}

#ll:hover{

	top:-232px;
}

#m{
position:absolute;
top:-200px;
left:560px;
z-index:5;
}

#m:hover{

	top:-202px;
}
/*****************************************************************
	PAGINA DE CONTACTO
*****************************************************************/

#telefonos {
	position: absolute;
	top: 300px; left: -80px;
	font: bold 16px/1em "Verdana" sans-serif;
	width:650px;
	border-top:1px solid #663333;
	padding-top:10px;
}

#formulario form {
	position: absolute;
	top:53px; left: 7px;
 	width: 300px; height: 220px;
 	padding: 10px;
 	font: bold 20px/1em "Verdana" sans-serif;
}

#formulario form div label {
	display: block;
	margin: 5px;
	width: 100 px;
	font-size: 15px;
	text-align: left;
	color:black;
	float: left;
	padding: 4px;
}

#formulario form  div {
	clear: both;
}

#formulario form div input {
	margin: 3px;
	padding: 4px;
	background-color:#CCCCCC;
	width:150px;
	height:20px;
	float:right;
}

#formulario form div textarea {
	margin: 2px;
	background-color:#CCCCCC;
	width:205px;
	float:right;
}


#formulario form input#enviar {
	position: relative;
	width: 30%;
	left: 35%;
	top: 18px;
	padding: 0px;
	font-size: 15px;
	border: 2px solid black;
	cursor: pointer;
}