/* -------------------------------------------------------------- 
   LAYOUT CSS v0.1
    * Filename:			layout.css
    * Modified:			(2009-01-14) YYYY-MM-DD
	* Author:			jorgecamacho.com para sercoin.com
    * Website:			http://www.espectaculosimagine.net
-------------------------------------------------------------- */

/* =General
-------------------------------------------------------------- */
* { padding:0px; margin:0px; text-align:left; }
html{overflow: -moz-scrollbars-vertical;}
html {}
body{ background:#000; color:#999; }
:focus{ -moz-outline-style: none;}
img {border:0px;}


/* =Wrapper
-------------------------------------------------------------- */
#wrapper{}

/* =Header
-------------------------------------------------------------- */
#header{}
#sep{width:100%;height:25px; clear:both; border-bottom:1px solid #999999; margin-bottom:25px;}

/* =Navigation
-------------------------------------------------------------- */
#navigation{width:100%;background:#000;border-bottom:1px solid #999999;margin: 0 0 10px 0;}
#logo{float:left;margin: 0 0 0 10px;background:#000;}
#reproductor{float:right;margin: 0 10px 0 0px;background:#000;}

/* =Subnavigation
-------------------------------------------------------------- */
#subnavigation{}
#subnavigation ul{ list-style:none; }
#subnavigation ul li{ margin-left:0px; }
#subnavigation ul li a{ color:#fff; display:block; text-decoration:none; letter-spacing:0.2em; text-transform:uppercase; width:150px; }
.select { background:#f60; color:#000; }
.actual { background:#f60; color:#000; }
#subnavigation ul li a:hover{ background:#f60; color:#000; }

/* =Contents
-------------------------------------------------------------- */
#contents{}
.pagination{ text-align:right; }
.pagination p{ display:block; }
.pagination a{ border:1px solid #222; color:#999; margin-left:10px; padding:4px 6px 5px 6px; text-decoration:none; }
.pagination a:hover{ border:1px solid #f60; color:#fff; }
.top{ margin-bottom:18px; }
.bottom { margin-top:18px; }
.thumbs{width:100%;}
.thumbs li{ display:inline; float:left; margin:0px 15px 0px 0px; padding:0px; }
.thumbs li p{ text-align:center; }
.thumbs li p img{ height:345px; width:230px; }

/*.big li p a img{ height:150px; width:300px; border:1px solid white; margin:0 0px 0px 0;}
.big li p img{ height:150px; width:300px; border:1px solid white; margin:0 0px 0px 0;}*/

.big li{ display:inline; float:left; margin:0px 5px 0px 0px; padding:0px; }
.big li p a img{ height:345px; width:230px; border:1px solid white; margin:0 0px 0px 0;}
.big li p img{ height:345px; width:230px; border:1px solid white; margin:0 0px 0px 0;}

.thumbs li.last{ margin-right:0px; }
.thumbs li a{ display:block; }
.thumbs li a:hover{}
.thumbs li a img{ height:150px; width:150px; }

.superbig li p a img{ height:236px; width:790px; border:1px solid white; margin:0 0px 0px 0;}
.superbig li p img{ height:236px; width:790px; border:1px solid white; margin:0 0px 0px 0;}

.thumbs130 li{ display:inline; float:left; margin:0px 20px 0px 0px; padding:0px; }
.thumbs130 li p a img{ height:130px; width:130px; border:1px solid white; margin:0 0px 0px 0;}
.thumbs130 li p img{ height:130px; width:130px; border:1px solid white; margin:0 0px 0px 0;}



/* =Footer
-------------------------------------------------------------- */
#footer{ border-top: 1px solid #999999;margin-top:30px; text-align:center; }
#footer p{ margin-top:20px; text-align:center; }
#footer a{ color:#999; text-decoration:none; }
#footer a:hover{ color:#fff; }


#contacto{margin: 0 0 20px 0;}
#contacto form input{background:#414141;border:0;color:#bbb;font-family:Georgia,'serif';font-style:italic;padding:3px;float:left;margin:0 0 9px 0;width:450px;  line-height:1.5em;}
#contacto form input:focus, #login form select:focus, #login form textarea:focus{ background:#fff; color:#000; }
#contacto form label{float:left;clear:left;line-height:23px;width:70px;}





.formulario{width:100%}
.formulario strong{ color:#f00; }
.formulario tbody{}
.formulario tbody tr{}
.formulario tbody tr td{ font-family:Georgia,'serif';font-size:16px;font-style:italic;}
input, textarea{ background:#414141;border:0;color:#bbb;font-family:Georgia,'serif';font-size:16px;font-style:italic;float:left;margin:0 0 9px 0;width:700px; padding:10px; }
select{ background:#414141;border:0;color:#bbb;font-family:Georgia,'serif';font-size:16px;font-style:italic;float:left;margin:0 0 9px 0;width:720px; padding:10px; }
input:focus, select:focus, textarea:focus{ background:#fff; border:1px solid #000; color:#000; }



a.button{ border:none; display:block; float:left; height:24px; margin:18px 10px 10px 18px; font-family:Georgia,'serif';font-size:26px;font-style:italic; color:#414141;}