@charset "utf-8";
/* CSS Document */
/*
SF STUDIO
hola(arroba)sergiofores.com
www.sergiofores.com
*/
/* RESET */
/* Este trozo de codigo es de Eric Meyer */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { padding: 0; border: 0; font-size: 100%; line-height: 1; text-align: left; vertical-align: baseline; margin: 0; }
a img, :link img, :visited img { border: 0; }
table { border-collapse: collapse; }
ol, ul { list-style: none; }
/* Fin RESET */
/*------------- (Comunes)
*/
body { background-image : url(../images/bg.gif); background-position : left top; background-repeat : repeat-x; border : none; font-family : Arial, Helvetica, sans-serif; font-size: 0.8125em; background-color: #FFEFDD; color: #724E3A; }
a { text-decoration:none; color: #FF0000; }
p, dd { font-size: 99%; line-height: 1.8em; display: block; }
div#cuerpo p { line-height: 175%; width: 500px; float: left; display: inline; }
div#cuerpo p a { color: #724E3A; display: block; line-height: 175%; }
div#cuerpo p a:hover { text-decoration: underline; }
.bold { font-weight: 700; }
em { }
small { line-height: 120%; }
h4 { font-weight: 700; font-size: 14px; display: block; line-height: 150%; }
h3 { color: #005599; font-size: 45px; font-weight: bold; line-height: 1.1em; letter-spacing: -1px; display: block; font-family: "Times New Roman", Times, serif; font-style: italic; }
h2 { display : block; font-weight: 700; padding: 0 0 10px 0; font-size: 145%; }
h1 { font-size : 1.4em; line-height : 1.1em; }
h4 span { font-weight: normal; line-height: inherit; }
a:focus { outline: none; }

/*div#wrap div#cuerpo h4 { margin:0;}*/
#wrap { margin: 0 auto; clear: both; min-height: 98%; position: relative; width: 830px; }
.logobg { background-image: url(../images/logobg.gif); background-color: #009999; }
.espaciovert { height:20px; display:block; }
.clearfix { clear : both; }
.dcha { float : right; }
.izda { float : left; width: 500px; }
.telf { clear : both; font-size: 1em; font-weight: 700; }
.fecha { color: #999999; font-size: 75%; }
.link { background-color: #FFF7D5; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #333333; }
.bloque { display: block; background-color: #ffcc00; }
.espaciado { margin-bottom: 20px; }
.features { background-image: url(images/ok.gif); background-repeat: no-repeat; background-position: left center; padding: 0 0 0 15px; color: #666666; margin-top: 3px; font-size: 85%; }
/* divs flotantes */
.intro { position: absolute; width: 874px; height: 144px; left: 0px; top: 351px; background-image: url(../images/imagenintro.jpg); background-repeat: no-repeat; }
.prueba { position: absolute; width: 194px; height: 144px; background-color: #42A45E; left: 642px; top: 348px; background-image: url(../imagenes%20nuevas/DSC06553.JPG); background-repeat: no-repeat; background-position: -100px -70px; }
#enconstruccion { position: absolute; width: 461px; height: 146px; top: 0; z-index: 5; right: 0; background-image: url(../images/decoesquina.png); background-repeat: no-repeat; background-position: right top; margin-right: 150px; margin-top: 40px; }
/* Lista de definicion */
div#cuerpo dl { display: block; float: left; width: 900px; }
div#cuerpo dd { display: block; padding-left: 25px; }
div#cuerpo dd img { }
div#cuerpo p span { font-weight: 700; }
/*------------- (Cabeza)
*/
#cabecera { float: left; height: 300px; width: 750px; }
#cabecera.bgcabecera { background-image: url(../images/logobg.png); background-position: left top; background-repeat: no-repeat; }

/*------------------------ LOGO
*/
.logo { background-image : url(images/logo.gif); background-position : right top; background-repeat : no-repeat; display : block; float : right; height : 50px; margin-right : 30px; padding : 0; width : 225px; }
#logo a { background-image : url(images/logo.gif); background-position : center 5px; background-repeat : no-repeat; display : block; padding : 0; height: 139px; width: 300px; margin: 0; float: left; }
.logo:hover { background-image : url(images/logohover.gif); color : #fff; }
#logo img:hover { background-image : url(images/logohover.jpg); }
p.logo { color : #fff; }
/*------------------------ MENU
*/
ul.menu { display: block; padding: 0; margin: 0; position: absolute; top: 232px; height: 55px; width: 629px; left: 0px; }
ul.menu li { display: inline; width: 100%; font-size: 150%; font-weight: 700; }
ul.menu li a, ul.menu li a span, ul.menu li a:hover, ul.menu li a.selec span { display: block; }
ul.menu li a { margin: 0 30px 0 0; float: left; clear: none; color: #724E3A; padding-right: 1px; height: 45px; }
ul.menu li a span { padding: 5px 0 10px 0; margin: 0; clear: none; }
ul.menu a:hover span, ul.menu a.selec span { }
ul.menu a:hover, ul.menu a.selec { background-image: url(../images/selec.gif); color: #FF1C25; background-position: left bottom; background-repeat: repeat-x; }
/*
------------- (Cuerpo)
*/
div#cuerpo { padding-bottom: 20px; padding-top: 20px; margin-right: 0; margin-left: 0; width: 830px; float: left; color: #724E3A; }
div#cuerpo h3, div#cuerpo h4 { margin: 0 10px 13px 10px; display: block; }
div#cuerpo h4 a { color: #005599; }
div#cuerpo h4 a:hover { background-color: #ffcc00; }
div#cuerpo ul ul { margin-bottom: 20px; }
div#cuerpo ul li { line-height: 1.5em; }
div#cuerpo ul ul li a { text-align: center; }
div#cuerpo div h2 { display: block; font-size: 140%; background-repeat: no-repeat; font-weight: normal; padding-bottom: 10px; clear: left; }
div#cuerpo div img { }
/*
------------------------ jquery SHOW/HIDE
*/
div.abre { display: block; text-align: center; width: 475px; height: 50px; margin-bottom: 10px; }
div.abre a { display: block; text-align: left; }
div.abre a:hover { color: #FF3300; }
div.info_cuadres { height: 150px; padding: 0 0 0 30px; color: #FFF5EA; background-image: url(../images/bgrojo.gif); background-repeat: no-repeat; margin-bottom: 30px; }
div.info_cuadres p { }
div.info_cuadres div.mides { color: #F1D2B9; padding-top: 30px; float: right; width: 800px; }
div.info_cuadres div.tarjeta { margin-right: 100px; float: left; margin-top: 15px; width: 200px; }
.mides ul { float: left; margin-right: 20px; margin-top: 5px; padding: 5px 10px 10px 10px; }
.mides ul li { color: #FFF5E9; line-height: 1.5; display: block; }
.mides ul li span { color: #FFFFFF; padding-bottom: 5px; padding-top: 5px; }
/*
------------------------ jquery SLIDESHOW + imagenes laterales
*/
div#cuerpo ul.carrusel { display: block; width: 190px; }
div#cuerpo ul.carrusel img { background-color: #FFFFFF; border: 2px solid #F0CEB3; }
/*--- pies carrusel
*/
div#cuerpo a small span { padding-top: 10px; display: block; }
div#cuerpo a small { font-size: 85%; display: block; padding: 5px 0 5px 80px; background-image: url(../images/bgmides.png); background-repeat: no-repeat; font-weight: 700; color: #F1D2B9; background-position: left top; }
div#cuerpo a:hover small  { color: #FF3300; cursor: pointer; }
div#cuerpo a small.ancho { width: 50px; }
/*
------------------------ MODULOS
*/
/*
------------------------ GALERIA
*/
div#cuerpo dl.galeria { display: block; }
div#cuerpo dl.galeria dt { display: block; margin-bottom: 8px; font-size: 140%; background-repeat: no-repeat; font-weight: normal; padding-bottom: 10px; }
div#cuerpo dl.galeria dd { width: 120px; float: left; display: inline; padding: 0; }
div#cuerpo dl.galeria dd a { display: block; }
div#cuerpo dl.galeria dd a img { border : none; padding: 2px; display: block; background-color: #FFF4E6; position: inherit; }
div#cuerpo dl.galeria dd a:hover img { background-color:#FB212B; }
div#cuerpo dl dd.cierra { clear: both; width: 100%; padding-right: 0; }
p.etiqueta { background-image: url(../images/tarjeta2.gif); background-repeat: no-repeat; height: 180px; background-color: #FF3300; background-position: center center; margin-left: 125px; }
/*
------------------------ LIGHTBOX
*/
#video { padding: 0; margin: 0; }
#testube { width: 426px; display: none; }
/*
------------------------ CV EXPERIENCIAS PROCESO
*/
div#cuerpo dl.pequeno, div#cuerpo div.pequeno { height: 150px; display: block; background-image: url(../images/bgpequeno.png); background-repeat: no-repeat; }
div#cuerpo dl.mediano, div#cuerpo div.mediano { height: 200px; display: block; background-image: url(../images/bgmediano.png); background-repeat: no-repeat; }
div#cuerpo dl.grande, div#cuerpo div.grande { height: 250px; display: block; background-image: url(../images/bggrande.png); background-repeat: no-repeat; }
div#cuerpo div.pequeno, div#cuerpo div.mediano, div#cuerpo dl.mediano, div#cuerpo div.grande { padding: 30px 0 0 30px; display: block; clear: both; width: 780px; }

/*
------------------------ CV EXPERIENCIAS PROCESO
*/
div#cuerpo dl.experiencias {}
div#cuerpo dl.proceso { display: block; margin-bottom: 15px; background-image: url(../images/bg5.png); padding: 0; float: left; width: 880px; position: relative; background-repeat: no-repeat; height: 250px; }
div#cuerpo dl.lista img { float: right; }
div#cuerpo dl.lista a img { float: right; display: block; padding: 10px; }
div#cuerpo dl.lista a { display: block; line-height: 1.8em; color: #422E22; }
div#cuerpo dl.lista a:hover { color:#FF1C25 }

/*
------------------------ SLIDESHOW
*/
#superficie, #dibuix, #pintura { right: 27px; height: 140px; width: 250px; top: 27px; position: absolute; padding-right: 5px; }
dd#superficie span, dd#dibuix span, dd#pintura span { position: absolute; left: -344px; top: 5px; width: 183px; height: 91px; background-color: #0099FF; display: block; }
.noborde { border : none; }
.baner_imagen { margin-left: 10px; margin-right: 10px; }
/*
------------------------ PIE
*/
#idioma { height: 40px; text-align: right; }
/*
------------------------ PIE
*/
.caja_pie { display: block; margin: 0 auto; padding: 0; width: 830px; float: left; height: 90px; }
.pie { height: 40px; padding-top: 50px; text-align: center; }
.pie p { background-image: url(../images/logopeu.png); background-repeat: no-repeat; height: 30px; padding-top: 15px; padding-left: 225px; color: #FF1C25; font-weight: 700; }
.pie a { color: #B6B49A; margin: 0; font-weight: normal; }
.pie a:hover { color: #96936D; text-decoration: underline; }
/*
------------------------------------IE6 PNG BUG
*/
#cabecera, dl.pequeno, dl.mediano, dl.grande, div.pequeno, div.mediano, div.grande, #enconstruccion, .abre, .info_cuadres, div#cuerpo a small, div.pie p { behavior: url(iepngfix.htc) }