/* ==========================================================================
   Author's custom styles
   ========================================================================== */


/*--------------------------------------------------------
wrapper
--------------------------------------------------------*/

.wrapper {width:958px; margin:0 auto;}

/*--------------------------------------------------------
header
--------------------------------------------------------*/

.header {margin:0; padding:30px 0 0 0; background:url(../img/headerBckg.jpg) left top no-repeat; height:470px; background-size:100%; overflow:hidden;}
.header.secundario {height:150px;}

.headerTop {margin:0 0 25px 0; overflow:hidden;}

.logo {float:left; margin:0 65px 0 0;}
.logo h1 {font-size: 30px; color: #e5e5e5; text-shadow: #333 2px 2px 2px;}
.logo h1 a {display:block; overflow:hidden; height:53px; margin:0;}

.mainMenu {margin:0; overflow:hidden;}
.mainMenu ul {list-style:none; margin:32px 0 0 0; paddin:0;}
.mainMenu ul li {float:left; margin:0; overflow:hidden;}
.mainMenu ul li a {color:#fff; text-decoration:none; padding:5px 8px; font-size:13px; font-weight:bold; margin:0; display:block; text-shadow:0.1em 0.1em 0.05em #333}
.mainMenu ul li a:hover {background:#00b8de;}
.mainMenu ul li.current a {background:#00b8de;}

.headerBottom {clear:both; overflow:hidden;}

.headerBanner {float:left; margin:0 30px 0 0; border:solid 9px #fff; height:278px;}
.headerTexto {margin:10px 0 0 550px; color:#fff;}
.headerTexto h4 {font-size:24px; line-height:30px; margin:0 0 15px 0;}
.headerTexto p {margin:0 0 10px 0; font-size:15px;}
.headerTexto a {color:#fff; text-decoration:none;}
.headerTexto a:hover {text-decoration:underline;}

/*--------------------------------------------------------
content
--------------------------------------------------------*/

.contentTop {margin:0; padding:40px 0; color:#444444; overflow:hidden;}
.contentTop ul {margin:0; padding:0; list-style:none;}
.contentTop ul li {width:300px; float:left; margin:0 25px 0 0;}
.contentTop ul li.last {margin:0;!important}
.titulo {margin:0 0 15px 0;}
.titulo h4 {font-size:16px; border-bottom:solid 1px #dddddd; padding:0 0 10px 0; font-weight:bold;}
.contenido {margin:0;}
.contenido img {float:left; margin:0 15px 0 0;}
.contenido p {margin:0 0 0 105px;}
.contenido p a {color:#7ca513; text-decoration:none;}
.contenido p a:hover {text-decoration:underline;}
.contenido .email {font-weight:normal; color:#06F; text-decoration:none;}

.contentTopLeft {width:670px; float:left; margin:0 20px 0 0;}

.h4Interna {border-bottom:solid 1px #dddddd; padding-bottom:15px; margin:0 0 35px 0;}

.ubicacion {padding:5px 10px; background:#e8e8e8; margin:0 0 30px 0;}
.ubicacion p {margin:0;}

.paginaContacto {margin:0; overflow:hidden;}
.paginaContacto h4 {border-bottom:solid 1px #dddddd; padding:0 0 10px 0; margin:0 0 30px 0;}

.formulario {margin:0 0 20px 0; overflow:hidden;}
.titulo {margin:0;}
.formulario table {margin:0 0 20px 0;}
.formulario input {width:322px; padding:0 7px; outline:none; height:30px;}
.formulario select {width:322px; padding:0 0 0 7px; outline:none; height:30px;}
.formulario textarea {width:665px; padding:0 0 0 7px; outline:none; height:200px;}
.enviar {width:50px; padding:10px; background:#90c214; color:#fff;}
.enviar:hover {text-decoration:none; color:#fff; overflow:hidden;}
.letraPequena {font-size:12px; margin-top:20px;}

.contentTopRight {width:265px; float:left;}

.perfilUsuario {padding:15px; background:#e8e8e8; margin:0 0 15px 0;}
.perfilUsuario img {border:solid 5px #fff; width:70px; height:70px; float:left; margin:0 8px 0 0;}

.categoria {padding:15px; background:#e8e8e8; margin:0 0 15px 0;}
.categoria form select {width:233px; height:30px; outline:none;}

.articulosRecientes {padding:15px; background:#e8e8e8; margin:0 0 15px 0;}
.articulosRecientes a {display:block; margin:0 0 12px 0;}
.articulosRecientes a:hover {text-decoration:none;}

.contentBottom {background:url(../img/grisBckg.png) left top repeat-x; height:60px; padding:20px 0 0 0; overflow:hidden; color:#dddddd;}
.contentBottom ul {list-style:none; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:solid 1px #cccccc; overflow:hidden;}
.contentBottom ul li {width:215px; float:left; margin:0 20px 0 0;}
.contentBottom ul li h4 {font-size:17px; color:#fff; margin:0 0 10px 0;}

/*--------------------------------------------------------
footer
--------------------------------------------------------*/

.footer {background:#444444; padding:15px 0 20px 0; overflow:hidden; color:#dddddd; font-size:12px;}

.subir {float:left; margin:0;}
.subir a {text-decoration:none; color:#dddddd; text-transform:uppercase;}
.derechoReservados {float:right;}