/*
Theme Name: CineDoble Version Gratis
Description: Theme optimizado para peliculas.
Author: Rayden
Version: 1.6
*/
@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
body {color:#333;font: 12px Verdana;background: url(images/back.jpg) no-repeat scroll 50% 0 #000;}
* {margin:0;padding:0;}
.clear {clear:both;}
img {border:0;
max-width: 545px;
width: expression(this.width > 545 ? 545: true);
height:auto;
}
/*
Contenedor de videos (IFRAME)
iframe {
max-width: 545px;
max-height:360px;
}
*/
a {color:#000;text-decoration:none;}
a:hover {color:#444;text-decoration:none;}
ul {list-style: none;}
textarea ,input{outline: none;}
.alignnone {margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter {display:block;margin: 5px auto 5px auto;}
.alignright {float:right;margin: 5px 0 20px 20px;}
.alignleft {float:left;margin: 5px 20px 20px 0;}
.aligncenter {display: block; margin: 5px auto 5px auto;}
a img.alignright {float:right;margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float:left;margin: 5px 20px 20px 0;}
a img.aligncenter {display: block;margin-left: auto;margin-right: auto}
.wp-caption {background: #fff; border: 1px solid #f0f0f0;max-width: 96%;padding: 5px 3px 10px;text-align: center;}
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none;height: auto; margin:0;max-width: 98.5%;padding:0;width: auto;}
.wp-caption p.wp-caption-text {font-size:11px;line-height:17px; margin:0;padding:0 4px 5px;}
/* ajustes */
#menu,.mwidget,h3.widgetitulo,.wp-pagenavi a, .wp-pagenavi span,#caja,.marco-filas,.sinopsis,h3#titulocomemt,#respond input#enviar{-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
#footer a,h3.widgetitulo,.wp-pagenavi a, .wp-pagenavi span,.sinopsis h3,.texto,#sidebar ul li a,.mwidget p,.mwidget a ,.mwidget{color: #fff;}
/* fin ajustes */
/* header */
#marco{margin:0 auto;width:990px;}
#cabeza {height: 140px;}
#logo h1 a{text-indent: -9999px;width:250px;float:left;height: 152px;background: url(images/logoh.png) no-repeat;}
.banner-top {
margin-top: 35px;
display: block;
width: 728px;
height: 90px;
float: right;
}
#menu {background: url(images/men.png) repeat-x;text-align:center;margin: 15px auto;height: 40px;}
#menu li {border-right: 1px solid;display:inline;list-style-type:none;margin:0;padding:0;}
#menu li:last-child {border-right: none;}
#menu ul {margin:0;padding:4px;}
#menu ul li a {text-transform: uppercase;line-height: 33px;font-weight: 700;font-size: 10px;color: white;text-decoration: none;padding: 10px;-moz-transition: all 0.218s;-ms-transition: all 0.218s;-o-transtion: all 0.218s;-webkit-transition: all 0.218s;transition: all 0.218s;}
#menu ul li a:hover {text-shadow: none;color:#000;background:#fff;text-decoration:none;}
#estrenos ul > li {position: relative; float: left;list-style: none;margin: 0 20px 20px 0;font-size: 10px;z-index: 1;}
#estrenos ul li img { display: block; position: relative; z-index: -1;}
#estrenos ul a:hover:after,#estrenos ul a:focus:after{content: attr(title);color: #fff;position: absolute;bottom: 20px;padding: 5px 0;min-height: 15px;line-height: 15px;text-align: center;width: 130px;background: url(images/men.png) repeat-x;display: block;text-shadow: -1px -1px 0 #382D2B;}
#estrenos {margin: 30px 0 0;}
/* carrusel */
.marco-filas {margin: 0 auto;background:url(images/on-sbg.png);height: 250px;box-shadow: rgba(0,0,23,0.9) 0 0 5px 1px; /* un detallito */}
.jcarousel-container-horizontal {height: 220px;padding: 15px;margin-left:130px;position:relative;}
.marco-cinta .jcarousel-clip {overflow: hidden;}
.marco-cinta .jcarousel-item {width: 150px;height: 230px;}
.marco-cinta .jcarousel-next-horizontal {position: absolute;top: 25px;left: -83px;width: 60px;height: 60px;cursor: pointer;background: transparent url(images/next-horizontal.png) no-repeat;}
.marco-cinta .jcarousel-prev-horizontal {position: absolute;bottom: 20px;left: -83px;width: 60px;height: 60px;cursor: pointer;background: transparent url(images/prev-horizontal.png) no-repeat;}
.panel{margin:10px 0;}
/* Fin carrusel */
#caja{margin:30px auto;background:url(images/post.png);background-color: #F4F4F4;}
/* fin header */
/* index */
#contenido{width:640px;margin:10px;float:left;}
.pelicula {color:#555;width:150px;height:250px;margin:5px !important;float:left;position:relative;}
.poster {width: 130px;}
.poster img , #portadas img {width: 130px;height:200px;}
.poster h2{text-align: center;padding:7px 0;}
.poster h2 a:link, .poster h2 a:visited{font-size:10px;line-height: 12px;color:#444;}
.sinopsis {background:#ff3400 url(images/men.png) top repeat-x;display:none;position:absolute;right:-305px;text-shadow:1px 1px 2px #1A3D64;top:0;width:300px;z-index:100;}
.sinopsis h3 {border-bottom:1px dashed silver;font-size:18px; margin:5px 5px 0; padding:2px 0 7px;}
.texto {padding: 5px 10px; line-height:16px; font-size:13px; float:left;}
/* fin index */
/* Estilo para Plugin Wp-Pagenavi */
.wp-pagenavi {clear: both;font-weight: 700;font-size: 15px;line-height: 50px;}
.wp-pagenavi a, .wp-pagenavi span {text-decoration: none;margin: 2px;text-shadow: 0 1px 0 #000;height: 2.95em;padding: 13px;background: #313131 url(images/on-sbg.png);}
.wp-pagenavi a:hover, .wp-pagenavi span.current {box-shadow: 0 0 5px rgba(0,0,0,0.8);}
.wp-pagenavi span.current {font-weight: 700;}
/* fin estilo pagenavi */
/* post */
#marco-post{width:640px;margin-top:25px;float:left;}
.titulo{padding-left: 20px;font-size: 45px;font-family: 'Yanone Kaffeesatz'}
.post{margin: 10px auto;color: #555;padding: 10px;border: 1px solid #fff;box-shadow: inset 1px 2px 3px #bbb, 1px 1px 1px #fff;width: 575px;}
.post a:link,.post a:visited {color:blue;}/* azul es un link para los hoygan */
.post a:hover {text-decoration:underline;}
.post p{padding: 10px;line-height:175%;word-wrap: break-word;}
.mposter{float:left;margin: 10px 5px;padding:10px;}
.mposter img {width: 130px;height: 200px;}
.sipno { margin-top: 10px;text-align: justify; }
.sipno h3 {text-align: center;}
#mcardtable{
padding: 10px;
background: white;
box-shadow: inset 1px 2px 3px #BBB, 1px 1px 1px white;
text-align: left;
}
#mcardtable td{ height: 35PX; }
.linea {background: url(images/borde.png) no-repeat;margin-top: 20px;text-align: center;height: 15px;}
.generos {margin:0 30px;color:#3B5998;font-weight: bold;}
.generos a{display: inline-block;width: auto;margin: 0 5px 10px 0;padding: 3px 10px;color: #8A8A8A;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;border: none;-moz-box-shadow: inset 1px 1px 1px #ccc, 1px 1px 1px #fff;-webkit-box-shadow: inset 1px 1px 1px #ccc, 1px 1px 1px #fff;box-shadow: inset 1px 1px 1px #ccc, 1px 1px 1px #fff;
font-family: "Trebuchet MS","Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 12px;font-style: italic;
text-shadow: 1px 1px 0px white;list-style: none;}
.generos a:hover {-o-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;background: white;color: black;box-shadow: 1px 1px 2px rgba(0,0,0,0.8);}
/* post */
/* sidebar */
#sidebar {width: 310px;float: right;margin: 10px;}
#sidebar li {width: 150px;font-size:13px;color:#000;list-style:none;overflow:hidden;float:left;}
#sidebar ul li a:hover {color: white;text-decoration: underline;-webkit-transition: all 0.5s ease-in-out;text-shadow: 0 0 10px yellow;}
#sidebar ul li a {padding-left: 25px;background: transparent url(images/li.png) no-repeat scroll left center;font-size: 12px;line-height: 20px;margin: 5px 0;display: block;}
h3.widgetitulo,h3#titulocomemt {background: url(images/men.png) repeat-x;font-size: 30px;margin-bottom: 10px;padding: 10px 0 10px 10px;text-shadow: -1px -1px 0 #382D2B;font-family: 'Yanone Kaffeesatz';text-align: center;text-transform: uppercase;}
.mwidget{background: url(images/on-sbg.png);display:inline-block;margin-bottom:10px;padding:5px!important;width: 300px;}
.tagcloud,.textwidget {padding: 5px;}
.page_item {
width:100%;
float: none;}
/* Fin sidebar */
/* footer */
#footer {padding:30px 0;color:#ccc;font-size:11px;text-align:center;}
/* Fin footer */
/* Comentarios */
.tinota {float: left;margin-left: 50px;padding-top: 10px;}
.notab {float: left;margin: 10px 0 0 50px;}
.bgnota{background: url(images/aviso.png) no-repeat white 10px 10px;display: inline-block;}
.notaav {font-style: italic;font-size: 12px;color: black;float: right;margin-top: 5px;padding: 5px;width: 40%;height: 85px;box-shadow: inset 1px 2px 3px #bbb, 1px 1px 1px #fff;border: 8px solid #333;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.comentarios {margin: 30px auto;width: 575px;}
h3#titulocomemt {color:white}
ol.listacomentarios {clear:both;list-style:none;margin:0;}
ol.listacomentarios li {line-height:18px;border: 1px solid white;box-shadow: inset 1px 2px 3px #bbb, 1px 1px 1px #fff;margin:5px 0 20px 0px;padding:20px 25px;}
ol.listacomentarios li .comment-author a:link,ol.listacomentarios li .comment-author a:visited {color:#333;font-weight:700;text-decoration:none!important;}
cite.fn {color:#eee;font-style:normal;}
ol.listacomentarios li .comment-author .avatar {float:right;float: right;border: 1px solid white;box-shadow: 0 0 5px 1px #ccc;}
ol.listacomentarios li .comment-meta .commentmetadata {color:#000;}
ol.listacomentarios li p {line-height:22px;margin-top:5px;color:#666;font-size:12px;}
ol.listacomentarios li .reply {margin-top:10px;font-size:10px;}
ol.listacomentarios li .reply a {color: #8A8A8A;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-moz-box-shadow: inset 1px 1px 1px #ccc, 1px 1px 1px #fff;-webkit-box-shadow: inset 1px 1px 1px #ccc, 1px 1px 1px #fff;box-shadow: inset 1px 1px 1px #ccc, 1px 1px 1px #fff;font-size: 12px;text-shadow: 1px 1px 0px white;text-decoration:none;padding:3px 10px;}
ol.listacomentarios li .reply a:hover {-o-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;background: white;color: black;box-shadow: 1px 1px 2px rgba(0,0,0,0.8);}
ol.listacomentarios li ul.children {list-style:none;text-indent:0;margin:1em 0 0;}
#respond {margin:10px 0;padding:10px 20px;border: 1px solid white;box-shadow: inset 1px 2px 3px #bbb, 1px 1px 1px #fff;}
#respond h3 {font-size:14px;color: #3B5998;font-weight: bold;padding:10px 0px;}
#commentform {padding:10px 0;}
#respond label {display:block;color: #3B5998;font-weight: bold;padding:5px 0;}
#respond input {background:#fff;border:1px solid #EFE4DA;color:#595852;margin:0 10px 10px 0;padding:5px;box-shadow: inset 1px 2px 3px #bbb, 1px 1px 1px #fff;}
#commentform input {width:50%;}
#respond input#enviar {width: 90px;background: url(images/men.png);color: white;margin: 10px 0;padding: 5px;cursor: pointer;box-shadow:none;}
textarea#comenta {background:#fff;border:1px solid #EFE4DA;width:98%;color:#595852;margin:10px 0 0;padding:5px;box-shadow: inset 1px 2px 3px #bbb, 1px 1px 1px #fff;}
ol.listacomentarios li .comment-author,ol.listacomentarios li .comment-author .fn {color: #3B5998;font-weight: bold;}
ol.listacomentarios li .comment-meta,#respond label small {font-size:10px;}
ol.listacomentarios li ul.children li.depth-2,ol.listacomentarios li ul.children li.depth-3,ol.listacomentarios li ul.children li.depth-4,ol.listacomentarios li ul.children li.depth-5 {margin:0 0 0 50px;}
/* Fin comentarios */
/* Buscador */
#search p {margin:0;font-size:85%;}
#s {width: 230px;background: #F8F8F8;padding: 5px 5px;height: 20px;border: none;color: #555;float: left;display: inline;-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-radius: 5px 0px 0px 5px;
border-radius: 5px 0px 0px 5px;}
#searchsubmit {background: #37444E;color: white;display: block;width: 60px;height: 30px;line-height: 30px;float: right;cursor: pointer;border: 1px solid white;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px;}
/* Fin Buscador */
.trela {
font-weight: 700;
color: white;
font-size: 35px;
text-align: center;
padding: 10px 0;
background: url(images/men.png) #fd7622 repeat-x;
text-shadow: -1px -1px 0 #382D2B;
font-family: 'Yanone Kaffeesatz';
text-transform: uppercase;
}
#relacion {
padding: 5px;
height: 320px;
width: 570px;
margin: 0 auto;
height: 100%;
position: relative;
overflow: hidden;
padding: 5px;
border: 1px solid #111;
background: url(images/men.png) #333;
-moz-box-shadow: 1px 1px 4px #222;
-webkit-box-shadow: 1px 1px 4px #222;
box-shadow: 1px 1px 4px #222;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#relacion img {
height: 200px;
width: 130px;
}
#relacion img:hover{
box-shadow: rgba(255, 255, 255, 1) 0 0 10px 5px;
-o-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.relp {
font-size: 22px;
text-align: center;
padding: 10px 0;
}
.tpost {
margin: 20px 0 0 10px;
width: 130px;
height: 250px;
float: left;
}
.tpost h2 a{
color: white;
font-size: 10px;
}
.tpost h2 {
text-align: center;
margin-top:10px;
}