/*Chocolatina Gráfica*/


/*General_________________________________________________*/
body{
background-image: url(../elementos/maderarojiza.jpg);
}

#cabecera{
width: 497px;
height: 200px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -480px;
margin-top: -300px;
}

#grad_izda{
width: 150px;
height: 110%;
background-image: url(../elementos/gradiente_izda.png);
position: absolute;
left: 0%;
top: 0%;
}

#grad_dcha{
width: 150px;
height: 110%;
background-image: url(../elementos/gradiente_dcha.png);
position: absolute;
right: 0%;
top: 0%;
}

#container{
background-image: url(../elementos/textura_low_res.jpg);
width: 776px;
height: 409px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -410px;
margin-top: -150px;
}


p.pie{
background-image: url(../elementos/pie.png);
background-repeat: no-repeat;
text-align: right;
color: #FFFFFF;
font-size: 11px; 
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
width: 776px;
height: 68px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -410px;
margin-top: 259px;
padding-top: 10px;
}

p.pie, p.pie a {
	text-decoration: none;
	color: #FFFFFF;
}

p.pie a:link, p.pie a:visited {
	color: #FFFFFF;
}

p.pie a:hover, p.copyright a:active {
	color: #FFFFFF;
}



#anillas{
background-image: url(../elementos/anillas.png);
width: 56px;
height: 419px;
position: absolute;
left: 50%;
top: 50%;
margin-left: 366px;
margin-top: -150px;
}

#menu_portada{
width: 357px;
height: 134px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -494px;
margin-top: -100px;
}

#menu_trabajos{
width: 357px;
height: 134px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -494px;
margin-top: -50px;
}

#menu_servicios{
width: 357px;
height: 134px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -494px;
margin-top: 0px;
}

#menu_equipo{
width: 357px;
height: 134px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -494px;
margin-top: 50px;
}

#menu_contacto{
width: 357px;
height: 134px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -494px;
margin-top: 100px;
}

/* Portada______________________________________________________ */

#saludo{
background-image: url(../portada/saludo.png);
width: 530px;
height: 101px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -150px;
margin-top: -190px;
}

#ultimostrabajos{
background-image: url(../portada/ultimostrabajos.png);
width: 150px;
height: 47px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -150px;
margin-top: -80px;
}

#web_portada1{
width: 300px;
height: 109px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -150px;
margin-top: -40px;
}

#web_portada2{
width: 300px;
height: 109px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -150px;
margin-top: 80px;
}

#cuadro1{
width: 90px;
height: 70px;
position: absolute;
left: 50%;
top: 50%;
margin-left: 180px;
margin-top: -40px;
}

#cuadro2{
width: 90px;
height: 70px;
position: absolute;
left: 50%;
top: 50%;
margin-left: 280px;
margin-top: -40px;
}

#cuadro3{
width: 90px;
height: 70px;
position: absolute;
left: 50%;
top: 50%;
margin-left: 180px;
margin-top: 40px;
}

#cuadro4{
width: 90px;
height: 70px;
position: absolute;
left: 50%;
top: 50%;
margin-left: 280px;
margin-top: 40px;
}

#cuadro5{
width: 90px;
height: 70px;
position: absolute;
left: 50%;
top: 50%;
margin-left: 180px;
margin-top: 120px;
}

#cuadro6{
width: 90px;
height: 70px;
position: absolute;
left: 50%;
top: 50%;
margin-left: 280px;
margin-top: 120px;
}

#combocarte{
width: 159px;
height: 80px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -380px;
margin-top: 164px;
}




/* Equipo ____________________________________________________________*/

#miniyo{
width: 237px;
height: 380px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -200px;
margin-top: -180px;
}

#tira{
width: 441px;
height: 524px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -50px;
margin-top: -200px;
}

#texto_tira{
width: 185px;
height: 524px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -88px;
margin-top: -220px;
}


/* Contacto ___________________________________________*/

#respform{
background-image: url(../contacto/sobre.gif);
width: 250px;
height: 250px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -50px;
margin-top: -150px;
}

#respformtext{
width: 250px;
height: 50px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -50px;
margin-top: 95px;
}

#telefono{
width: 250px;
height: 50px;
position: absolute;
left: 50%;
top: 50%;
margin-left: 100px;
margin-top: 175px;
}


/* Servicios ___________________________________________*/

#saludo_servicios{
width: 530px;
height: 53px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -150px;
margin-top: -170px;
}

#servicios_web{
background-image: url(../servicios/web.png);
width: 255px;
height: 49px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -150px;
margin-top: -100px;
}

#oferta_web{
background-image: url(../servicios/oferta.png);
width: 68px;
height: 71px;
position: absolute;
left: 50%;
top: 50%;
margin-left: 30px;
margin-top: -95px;
}

#lista_web{
width: 265px;
height: 200px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -150px;
margin-top: -50px;
padding-left: 10px;
}

#servicios_grafico{
background-image: url(../servicios/grafico.png);
width: 255px;
height: 49px;
position: absolute;
left: 50%;
top: 50%;
margin-left: 120px;
margin-top: -100px;
}

#lista_grafico{
width: 265px;
height: 200px;
position: absolute;
left: 50%;
top: 50%;
margin-left: 120px;
margin-top: -50px;
padding-left: 10px;
}



/* Trabajos _________________________________________________________*/
#tape{
width: 540px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -180px;
margin-top: -128px;
padding: 0px;
border: 0px;
}

#web1{
width: 250px;
height: 91px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -150px;
margin-top: -120px;
}

#web2{
width: 250px;
height: 91px;
position: absolute;
left: 50%;
top: 50%;
margin-left: 125px;
margin-top: -120px;
}

#web3{
width: 250px;
height: 91px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -150px;
margin-top: -10px;
}

#web4{
width: 250px;
height: 91px;
position: absolute;
left: 50%;
top: 50%;
margin-left: 125px;
margin-top: -10px;
}

#web5{
width: 250px;
height: 91px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -150px;
margin-top: 100px;
}

#web6{
width: 250px;
height: 91px;
position: absolute;
left: 50%;
top: 50%;
margin-left: 125px;
margin-top: 100px;
}

#logo1{
width: 90px;
height: 70px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -150px;
margin-top: -120px;
}

#logo2{
width: 90px;
height: 70px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -120px;
}

#logo3{
width: 90px;
height: 70px;
position: absolute;
left: 50%;
top: 50%;
margin-left: 70px;
margin-top: -120px;
}

#logo4{
width: 90px;
height: 70px;
position: absolute;
left: 50%;
top: 50%;
margin-left: 180px;
margin-top: -120px;
}

#logo5{
width: 90px;
height: 70px;
position: absolute;
left: 50%;
top: 50%;
margin-left: 290px;
margin-top: -120px;
}



#logo6{
width: 90px;
height: 70px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -150px;
margin-top: -30px;
}

#logo7{
width: 90px;
height: 70px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -30px;
}

#logo8{
width: 90px;
height: 70px;
position: absolute;
left: 50%;
top: 50%;
margin-left: 70px;
margin-top: -30px;
}

#logo9{
width: 90px;
height: 70px;
position: absolute;
left: 50%;
top: 50%;
margin-left: 180px;
margin-top: -30px;
}

#logo10{
width: 90px;
height: 70px;
position: absolute;
left: 50%;
top: 50%;
margin-left: 290px;
margin-top: -30px;
}



#cartel1{
width: 90px;
height: 70px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -150px;
margin-top: -120px;
}

#cartel2{
width: 90px;
height: 70px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -120px;
}

#cartel3{
width: 90px;
height: 70px;
position: absolute;
left: 50%;
top: 50%;
margin-left: 70px;
margin-top: -120px;
}

#cartel4{
width: 90px;
height: 70px;
position: absolute;
left: 50%;
top: 50%;
margin-left: 180px;
margin-top: -120px;
}

#cartel5{
width: 90px;
height: 70px;
position: absolute;
left: 50%;
top: 50%;
margin-left: 290px;
margin-top: -120px;
}

#cartel6{
width: 90px;
height: 70px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -150px;
margin-top: -30px;
}


#cartel7{
width: 90px;
height: 70px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -30px;
}


#cover1{
width: 90px;
height: 70px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -150px;
margin-top: -120px;
}

#cover2{
width: 90px;
height: 70px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -120px;
}

#marcas1{
width: 250px;
height: 91px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -150px;
margin-top: -120px;
}

#marcas2{
width: 250px;
height: 91px;
position: absolute;
left: 50%;
top: 50%;
margin-left: 125px;
margin-top: -120px;
}

#marcas3{
width: 250px;
height: 91px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -150px;
margin-top: -10px;
}

#miscelanea1{
width: 250px;
height: 91px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -150px;
margin-top: -120px;
}

#miscelanea2{
width: 250px;
height: 91px;
position: absolute;
left: 50%;
top: 50%;
margin-left: 125px;
margin-top: -120px;
}

#miscelanea3{
width: 250px;
height: 91px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -150px;
margin-top: -10px;
}


/* Pruebas ___________________________________________*/

#pruebas{
width: 237px;
height: 300px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -100px;
margin-top: -100px;
}