.rompefloat:after{ content: " \A "; display: block; clear: both; height: 0; }
a{ outline: none; }

body{ margin: 0; padding: 0; background: white url(../img/body.gif) repeat-x; font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 13px; color: black; }

#lienzo{ width: 722px; margin: 0 auto 0 auto; padding: 0 0 30px 0; }
#cabecera{ height: 125px; margin: 0 0 55px 0; }
#cabecera h1{ margin: 0; padding: 40px 0 0 0; float: left; }
#cabecera ul#idiomas{ margin: 0; padding: 100px 0 0 0; float: right; list-style: none; color: #bebebe; }
#cabecera ul#idiomas li{ display: inline; }
#cabecera ul#idiomas li:before{ content: " - ";}
#cabecera ul#idiomas li.primero:before{ content: ""; }
#cabecera ul#idiomas li a{ text-decoration: none; color: #bebebe; }
#cabecera ul#idiomas li a:hover, #cabecera ul#idiomas li a.activo{ color: #6F6A66; }

/* Menu */
#menu{ margin: 0 0 25px 0; padding: 0; list-style: none; font-size: 15px; height: 27px; }
#menu li{ display: block; float: left; width: 25%; height: 27px; }
#menu li a{ display: block; width: 100%; padding: 0 0 6px 0; text-decoration: none; color: #A2A2A2; border-bottom: 1px solid #CDCDCD; }
#menu li a:hover, #menu li a.activo{ color: #6F6A66; border-color: #ed7a1a; }

#secciones{ list-style: none; margin: 0 0 30px 0; padding: 0; background-color: #f4f4f4; height: 36px; line-height: 36px; }
#secciones li{ display: block; float: left; width: 33.33%; }
#secciones li a{ display: block; padding: 0 0 0 10px; font-size: 15px; text-decoration: none; color: #A2A2A2; border-bottom: 1px solid #f4f4f4; }
#secciones li a:hover, #secciones li a.activo{ color: #6F6A66; border-color: #ed7a1a; }

#contenedor{ margin: 0 0 30px 0; color: #a2a2a2; }
#contenedor p{ text-align: justify; }
#contenedor strong{ font-weight: normal; color: #6F6A66; }
#contenedor h2{ color: #6F6A66; margin: 0 0 0 0; padding: 0 0 10px 0; font-weight: normal; font-size: 18px; line-height: 18px; border-bottom: 1px solid #CDCDCD; }
#contenedor img.foto{ border: 1px solid #CDCDCD; display: block; margin: 0 0 20px 20px; float: right; }
#contenedor p.descarga{ text-align: center; clear: both; padding: 10px 0 0 0; margin: 0; }
#contenedor p.descarga a{ font-size: 12px; text-decoration: none; color: #6F6A66; line-height: 16px; padding: 0 0 0 25px; background: url(../img/pdficon.gif) no-repeat left; }
#contenedor p.descarga a:hover{ color: Black; text-decoration: underline; }

/* Portada */
img.motivoportada{ margin: 0 0 20px 0; border: 1px solid #cdcdcd; }
#portada #contenedor{ background: transparent url(../img/cuadrousuarios.gif) repeat-y left; }
#portada #contenedor #contenido{ width: 527px; padding: 0; float: right; }
#portada #contenedor #contenido h2{ margin: 0 0 20px 0; padding: 0 0 10px 25px; }
#portada #contenedor #contenido p{ margin: 0 0 20px 0; padding: 0 0 0 25px; }
#portada #contenedor #cuadrousuarios{ width: 195px; float: left; }
#portada #contenedor #cuadrousuarios h2{ background-color: white; }
#portada #contenedor #cuadrousuarios form{ margin: 0; padding: 20px 15px 0 15px; font-size: 12px; }
#portada #contenedor #cuadrousuarios form fieldset{ border: 0; margin: 0 0 5px 0; padding: 0; }
#portada #contenedor #cuadrousuarios form fieldset label{ color: #6F6A66; display: block; margin: 0 0 3px 0; }
#portada #contenedor #cuadrousuarios form fieldset input{ border: 1px solid #A2A2A2; font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 12px; width: 100%; }
#portada #contenedor #cuadrousuarios form fieldset.submit{ padding: 10px 10px 10px 10px; text-align: center; }
#portada #contenedor #cuadrousuarios form fieldset.submit input{ display: block; margin: auto; width: 70px; height: 22px; padding: 0 0 2px 0; color: #6F6A66; cursor: pointer; border: 1px solid #A2A2A2; background: #f1f1f1 url(../img/submit.gif); }
#portada #contenedor #cuadrousuarios form p{ text-align: center; margin: 0 0 30px 0; }
#portada #contenedor #cuadrousuarios form p a{ text-decoration: none; color: #6F6A66; }
#portada #contenedor #cuadrousuarios form p a:hover{ text-decoration: underline; color: Black; }
#portada #contenedor #cuadrousuarios p.nouser{ text-align: center; margin: 20px; }
#portada #contenedor #cuadrousuarios p.nouser a{ text-decoration: none; color: #6F6A66; }
#portada #contenedor #cuadrousuarios p.nouser a:hover{ text-decoration: underline; color: Black; }

#portada #contenedor #cuadrousuarios form p.alta{ margin: 0 0 15px 0; }
#portada #contenedor #cuadrousuarios form p.alta a{ display: block; padding: 5px; color: #6F6A66; border: 1px solid #A2A2A2; background: #f1f1f1 url(../img/submit.gif); }
#portada #contenedor #cuadrousuarios form p.alta a:hover{ text-decoration: none; color: Black; }


/*eventos*/
#seccion #slideshow {  display: block; margin: 0 0 20px 20px; float: right; }
#seccion a.enlace{text-decoration:none; color: #A2A2A2; }
#seccion a.enlace:hover{text-decoration:none; color: #6F6A66; }

/* Ficha */
#galeria{ padding: 0 0 20px 0; }
#galeria #listado{ float: left; width: 306px; margin: 0; padding: 0; list-style: none; font-size: 12px; }
#galeria #listado li{ padding: 0 0 3px 0; }
#galeria #listado li a{ text-decoration: none; color: #6F6A66; background: url(../img/listado.gif) no-repeat left top; padding: 0 0 0 10px; }
#galeria #listado li a:hover, #galeria #listado li a.activo{ color: #ED7A1A; background-position: left bottom; }
#galeria #visor{ float: right; width: 416px; }
#galeria #visor #iconos{ margin: 0; padding: 0; list-style: none; width: 57px; float: left; }
#galeria #visor #iconos a img{ display: block; border: 1px solid #CDCDCD; margin: 0 0 2px 0; }
#galeria #visor #iconos a:hover img, #galeria #visor #iconos a.activo img{ border-color: #ED7A1A; }
#galeria #visor #marco{ width: 357px; float: right; background-color:#F4F4F4;  }
#galeria #visor #marco img{ border: 1px solid #CDCDCD; border-bottom: none; display: block; margin: 0; }
#galeria #visor #marco p{ text-align: left; margin: 0; background-color: #F4F4F4; border: 1px solid #CDCDCD; padding: 5px; font-size: 12px; }

/*slideshow*/
#slideshow { padding: 10px 0 10px 0; height: 268px; width: 357px; position: relative; }
#slideshow img{ float: none; margin: 0; position: absolute; border: 1px solid #CDCDCD; }
#slideshow img.vista { z-index: 10; }
#slideshow img.ultima { z-index: 9; }

/*imagen*/
#imagen h2{ margin-bottom: 20px; }
#imagen #descripcion{ width: 357px; float: left; padding: 0; }
#imagen #descripcion p{ margin: 0 0 10px 0; }

#imagen #clientes{ background-color: #F4F4F4; border: 1px solid #F1F1F1; width: 305px; padding: 20px; float: right; }
#imagen #clientes h3{ color: #6F6A66; margin: 0 0 20px 0; padding: 0 0 10px 0; font-weight: normal; font-size: 14px; line-height: 14px; border-bottom: 1px solid #CDCDCD; }
#imagen #clientes ul{ margin: 0; padding: 0 10px; list-style: none; font-size: 12px; }
#imagen #clientes ul li{ padding: 0 0 3px 0; }
#imagen #clientes ul li a{ text-decoration: none; color: #6F6A66; background: url(../img/listado.gif) no-repeat left top; padding: 0 0 0 10px; }
#imagen #clientes ul li a:hover{ color: #ED7A1A; background-position: left bottom; }

/* clientes */
#fichacliente h2{ margin-bottom: 20px; }
#fichacliente #clientes{ background-color: #F4F4F4; border: 1px solid #F1F1F1; width: 305px; padding: 20px; float: left; }
#fichacliente #clientes h3{ color: #6F6A66; margin: 0 0 20px 0; padding: 0 0 10px 0; font-weight: normal; font-size: 14px; line-height: 14px; border-bottom: 1px solid #CDCDCD; }
#fichacliente #clientes ul{ margin: 0; padding: 0 10px; list-style: none; font-size: 12px; }
#fichacliente #clientes ul li{ padding: 0 0 3px 0; }
#fichacliente #clientes ul li a{ text-decoration: none; color: #6F6A66; background: url(../img/listado.gif) no-repeat left top; padding: 0 0 0 10px; }
#fichacliente #clientes ul li a:hover, #fichacliente #clientes ul li a.activo{ color: #ED7A1A; background-position: left bottom; }

#fichacliente #visor{ float: right; width: 357px; }
#fichacliente #visor h4{ color: #6F6A66; margin: 0 0 20px 0; padding: 0 0 10px 0; font-weight: normal; font-size: 14px; line-height: 14px; border-bottom: 1px solid #CDCDCD; }
#fichacliente #visor p{ margin: 0 0 10px 0; }
#fichacliente #visor p.enlace{ text-align: right; margin: 0; padding: 10px 0; }
#fichacliente #visor p.enlace a{ font-size: 12px; padding: 0 15px 0 0; text-decoration: none; color: #6F6A66; }
#fichacliente #visor p.enlace a:hover{ text-decoration: underline; color: black;  }
#fichacliente #visor p.enlace a.external{ background: url(../img/externallink.gif) no-repeat right 3px; }

#fichacliente #visor #marco{ width: 357px; background-color:#F4F4F4;  }
#fichacliente #visor #marco img{ border: 1px solid #CDCDCD; display: block; margin: 0 0 3px 0; }
#fichacliente #visor #iconos{ margin: 0 0 20px 0; padding: 0; list-style: none; }
#fichacliente #visor #iconos li{ display: inline; }
#fichacliente #visor #iconos a img{ display: block; border: 1px solid #CDCDCD; margin: 0 0 0 3px; float: left; }
#fichacliente #visor #iconos a img.primero{ margin: 0; }
#fichacliente #visor #iconos a:hover img, #fichacliente #visor #iconos a.activo img{ border-color: #ED7A1A; }


/*contacto*/
#contacto h2{ margin-bottom: 30px; }
#contacto form#fcontacto{ float: left; width: 345px; margin: 0; padding: 0 0 1px 0; }
#contacto form#fcontacto p{ margin: 0; height: 21px; margin: 0 0 10px 0; }
#contacto form#fcontacto p.textarea{ height: 113px; margin: 0 0 16px 0;}
#contacto form#fcontacto p.submit{ margin: 0; padding: 0 0 0 140px; }
#contacto form#fcontacto p label{ display: block; float: left; width: 135px; text-align: right; line-height: 21px; padding: 0 5px 0 0; }
#contacto form#fcontacto input{ border: 1px solid #CDCDCD; font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 13px; width: 200px; padding-left: 3px; }
#contacto form#fcontacto input:focus{ border-color: #A2A2A2; }
#contacto form#fcontacto select{ border: 1px solid #CDCDCD; font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 13px; width: 205px; }
#contacto form#fcontacto select:focus{ border-color: #A2A2A2; }
#contacto form#fcontacto textarea{ border: 1px solid #CDCDCD; font-family: "Segoe UI", Arial, Helvetica, sans-serif; font-size: 13px; overflow: auto; width: 200px; height: 110px; padding-left: 3px; }
#contacto form#fcontacto textarea:focus{ border-color: #A2A2A2; }
#contacto form#fcontacto input.submit{ display: block; margin: auto; width: 100px; height: 22px; padding: 0 0 2px 0; color: #6F6A66; cursor: pointer; border: 1px solid #A2A2A2; background: #f1f1f1 url(../img/submit.gif); font-size: 12px; outline: none; }
#contacto #direccion{ float: right; width: 357px; }
#contacto #direccion img{ border: 1px solid #CDCDCD; display: block; margin: 0; }
#contacto #direccion p{ margin: 0; border: 1px solid #CDCDCD; border-top: none; padding: 10px; text-align: center; }
#contacto #direccion p a{ text-decoration: none; color: #A2A2A2; margin: 0 10px 0 0; }
#contacto #direccion p a:hover{ text-decoration: underline; color: Black; }

#contacto #submitok{ width: 345px; float: left; }
#contacto #submitok p{ margin: 0 0 30px 0; text-align: center; }
#contacto #submitok p.mensaje{ border: 1px solid #CDCDCD; margin: 0 0 20px 0; padding: 50px 5px; text-align: center; color: #6F6A66; }
#contacto #submitok p.volver{ margin: 0; }
#contacto #submitok p.volver a{ display: block; margin: 0 auto; padding: 5px; width: 70px; color: #6F6A66; border: 1px solid #A2A2A2; background: #f1f1f1 url(../img/submit.gif); font-size: 12px; text-align: center; text-decoration: none; }
#contacto #submitok p.volver a:hover{ color: black; }

/* Pie */
#pie{ background-color: #f4f4f4; height: 29px; font-size: 12px; line-height: 29px; border-bottom: 1px solid #BEBEBE; color: #6f6a66; position: relative; text-align: center; margin-bottom:10px}
#pie a{ text-decoration: none; color: #6F6A66; margin: 0 10px 0 0; }
#pie span{ margin: 0 0 0 10px; }
#pie a:hover{ text-decoration: underline; color: Black; }
#pie span#aviso{ display: block; height: 29px; line-height: 29px; position: absolute; left: 0px; bottom: 0; }
#pie span#copy{ display: block; height: 29px; line-height: 29px; position: absolute; right: 10px; bottom: 0; }
#pie span#sello{ display: block; height: 29px; line-height: 29px; position: absolute; right: 10px; bottom: 0; }