/* Autor: Jose Manuel Unica | jmunica@gmail.com */

* {margin:0px; padding:0px; border:0px;}
body {background:url(../img/fnd_general2.gif) repeat-y center; background-color:#B4B4B4;}
.blanco {color:#FFFFFF;}
.limpiar {font-size: 1px; line-height: 1px; font-weight: normal; clear:both}

/* Estructura */
#contenedora {width:800px; margin:0px auto;}
#superior{background:url(../img/logo_kreart.gif) no-repeat left bottom;  vertical-align:bottom;}
#menu {margin-left:52%; padding-top:10px; color:#FFFFFF;font:normal Verdana, Arial, Helvetica, sans-serif; vertical-align:bottom;}
.portada {background:url(../img/tit_portada.gif) no-repeat bottom right;height:222px;}
.productos {background:url(../img/tit_productos.gif) no-repeat bottom right;height:222px;}
.contacto {background:url(../img/tit_contacto.gif) no-repeat bottom right;height:222px;}
.obras {background:url(../img/tit_obras.gif) no-repeat bottom right;height:222px;}
.prensa {background:url(../img/tit_prensa.gif) no-repeat bottom right;height:222px;}



#contenido {background-color:#6F6F6F; display:table; padding:2px 0 2px 2px; width:798px; }
#pie { margin-top:15px;font:normal 10px Verdana, Arial, Helvetica, sans-serif; text-align:center; color:#000000;}
#pie a, #pie a:hover, #pie a:visited {color:#000000; text-decoration:none;}

/* menu */
#menu a, #menu a:visited {color:#FFFFFF; text-decoration:none;}
#menu a:hover {color:#FFFFFF; text-decoration:underline;}
#menu ul {list-style-type: none;font:bold 12px/13px Verdana, Arial, Helvetica, sans-serif;}
#menu ul li { margin-top:5px;}
#menu ul li ul {margin-left:15px; padding-left:10px; border-left:3px solid #939393;}
#menu ul li ul li {font:normal 11px/12px Verdana, Arial, Helvetica, sans-serif;}
#menu ul li ul li a:hover {font-weight:bold; text-decoration:none; padding-left:15px; background:url(../img/ico_flecha.gif) no-repeat left;}
#menu .activo {font-weight:bold; padding-left:15px; background:url(../img/ico_flecha.gif) no-repeat left;}

/* contenido */
* html .contenido_foto {height:1%;}
/* .contenido_foto {float:left; margin:0;width:515px; height:343px; border-right:8px solid #6F6F6F; background-color:#6F6F6F;}*/
.contenido_foto {float:right; margin:0 2px 0 0; width:515px; height:343px; border-left:5px solid #6F6F6F; background-color:#6F6F6F;}
.contenido_foto img {width:515px; height:343px; margin:0; padding:0;}
.contenido_foto a, .contenido_foto a:visited {font: 12px Arial, Helvetica, sans-serif; color:#CCCCCC; text-decoration:none;}

/* .contenido_descripcion {padding:0px; margin:0 6px 0 525px; color:#FFFFFF; font:normal 12px Arial, Helvetica, sans-serif;width:264px} */
.contenido_descripcion {float:left; padding:0px; color:#FFFFFF; font:normal 12px Arial, Helvetica, sans-serif;width:264px}
.contenido_descripcion h2 {font:bold 16px Arial, Helvetica, sans-serif; border-bottom:2px solid #F5F5F5; color:#F5F5F5; margin:10px 5px 5px 0;}
#paginar_fotos { margin:5px 0 20px 0; font: 10px Verdana, Arial, Helvetica, sans-serif;}
#paginar_fotos img {vertical-align: top;}
.fotogaleria {margin:0; padding:0}
.fotogaleria img {width:29px; height:29px; margin:0px 4px 4px 0px;}
.texto {margin:0 5px 0 7px}
.texto p {margin-bottom:7px;}
.texto ul {margin-left:15px; padding:0;}
.texto li {margin:0 0 5px 0; list-style-type:square;}

/*Menú del apartado obras*/

.menuobras {font: 12px Arial, Helvetica, sans-serif; color:#CCCCCC; text-decoration:none; }
.menuobras a, .menuobras a:visited {color:#FFFFFF; text-decoration:none;}
.menuobras a:hover {color:#FFFFFF; text-decoration:underline;}

/* contacto */
dl {font:normal 12px Arial, Helvetica, sans-serif; color:#FFFFFF;}
dt {font-weight:bold; display:inline; }
dd {display:inline; }

input, textarea {margin:2px 0 3px 0; padding:2px 4px; background-color:#A0A0A0; border:1px solid #4C4949; width:95%; font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;}
.enviar a, .enviar a:visited {padding-left:22px; background:url(../img/ico_flecha_der.gif) no-repeat 0px 2px; color:#FFFFFF; text-decoration:none; margin-left:195px;}
.enviar a:hover {padding-left:22px;background:url(../img/ico_flecha_der.gif) no-repeat 2px 2px; color:#CCCCCC;}
#enviar {text-align:center;}
#enviar input { background-color:#FFFFFF; color:#000000; width:100px; margin:1px 0 2px 0; padding:1px 3px; font:bold 10px Verdana, Arial, Helvetica, sans-serif}
