*{padding: 0; margin: 0;}

body {background-color: #212121; font-family:Arial, "Trebuchet MS", Tahoma, Verdana, sans-serif; color:#333; font-size:11px; line-height:18px; }

a:link,
a:visited { color:#B7B7B7; text-decoration:none; }
a:hover,
a:focus { color:#fff; }

@import url(reset.css); /* RESET CSS */

/* 1.BODY
---------------------------------------------------------------------- */

body {  }

a.opacidad img {filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; -khtml-opacity: 0.30; border:0; text-decoration: none; margin: 0px 1px -1px 0px; padding:0;}

a.opacidad:hover img {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0; }



p,ul,dl,ol {margin-bottom:12px;}

ul {list-style:none;}




ol {list-style:lower-roman;}

ol li {list-style-position:inside;}

blockquote {font-family: Arial, Georgia, Times, serif; padding:0 20px; font-style:italic;}

abbr {border-bottom:1px dotted #ccc;}

strong {font-weight:bold;}

em {font-style:italic;}

sup {font-size:0.8em; position:relative; bottom:0.3em;}

h1,h2,h3,h4 {font-family: Arial, Georgia, Times, serif; line-height:1.0em; font-weight:normal;}

h1 {font-size:30px; margin-bottom:20px;}

h2 {font-size:13px; color:#4d4d4d; margin-bottom:24px; text-transform:uppercase;}

h2.titulo {border-bottom:1px solid #4d4d4d; padding:0 0 10px 10px;}

h3 {text-transform:uppercase; letter-spacing:1px; line-height:18px; margin-bottom:12px; font-size:12px; color:#666;}

h3 em {text-transform:none;}

h4 {text-transform:uppercase; color:#666; line-height:18px; margin-top: 7px; margin-bottom:5px; margin-left:14px; font-size:12px;}

.imiz {float:left; background:#fbfbfb; border:1px solid #EDEDEC; margin:5px 20px 5px 0; padding:5px;}

.imizq {float:left; margin:5px 70px 5px 0; padding:5px;}


/* MAQUETA
---------------------------------------------------------------------- */

div#todo {width:860px; margin:0 auto;}

div#contenido {overflow:hidden; padding-bottom:20px; margin-top:56px;}

.bloque2 {width:620px; float:left; margin-right:20px;}

.bloque2 a {border:none;}

.bloque2 a img {border:none;}

.bloque1 {width:200px; float:left; margin-right:20px;}

.bloque3 {width:840px; float:left;}

div#texto {margin-left:10px;  color:#818181;}

div#texto a {border:none;}

div#texto a img {border:none;}

div#caja {float:right; margin-right:5px; background-color:#242424; border:1px solid #292929;}

div#caja ul li.activo a {color:#4C4C4C;}

div#texto p {font-size:11px;}

hr {border:none; border-top:1px solid #212121; border-bottom:1px solid #292929; height:2px; margin-bottom:7px;}

div#dcha ul li {margin-left:16px; text-transform:uppercase; }

div#caja ul li {margin-left:16px; text-transform:uppercase;}

div#sin_caja {border:0; color: #666;}

div#sin_caja ul li.activo a {color:#4C4C4C;}


div#dcha {float:right; margin-right:5px;}

div#dcha ul li.activo a {color:#4C4C4C;}

.cajon { background-color:#242424; border:1px solid #292929; color: #666;}

div#dcha form input#comenta {width:100px; background:none; border:1px solid #4d4d4d; color:#999; margin-right:10px; margin-top:7px; padding:4px;}

div#dcha form input#comenta:focus {color:#666;}

div#dcha form input#comenta1 {width:150px; background:none; border:1px solid #4d4d4d; color:#999; margin-right:10px; margin-top:7px; padding:4px;}

div#dcha form input#comenta1:focus {color:#666;}

div#dcha form textarea#comenta {width:150px; background:none; border:1px solid #4d4d4d; color:#999; margin-right:10px; margin-top:5px;}

div#dcha form textarea#comenta:focus {color:#666;}

div#dcha input[type="submit"] {display:block; border:none; background:#383838; font-family:Arial, Tahoma, Verdana, sans-serif; letter-spacing:1px; font-size:11px; padding:3px; margin-top: 4px;}

div#dcha input[type="submit"]:hover {background-color:#ccc;}

div#texto form input#comentario {width:200px; background:none; border:1px solid #4d4d4d; color:#999; margin-right:10px; margin-top:7px; padding:4px;}

div#texto form input#comentario:focus {color:#666;}

div#texto form textarea#comentario {width:300px; background:none; border:1px solid #4d4d4d; color:#999; margin-right:10px; margin-top:5px;}

div#texto form textarea#comentario:focus {color:#666;}

.bocata {height: 0; width: 0; border-bottom: 12px solid #292929; border-left: 12px dotted transparent; border-right: 12px dotted transparent; left: 0px; top: 0px; margin-left: 20px; z-index: 10;}

.bocata2 {position: relative; left: -10px; top: 2px; height: 0; width: 0; border-bottom: 10px solid #242424; border-left: 10px dotted transparent; border-right: 10px dotted transparent; z-index: 11;}

.divbocataUp {background-color: #242424; border: solid 1px #292929; position: relative; top: -1px; z-index: 9; width: 180px; padding: 10px; color: #666;}

.divbocataUp_grande {background-color: #242424; border: solid 1px #292929; position: relative; top: -1px; z-index: 9; width: 600px; padding: 10px; color: #666;}

.divbocata {color: #777777; padding: 8px 8px 8px 0px;}

.next_prev {border:none; background:#383838; font-family:Arial, Tahoma, Verdana, sans-serif; letter-spacing:1px; font-size:11px; padding: 3px 8px 3px 8px; margin-top: 4px;}




/* MENU
---------------------------------------------------------------------- */

ul#menu {list-style:none; border-bottom:0px solid #e9e9e9; font-family: Arial, Georgia, Times, serif; text-transform:uppercase; overflow:hidden; font-size:13px; background:#383838;  position:relative;}

ul#menu li {float:left; margin:0 12px 0 14px; padding:10px 0;}

ul#menu li.activo a {color:#000;}

ul#menu li a:link, ul#menu li a:visited {text-decoration:none;}


/* LOGO
---------------------------------------------------------------------- */

div#logo {border-top:0px solid #D7D5CA; position:relative; overflow:hidden;}

div#logo h1 {margin:30px 0 30px 10px;}

div#logo h1 a {display:block; width:168px; height:65px; text-indent:-9999em; background:url(../images/logo.gif) no-repeat left top;}

div#logo h4 {position:absolute; top:-9999em; left:-9999em;}

div#logo p.adr {position:absolute; right:10px; top:10px; border: 0px; font-family: Arial, Georgia, Times, serif; text-align:right;}


/* FORMULARIOS
---------------------------------------------------------------------- */

form {margin-bottom:18px;}

label {display:block; overflow:hidden; margin-bottom:15px;}

label span {display:block; width:60px; float:left; margin-right:20px;}

input[type="text"], textarea, select {border:none; background:#eee; font-family:Arial, "Trebuchet MS", Tahoma, Verdana, sans-serif; color:#333; font-size:11px; padding:5px; width:290px;}

input[type="text"]:focus, textarea:focus, select:focus {background-color:#383838;}

input[type="submit"] {display:inline; border:none; background:#383838; font-family:Arial, "Trebuchet MS", Tahoma, Verdana, sans-serif; letter-spacing:1px; font-size:11px; padding:4px;}

input[type="submit"]:hover {background-color:#ccc;}

fieldset.action {border-top:#e9e9e9 1px solid; padding-top:18px; overflow:hidden;}

fieldset.action input[type="submit"] {float:right;}

fieldset.action p.disclaimer {color:#999; font-size:11px;}


* PIE
---------------------------------------------------------------------- */

div#prepie {border-top:1px solid #4d4d4d; margin-bottom:15px; padding-top:15px; overflow:hidden; clear:both; font-size:10px; }

div#pie {border-top:1px solid #4d4d4d; margin-bottom:15px; padding-top:15px; overflow:hidden; clear:both; font-size:10px; }

div#pie p#copyright {width:170px; float:left; margin-left:10px; color:#666; padding-top:3px;}

div#pie p#rss a {width:16px; height:16px; background:url(../images/rss.png); color: #212121; float:left; margin-left:10px; text-decoration: none;}



div#pie p#rss a:hover {background:url(../images/rss1.png);}



div#pie div#newsletter {width:580px; margin-right:10px; float:right; overflow:hidden;}

div#pie div#newsletter form {float:right;}

div#pie div#newsletter form label {width:10px; display:inline; color:#666; margin-right:15px; margin-bottom:15px;}

div#pie div#newsletter form input {font-size:10px;}

div#pie div#newsletter form input#newsletter_email {width:100px; background:none; border:1px solid #4d4d4d; color:#999; margin-right:10px;}

div#pie div#newsletter form input#newsletter_email:focus {color:#666;}
input { vertical-align:middle; }


* PAGINAR
---------------------------------------------------------------------- */
p.paginar {border:none;} 

p.paginar span {font-weight:normal; color:#999; letter-spacing:1px; text-transform:uppercase;}

p.paginar a:link, p.paginar a:visited {font-weight:normal; color:#999; text-decoration:none; padding:2px;}

p.paginar a:hover, p.paginar a:focus {background:#4d4d4d; color:#666;}


* ACORDEON
---------------------------------------------------------------------- */

#container { width: 650px; margin: 0 auto; text-align: left; /*background: #4C4C4C;*/ color: #949494; padding: 0 10px 10px 0; }

#container h5 { width: 610px; background: url(../images/heading.jpg) top left no-repeat; height: 30px; line-height: 25px; padding: 0 10px 0 10px; margin: 5px 0; position: relative; cursor: pointer;}

#container h5 a{ text-decoration: none; border: 0; font-size: 0.8em;}	

#container h5 span { position: absolute; top: 0; right: 20px;  font-size: 0.8em; font-weight: bold;}
	
div.collapse{ width: 620px;  margin: 5px 0;  background: url(../images/section-medium-top.jpg) top center no-repeat #2A2A2A;}	

div.collapse-container{ width: 580px; height: 100%; padding: 15px 20px 2px 20px; background: url(../images/section-medium-bottom.jpg)  bottom no-repeat;}

div.collapse-container a{ text-decoration: none; }	

div.collapse-container p {line-height: 25px; font-size: 0.8em; font-weight: bold;}

ul.simple, ul.simple li{ list-style:  none outside; padding: 0; }
ul.simple li p{ /*padding: 1px 1px; */ }

* BUSCADOR
---------------------------------------------------------------------- */