/*-----general--------------------------------------------------------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong,sup, sub, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, summary, hgroup { margin: 0; padding: 0; border: 0; outline: 0; font-weight:inherit; font-style: inherit; font-size: 100%; vertical-align: baseline;}
:focus, a:active, a:hover {outline: 0;}
body { line-height: 1; color: black; background: white;}
ol, ul { list-style: none;}
table { border-collapse: separate;border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

body{ background:url(../img/papel_negro.jpeg) repeat;}

.wrapper{ width:40%;margin:1% auto; }

h1, h2{text-align:center;}
h1 a:hover{opacity: .6;}
h2{ font-size:1.2em; color:#FFF;margin-bottom:4%;font-weight: bold;}
h3{ font-size:1.1em; color:#FFF;margin-bottom:2%; font-weight: bold;}
strong{ font-weight:bold;}


.nav {padding:2% 0 2% 28%; margin:0 0 8% 0; clear:both;border-top:1px solid #999; border-bottom:1px solid #999; display:block;}
.nav li{ display:inline; float:left; border-right:1px solid #999;margin-right:7px;}
.nav li.last{ display:inline; float:left; border-right:none;}


.txt{font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;color:#999; text-align:center;font-size:12pt;line-height:16pt;}

.legal{text-align:left;}
.legal ul li{list-style:circle;margin:0 0 5% 4%;}
.legal ul li ul li{list-style:disc;margin:1% 0 1% 10%;}

.legal ul.datos li{list-style: none;margin:0 0 1% 5%;}
	
.clear{clear:both;}
img{-ms-interpolation-mode:bicubic;}
em{ font-style:italic;float:right;}
a{text-decoration:none;cursor:pointer;color:#999; text-decoration:underline;}
a:hover, .sel{color:#FFF;}

.ficha li{margin-bottom:2%;}

.social{margin-top:8%;}
.social li{float:left; display:inline; width:50%;}
.social li a:hover{ opacity:.8;}
.social li a img{ width:15%;margin:0 8px -5px 0;}

.footer{margin:8% 0 5%;padding-top:2%;font-size:.8em;border-top:1px solid #999; }

figure{width:100%;}

.producciones{width:45%; float: left; margin: 0 5% 0 0;}
.producciones:hover, .ver:hover{ opacity: .5;}
.producciones_right{margin: 0 !important;}
.ver{width:50%;float: left;}
.ver img{width:50%;}
 
/*movil*/

@media(max-width:720px) {
.wrapper{ width:96%;margin:2% auto; }
img{width:100%; float:left;padding:0 5% 0 0;}
.txt{padding:10% 0 0 4%; font-size:.7em; line-height:1.2em;}	
.social{ padding-left:18%;}
.social li a img{ width:50% !important;}
.social li a span{ display: none;}
.nav {margin:0 !important;}
.ficha li{margin-bottom:0;}
.ver img{width:30%;}
}

@media only screen and (max-width: 450px) {
img{ width:100% !important;margin:0 0 5% 0;padding:0 0 5% 0;}
.txt{padding:10% 0 0 4%;font-size:1em;}	
.nav {padding:2% 0 2% 5%;}
.footer{margin:10% 0 5%;padding-top:1%;font-size:.7em; }
}