/* Hola, qué ilusión que alguien mire la hoja de estilos de otro
Utiliza lo que quieras a tu gusto. Un saludo.
------------------------------------------------------------------*/

/* etiquetas Genereales
------------------------------------------------------------------*/
body{
margin:0;
padding:0;
background:#cee6fe url('../img/bg.gif') repeat-y;
text-align:left;
color:#666666;
font: normal 11px "Trebuchet MS",Arial,Helvetica,sans-serif;
}
b{color:#99c;}
a{color:#69f}
a:hover{text-decoration:none;color:#36f;background-color:#fff;}
/* Posicionamiento general: principal y dos columnas
------------------------------------------------------------------*/
#main{
width:780px;
margin:0;
padding:0;
}
#col_left{
float:left;
margin:0;
padding:0;
width:197px;
}
#col_right{
text-align:left;
float:left;
margin:0;
padding:0;
width:583px;
}
/* Posicionamiento general: IZQUIERDA
------------------------------------------------------------------*/
#logo{
width:197px;
height:142px;
background-image:url('../img/logob.gif');
overflow:hidden;
}
#menu{
margin:0;
padding:0;
}
#menu ul{
text-align:center;
width:197px;
margin:0;
padding:0;
list-style:none;
}
#menu li{
height:25px;
margin:1px 0 1px 0;
padding:0px;
display:block;
background-image:url('../img/bgboton.gif');
overflow:hidden;
}
#menu li a{
padding:3px 0 0 0;
height:25px;
color:#ffffff;
text-decoration:none;
font-size:12px;
font-weight:bold;
display:block;
}

#menu li a:hover{
height:25px;
background-color:#99ccff;
}
/* Posicionamiento general: DERECHA
------------------------------------------------------------------*/
#tit_home{
padding:0;
margin:0;
width:583px;
height:167px;
background-image:url('../img/bg_home.gif');
}
#tit_trabajos{
padding:0;
margin:0;
width:583px;
height:167px;
background-image:url('../img/bg_trabajos.gif');
}
#tit_contacto{
padding:0;
margin:0;
width:583px;
height:167px;
background-image:url('../img/bg_contacto.gif');
}
#col_right #titulo{
position:relative;
top:105px;
left:10px;
font-size:26px;
color:#99ccff;
}
.textos{margin:0px 20px 10px 20px;text-align:left;}
p{color:#999999;text-align:left;margin:2px 0px 10px 0px;}

.bloque{
background: transparent url('../img/bg_bloque.png') no-repeat bottom;
margin: 0 0 15px 0;
}
.bloque h1{
padding:0px 0px 5px 0px;
height:24px;
font-size:16px;
color:#f90;
margin:0px;
letter-spacing:-1px;
background: #ffffff url('../img/bg_h1.gif') repeat-x top;
}
.bloque_logo{
float:left;
margin:5px 0 0 0;
width:100px;
text-align:center;
}
.bloque_derecha{
width:420px;
float:left;
margin: 0px 0 5px 10px;
padding:5px;
}

/* Posicionamiento general: PIE
------------------------------------------------------------------*/
#pie{
clear:both;
padding:0;
margin:0;
width:583px;
height:116px;
background-image:url('../img/bg_pie.gif');
}
#texto_pie{
position:relative;
top:85px;
left:10px;
color:#99c;
}
/* Otras etiquetas
------------------------------------------------------------------*/

/*Fotos trabajos */
.caja_foto, 
a.caja_foto { 
width:205px;
height:155px;
	display:block;
	border: 5px solid #F1F1F1; 
	background-color: #FFF; 
	padding: 4px; 
	margin: 0 0 1px;
} 
a.caja_foto:hover {
width:205px;
height:155px;
display:block;
border: 5px solid #99ccff;
background-color: #FFF;
padding: 4px; 
margin: 0 0 1px;
}
.fecha{font-size:10px;font-weight:bold;color:#f60;margin:0px;}
.trabajos{float:left;margin:0 15px 15px 15px;color:#999999;text-decoration:none;text-align:left;}
a.trabajos{margin:0px;}
a:hover.trabajos{margin:0px;}

/* Formulario */
.fomulario_texto{
color:#6699ff;
font-family: "Trebuchet MS",Arial,Verdana, sans-serif;
font-size:14px;
letter-spacing:-1px;
}

.formulario{
padding:6px 5px 5px 7px;
height:24px;
width:241px;
background-image:url(../img/bg_formulario.gif);
background-repeat:no-repeat;
border:0px;
color:#666666;
font-size:11px;
}

.formulario-peq{
padding:5px;
height:24px;
width:170px;
background-image:url(../img/bg_formulario_peq.gif);
background-repeat:no-repeat;
border:0px;
color:#666666;
font-size:11px;
}
.formulario-peq:focus{
padding:5px;
height:24px;
width:170px;
background-image:url(../img/bg_formulario_peq_focus.gif);
background-repeat:no-repeat;
border:0px;
color:#666666;
font-size:11px;
}

.formulario:focus{
padding:5px;
height:24px;
width:241px;
background-image:url(../img/bg_formulario_focus.gif);
background-repeat:no-repeat;
border:0px;
color:#666666;
font-size:11px;
}
.formulario_textarea{
overflow:hidden;
padding:5px;
width:400px;
height:200px;
background-image:url(../img/bg_formulariot.gif);
background-repeat:no-repeat;
border:0px;
color:#666666;
font-size:11px;
}

.formulario_textarea:focus{
padding:5px;
width:400px;
height:200px;
background-image:url(../img/bg_formulariot_focus.gif);
background-repeat:no-repeat;
border:0px;
color:#666666;
font-size:11px;
}

.formulario_boton{
width:120px;
height:23px;
border:1px solid #6699ff;
color:#FF3300;
background-color:#FFFFFF;
background-image:url(../img/bg_boton.gif);
}


.formato_error {
color:red;
font-weight:bold;
}

#errorbox {
background: #f0f0f0;
font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #000000;
border: 1px solid #000000;
padding: 5px;
}

#error-heading {
font: 14px Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #882222;
font-weight: bold;
text-align: center;
}

.requerido {
color: #882222;
font-weight: bold;
}