@charset "UTF-8";
* {margin: 0; padding: 0;}
body {background-color: #000; font-family: Verdana, Geneva, sans-serif; font-size: 16px; text-align: justify;}
#container {width: 700px; margin: 4em auto; padding: 1em; background-color: #e4e0d2;}
#header {width: 100%; text-align: center; /*margin: 3em 3em 3em 3em;/**/}
#header img {float: right; width: 100px; height: 100px; border: 4px #000 solid; padding: 5px; margin: 5px;}
#titular {float: left; vertical-align: middle; margin: 0.5em 0.25em;}
#titular h1 {color: #c42; font-size: 180%;}
#titular h2 {color: #222; font-size: 150%; font-weight: normal; text-align: right; margin-right: 1em;}
#descr {padding: 1em 0; font-variant: small-caps; text-align: center; font-size: 90%;}
#nav {width: 100%; background-color: #eae6d9; line-height: 2em; text-align: center; vertical-align: middle;}
#nav a {color: #d64; font-weight: bold; text-decoration: none; padding: 0.5em 1em;}
#nav a:hover {color: #e90; background-color: #f2efee;}
#tpfloat {width: 160px; float: right; background: #e4e0d0; border: #cba 2px solid; padding: 1em 0.25em; text-align: justify; margin: 1em 0.25em;}
#tpfloat h1 {display: block; font-size: 90%; color: #c42; text-align: center;}
#tpfloat p {font-size: 80%; padding: 0.25em;}
#trabajosfloat {width: 160px; float: right; background: #e4e0d0; border: #cba 2px solid; padding: 1em 0.25em; text-align: right; margin: 1em 0.25em;}
#trabajosfloat a {display: block; padding: 0.25em 0; color: #d64; text-align: center; vertical-align: middle; text-decoration: none;}
#trabajosfloat a:hover {color: #e90; background-color: #eae6d9}
#content {width: 100%; text-align: justify; text-align: center; margin: 1em 0.25em;}
#content p {margin: 0.5em; text-align: justify;}
#contentleft {float: left; width: 500px; text-align: justify; margin: 1em 0.25em;}
#content h1 {font-size: 140%;}
#content a {color: #d64; text-decoration: none;}
#content a:hover {color: #e90;}
#contentleft h1 {font-size: 140%;}
#contentleft ul {margin: 1em; font-size: 90%; line-height: 1em;}
#contentleft a {color: #d64; text-decoration: none;}
#contentleft a:hover {color: #e90;}
.servlistrow {width: 696px; margin: 0.25em auto;}
.servlistiteml {width: 300px; text-align: right; padding: 8px; margin: 10px 14px; border: #c42 2px solid; float: left;}
.servlistiteml img {width: 300px;}
.servlistitemr {width: 300px; text-align: right; padding: 8px; margin: 10px 14px; border: #c42 2px solid; float: right;}
.servlistitemr img {width: 300px;}
.servname {font-weight: normal; font-style: italic; text-transform: lowercase; font-size: 120%; margin: 0.5em 0.25em;}
.trabajos caption {border: #c42 2px solid; margin: 0.25em auto;}
.trabajos th {font-variant: small-caps; border: #c42 2px solid; margin: 0.25em auto;}
.trabajos td {border: #000 4px solid; margin: 5px; padding: 5px;}
.trabajos td:hover {border: #c42 4px solid}
#catalogo {width: 90%; margin: 1em auto;}
#catalogo caption {border: #c42 2px solid; margin: 0.25em auto;}
#catalogo th {padding: 1em 0.25em; text-align: center; font-weight: bold; border: 2px #bbc solid;}
#catalogo td {text-align: center;}
.catalogoblock {padding: 0.5em 0.5em;}
#catalogo td a {display: block; text-decoration: none; color: #d64;}
#catalogo td a:hover {color: #e90; background-color: #eae6d9}
#catalogo img {width: 210px; height: 140px; border-width: 0;}
.pageselect {margin: 1em auto;}
.pagelink {color: #d64;}
.pagelink:hover {color: #e90}
.currentpage {color: #333; font-weight: bold;}
.pageunavailable {color: #999;}
.totalcount {font-size: 60%; color: #666;}
.error {width: 80%; margin: 1em auto; padding: 1em; border: 2px #a00 solid;}
.error h1 {}
.error p {text-align: justify;}
.noscript {width: 95%; margin: 0 auto; padding: 0.5em; border: 4px #a00 solid;}
.noscript h1 {font-size: 115%; font-variant: small-caps; text-align: center; color: #a00;}
.noscript p {font-size: 80%; text-align: justify;}
#eventoinput {font-variant: small-caps; margin: 1em;}
#contactdiv {width: 80%; text-align: justify; margin: 1em auto;}
#contactdiv th {/*font-variant: small-caps;*/ font-size: 80%; text-align: right; vertical-align: text-top;}
#credit {color: #998; font-size: 60%; text-align: right;}
#credit a {color: #c97; text-decoration: none;}
#credit a:hover {color: #da8;}
.clear {clear: both;}
