html,body {
	margin: 0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*font-size:12px;*/
	font-size:small;
	color: #ffffff;
	background-color:#000000;
	height:100%;
}


#portfolio {
width:100%;
margin:0 auto;
height:100%;
background:url(imagenes/fondo_portfolio.jpg) repeat-x;
}

#pagina {
width: 772px;
margin:0 auto;
}

#contenido {
background:url(imagenes/fondo_izq.jpg) repeat-y;
background-color: #FFFFFF;
width: 720px;
margin:0 auto;
float:left;
}

p{
line-height:18px;
}

h1{
margin:0;
padding:0;
}

h1 span{
display:none;
}

h2{
margin:0;
padding:0;
}

h2 span{
display:none;
}

dl {
padding-left:35px;
}

.letrachica {
font-size:x-small;
}

.letramediana {
font-size:smaller;
}

.letramediana p{
line-height:8px;
}

.letra {
color:#ffffff;
}

.letranaranja {
color:#de6901;
}

/*********************************************
Formulario de contacto
********************************************/

fieldset {
border: none;
padding:15px 0;
}
label {
float:left;
width: 100px;
display:block;
height:15px;
line-height:20px;
margin-bottom: 5px;
clear:left;
}
.input {
width:176px;
float:left;
height:15px;
margin-bottom: 5px;
border:solid 1px #000000;
color: #6b6b6b;
}
.input_req {
width:176px;
float:left;
height:17px;
margin-bottom: 5px;
border:solid 1px #000000;
color: #6b6b6b;
}
.input_coment {
clear: left;
width: 268px;
height: 100px;
margin:0px;
border:solid 1px #000000;
color: #6b6b6b;
}
.obligatorio {
float:left;
font-style:italic;
margin-top: -5px;
}
.botonenviar {
background:url(imagenes/btn_enviar.jpg) no-repeat center;
width:59px;
height:19px;
color:#FFFFFF;
font-weight:bold;
border:0px;
float:right;
margin-right:28px;
margin-top: -5px;
}

/*********************************************
Botonera
********************************************/

.botonera ol,ul {
	list-style: none;
	margin: 0;
	padding:0;
}

.botonera li span {
display:none;
}

.botonera li a {
display:block;
width:124px;
height:32px;
}

.botonera{
padding-top:15px;
width:499px;
height:32px;
}


/**************************************
Pie
**************************************/

.textopie_portfolio {
width:253px;
height:25px;
padding:10px 5px 0 0;
}

.textopie_portfolio li{
float:left;
padding:0 8px;
}

.textopie_portfolio ol,ul {
	list-style: none;
	margin: 0;
	padding:0;
}

/*******************************************
Portfolio
*******************************************/

.izq{
background:url(imagenes/left.jpg) no-repeat;
float:left;
width:26px;
height:485px;
}

.head {
background:url(imagenes/head.jpg) no-repeat;
width:720px;
height:193px;
}

.der{
background:url(imagenes/right.jpg) no-repeat;
width:26px;
height:485px;
float:left;
}

.izq_abajo{
width:300px;
margin-top:100px;
margin-left:10px;
}

.derecha {
padding:15px 24px;
width:380px;
height:670px;
float:left;
}

.izquierda {
width:291px;
float:left;
}

.fondoizq {
width:291px;
height:355px;
padding-top:10px;
}

.foot {
background:url(imagenes/foot.jpg) no-repeat #000000;
width:720px;
height:29px;
padding-bottom:15px;
float:left;
}

.categorias ol {
color:#ffffff;
line-height:15px;
margin-left:25px;
padding-left:25px;
}

.trabajos {
padding-top:20px;
width:378px;
height:119px;
color:#ffffff;
}

.descripcion_trabajo {
padding:102px 0 0 5px;
}

.detallestrabajos {
width: 380px;
border-bottom:solid #da0000 1px;
margin-top:20px;
padding-bottom:20px;
}

.previatrabajo{
width:244px;
height:184px;
margin:20px 0 0 20px;
}

/*******************************************
Contacto
*******************************************/

.izqcontacto {
background:url(imagenes/left_contacto.jpg) no-repeat;
float:left;
width:26px;
height:485px;
}

.headcontacto {
background:url(imagenes/header_contacto.jpg) no-repeat;
width:720px;
height:246px;
}

.dercontacto {
background:url(imagenes/right_contacto.jpg) no-repeat;
width:26px;
height:485px;
float:left;
}

.izquierdacontacto {
padding:15px 24px;
width:380px;
float:left;
}

.derechacontacto {
width:291px;
float:left;
}

.fondoderechacontacto {
background:url(imagenes/fondo_derecha_contacto.jpg) no-repeat;
width:291px;
height:355px;
padding-top:10px;
}


.footercontacto {
background:url(imagenes/footer_contacto.jpg) no-repeat #000000;
width:720px;
height:29px;
padding-bottom:15px;
float:left;
}

/***************************************
Titulos
***************************************/

.titulo_porfolio{
background-image:url(imagenes/titulo_por.jpg);
background-repeat:no-repeat;
width:260px;
height:32px;
margin:0 0 0 18px;
}

.titulo_contacto{
background-image:url(imagenes/titulo_con.jpg);
background-repeat:no-repeat;
width:260px;
height:32px;
margin:0 0 0 8px;
}

.titulo{
background-image:url(imagenes/titulo.jpg);
background-repeat:no-repeat;
width:380px;
height:27px;
}


/**************************************
Links
**************************************/

a.linkgris:link {color: #6b6b6b; text-decoration:none;}
a.linkgris:visited {color: #6b6b6b; text-decoration:none;}
a.linkgris:hover {color: #6b6b6b; text-decoration:none;}
a.linkgris:active {color: #6b6b6b; }

a.blanco:link {color: #ffffff; text-decoration:none;}
a.blanco:visited {color: #ffffff; text-decoration:none;}
a.blanco:hover {color: #ffffff; text-decoration:underline;}
a.blanco:active {color: #ffffff; text-decoration:underline;}

a.linkblanco:link {color: #ffffff; text-decoration:none;}
a.linkblanco:visited {color: #ffffff; text-decoration:none;}
a.linkblanco:hover {color: #ffffff; text-decoration:underline;}
a.linkblanco:active {color: #ffffff; text-decoration:underline;}

a.linkblanco:link {color: #FFFFFF;text-decoration:none;}
a.linkblanco:visited {color: #FFFFFF;text-decoration:none;}
a.linkblanco:hover {color: #FFFFFF;text-decoration:underline;}
a.linkblanco:active {color: #FFFFFF;text-decoration:underline;}