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

body {padding:0; margin:0; background-color:#292929; color:#A3A3A3; line-height:150%; font-size:14px; font-family: 'source_sans_proregular', Arial, Helvetica, sans-serif;}
a { color:#FFFFFF;}

h1 { font-size: 32px; height: 25px; width: 171px; display: block; background-image: url(../img/logo-teatro-del-puente.gif); background-repeat: no-repeat; background-position: 0 0; background-attachment: scroll; margin-bottom: 0; margin-top: 14px;}
h1 a {text-decoration: none; height: 25px; width: 171px; display: block; text-indent:-9000px;}

strong { font-weight: 900; font-family: 'source_sans_probold';}

header { background-color:#000; padding:5px 0; height:35px;}
div.menu-top { }
div.menu-top ul { margin:0; margin-bottom:0; margin-top:10px; margin-left:20px;}
div.menu-top ul li { float:left; margin-left:20px; list-style:none; font-size:13px;}
div.menu-top ul li a { color: #818181; font-family: 'source_sans_probold'}
div.menu-top ul li a:hover { color: #FFF; text-decoration:none;}
div.menu-top ul li.current_page_item a { color:#FFFFFF;}
span.fecha-top {color:#CCCB32; font-size:12px; display:block; margin-top:12px;}

span.titulo { display:block; text-indent:-9000px; background-attachment:scroll; background-position:left top; background-repeat:no-repeat; background-image:url(../img/teatro-del-puente.png); height:38px; width:175px;}

div.menu-global { height:38px; background-color:#1a1a1a; margin-bottom:30px;}
ul#menu-portablemenuprincipal { margin:0; margin-bottom:0; margin-top:8px; margin-left:20px; float: left;}
ul#menu-portablemenuprincipal li { float:left; margin-left:20px; list-style:none; text-transform:uppercase;}
ul#menu-portablemenuprincipal li a { color:#aaaaaa; font-family: 'source_sans_probold'; font-size:14px;}
ul#menu-portablemenuprincipal li a:hover { text-decoration:none; color:#FE6402;}
ul#menu-portablemenuprincipal li.current_page_item a, ul#menu-portablemenuprincipal li.current-menu-item a { color:#FE6402;}

ul.top-social-icons { float:right; width:100px; margin:0; margin-bottom:0; margin-top:6px;}
ul.top-social-icons li { float:right; width:25px; height:24px; margin-left:0; list-style:none; margin-left:5px;}
ul.top-social-icons li a { text-indent:-9000px; background-attachment:scroll; display:block; background-position:left top; background-repeat:no-repeat; line-height:24px;}

ul.top-social-icons li a.twitter { background-image:url(../img/top-icon-twitter.gif);}
ul.top-social-icons li a.facebook { background-image:url(../img/top-icon-facebook.gif);}
ul.top-social-icons li a.instagram { background-image:url(../img/top-icon-instagram.gif);}

h2 { color:#FFF; font-size:32px; margin-bottom:20px; margin-top:0;}
#cicle_gal_obra { height:360px; overflow:hidden; margin-bottom:20px;}

form#searchform {    margin: 0;
    display: inline-block;
    margin-top: 5px;
    margin-left: 30px;}
form#searchform input#s {border:none; padding: 5px; width: 150px; margin-right: 0; border-radius: 0; height: 15px;}
form#searchform button#searchsubmit {vertical-align: top; background: none; border:none;}

body.page-id-23 div.span12 a { margin-right: 20px; margin-bottom: 20px; display: block; float: left;}
div#entry-video .play { position: absolute; top: 100px; left: 150px; cursor: pointer;}
div.box_prensa { float: left; margin: 0 20px 20px 0; width: 17%; height: 100px; overflow: hidden;}

/*Home*/

/* =Home
-------------------------------------------------------------- */

body.page-id-6 p.link-category { margin-bottom:0; margin-left:10px; font-size:10px;}

#top_left h2, #top_right h2 { margin-bottom:5px;}
#top_left h2 a, #top_right h2 a { font-size:24px;}
#top_left p, #top_right p { font-size:12px;}

#top_left, #top_right {
	height:325px;
}

.box_home {
	background-color:#0C0C0C;
	color:#FFF;
	margin-bottom:20px;
}

.box_home_row_1 {height:350px;}

.box_home_row_2 {height:250px;}

.box_home_row_3 {height:150px; margin-bottom:0}

div#box_flechas_noticias_home {float:right; margin:14px 10px 0 0; width:35px;}

a.flecha_home {display:block; width:12px; height:8px; background-attachment:scroll; background-repeat:no-repeat; background-image:url(../img/flechas-noticias-home.gif); text-indent:-9999px; cursor:pointer}
a#flecha_arriba {background-position:0 0; float:left}
a#flecha_abajo {background-position:-12px 0; float:right}

a:hover#flecha_arriba {background-position:0 -8px;}
a:hover#flecha_abajo {background-position:-12px -8px;}

.box_home_row_2 h2.title-home-list a {font-size:15px; color:#E9E9E9}

h2.title-home-list a:hover {color:#FE6402; text-decoration:none}

h2#box_noticas_home {color:#9BCB05; font-size:13px; margin-bottom:0px; padding:5px 10px 0 10px; display:block; line-height:110%;}

div.box_loop_noticias { padding:5px 10px;}

h2.title-home-list-scroll {margin:0}
h2.title-home-list-scroll a {color:#FFF; font-size:13px; margin:0; padding:7px 0; border-bottom:1px solid #666; display:block; line-height:110%;}
h2.title-home-list-scroll a:hover {text-decoration:none; color:#FFF}

div.textwidget {}
div.textwidget a { display:block; text-align:center; margin-top:5px;}

body.home p.pp_description { color:#000;}

.cycle_container_portada {height:350px; overflow:hidden;}
.cycle_container_portada .container_video {height:350px; overflow:hidden;}

.box_home_row_1 .thumb-home-list {height:220px; overflow:hidden; margin-bottom:10px;}
.box_home_row_2 .thumb-home-list {height:160px; overflow:hidden; margin-bottom:10px;}

.box_home_row_1 .thumb-home-list a { position:relative; display:block;}
.box_home_row_2 .thumb-home-list a { position:relative; display:block;}

.box_home_row_1 .thumb-home-list a img.play { top:26%;}
.box_home_row_2 .thumb-home-list a img.play { top:26%;}

.box_home_row_1 .title-home-list,
.box_home_row_2 .title-home-list,
p.meta-data,
.cf_actividad_fechas,
.video_resumen_portada{margin-left:10px; margin-right:10px;}

.box_home_row_1 .title-home-list,
.box_home_row_2 .title-home-list {font-size:19px; font-weight:normal; margin-bottom:0;}

div.box_home h2.title-home-list {margin-bottom:0; line-height:110%;}
h2.title-home-list a {font-size:18px; color:#FFFFFF;}

div.caja-reservas-home { overflow:hidden;}
div.caja-reservas-home img { margin-top:0;}

p.meta-data {font-size:11px; font-weight:normal; margin-bottom:10px;}

.cf_actividad_fechas,
.video_resumen_portada{font-size:13px; font-weight:bold; margin-bottom:10px; line-height:17px;}
.cf_actividad_fechas p,
.video_resumen_portada p{font-size:13px; font-weight:bold; margin:0; padding:0; line-height:17px;}
a span.texto_truncado { color:#999 !important;}
span.texto_truncado {font-size:10px !important; font-weight:bold !important;}

div.bajada, div.bajada p {color:#999999; font-size:12px; font-weight:normal; margin-bottom:5px; line-height:110%;}

div.box_home p.meta-data {display:none;}

div.twitter-box { overflow:scroll;}

/*Reservas*/

body.category h2.entry-title { margin-bottom:10px;}
body.category h2.entry-title a, body.page-id-9 h2.entry-title a { font-size: 22px;font-weight: normal;color: #FFFFFF; line-height: 120%; display: block;}
body.category h2.entry-title a:hover, body.page-id-9 h2.entry-title a:hover { text-decoration:none;}
div.contenedor_box_reservas {
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 1px dashed #999999;
min-height: 146px;
clear:both;
}
p.opciones-categoria {}
p.opciones-categoria a {}
p.opciones-categoria a:hover { color:#FFFFFF; text-decoration:underline;}

div#reservas_accordion h4 {
cursor: pointer;
display: inline;
clear: both;
font-size: 14px;
font-weight: bold;
color:#FFFFFF;
padding:5px; background-color: #000;
width:150px; height:30px;}

h3.title_reservas {
font-size:24px;
color:#FFFFFF;
font-weight:normal;
margin-top:0;
margin-bottom:13px !important;
}

div#cft-eventos ul {
overflow:hidden;
width:100%;
}

div#cft-eventos ul li {
color:#FFFFFF;
margin-bottom:0px;
float:left;
font-size:14px;
margin-right:20px;
list-style-type:none;
width:286px;
margin-left:0
}

div#cft-eventos ul li span {
}

div#cft-eventos ul li a {
text-decoration:none;
color:#FFF;
padding:2px 4px;
background-color:#484848;
}

div#cft-eventos ul li a:hover {
color:#FFFFFF;
background-color:#CD3301
}

div#formulario_izquierda {
float:left;
margin-right:20px;
width:40%;
}

div#formulario_izquierda input.wpcf7-text, div#formulario_derecha input.wpcf7-text {
width:90%;
}


div#formulario_derecha {
float:left;
width:40%;
}


/*End of Reservas*/

/*Category*/

.thumbnail {
display: inline;
padding: 0;
line-height: 20px;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

p.link-category { color:#666; font-weight:normal;}
p.link-category a { color: #FF6600}
p.link-category a:hover{ color: #FF6600; text-decoration:underline;}

/*End of Category*/

/*Sidebar*/

#container_logos h3 {
color: #FF6600;
}

h2.title_sidebar, div#box_categorias_calendario h4 {color:#FE6402; font-size:20px; font-style:normal; font-weight:bold; border-bottom:1px solid #FE6402; padding-bottom:5px; margin-bottom:5px; margin-top:48px;} 
div#box_categorias_calendario h4 {margin-bottom:15px;}
div.segundo_titulo h2.title_sidebar {margin-top:20px;}
div.box_contenido_sidebar p {color:#7E7E7E; margin-bottom:0px; padding:10px; border-bottom:1px solid #666; font-size:14px;}
div.box_contenido_sidebar p a {color:#FFF; font-size:16px;}
div.box_contenido_sidebar p span {font-size:14px;}

/*End of Sidebar*/

/*Archivos Descargables*/
.page-downloads { padding:10px 20px; background-color:#333; margin-top:20px;}
.page-downloads p { margin-bottom:10px; color:#FFFFFF; text-transform:uppercase;}
.page-downloads p a { text-decoration:none; opacity:0.8; color:#CCCCCC;}
.page-downloads p a:hover { opacity:1;}
ul.lista-archivos-descargables { padding-left:0; margin-left:0;}
ul.lista-archivos-descargables li { padding:10px; list-style:none; margin-left:0; border-bottom:1px solid #666;}
ul.lista-archivos-descargables li a { color:#CCCCCC; opacity:0.8; text-decoration:none;}
ul.lista-archivos-descargables li a:hover { opacity:1; text-decoration:none;}

/*End of Archivos Descargables*/


/*Single*/
p.date-single { margin-top:10px; margin-bottom:20px;}
p.date-single a i { font-size:20px;}
p.date-single a, p.date-single a:hover { color:#FFFFFF;}

.play { position: absolute; top: 46%; left: 46%; cursor: pointer;}
#cicle_gal_obra {height: 320px; overflow: hidden; margin-bottom: 20px; position:relative;}
#cicle_gal_obra a { display:block;}
#cicle_gal_obra_single {height: 320px; overflow: hidden; margin-bottom: 20px; position:relative;}
#cicle_gal_obra_single a { display:block;}

div.box_thin {background-color: #000; color: #CCC;}
#content_espectaculos_left div.ficha_item { line-height: 18px; padding: 5px 20px; margin: 0;}

#content_espectaculos_left .entry-ficha #ficha_actividad_funciones { padding-left: 35px; background-image: url(../img/icons/funciones.png); background-attachment: scroll; background-position: 10px 4px; background-repeat: no-repeat; margin-left: 10px;}

#content_espectaculos_left #ficha_actividad_valores { padding-left: 35px; background-image: url(../img/icons/valores.png); background-attachment: scroll; background-position: 10px 4px; background-repeat: no-repeat; margin-left: 10px;}

#btn_abre_prensa, #btn_cierra_prensa { color: #FFF; cursor: pointer; font-size: 13px; padding: 5px 5px 5px 20px; font-weight: normal; margin-bottom: 0px !important; background-color: #8B2401; margin-left: 20px; line-height: 20px; font-size: 14px; text-transform: uppercase; margin-right:20px;}

div#box_prensa_obra { padding-top: 10px; padding-bottom: 0px; margin-left: 20px; }
div#box_prensa_obra a { color:#FFFFFF;}
div#box_prensa_obra a:hover { color:#FFFFFF;}

div#box_de_auspiciadores h4, div#box_de_patrocinadores h4 { padding: 0; margin: 0 0 10px 0; border-bottom: 1px solid #666666; color: #666666; font-size: 12px; font-weight:normal;}
div#box_de_auspiciadores, div#box_de_patrocinadores { width: 45%; float: left;}
div#box_de_auspiciadores { margin-right: 5%;}
div.box_auspicio { float: left; margin: 0 10px 10px 0;}

div.addtoany_share_save_container { background-color: #121212; border-top: 1px solid #333333; border-bottom: 1px solid #333333; text-align: center; padding-bottom: 10px; margin-bottom: 10px; margin-top: 10px; padding-top:10px;}
div.addtoany_share_save_container a { color: #FFF;}
div.addtoany_share_save_container a:hover { color: #FFF;}

div#box_botones_single { height: 30px; margin:20px 0;}
div#box_botones_single a { padding: 7px 10px; background-color: #666666; font-size: 13px; color: #FFFFFF;margin-right: 15px;}
div#box_botones_single a:hover {background-color:#CD3301; text-decoration:none}

a.prensa_img_link { height:120px; overflow:hidden;}

/*End of Single*/

.wpcf7-form p span input, .wpcf7-form p span textarea {
background-color:#333333;
border:1px solid #666666;
color:#CCCCCC !important;
font-size:11px;
padding:4px;
}

.wpcf7-form p span textarea {
width:98%;
height:150px;
}

/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	color:#FFFFFF; font-size:20px; font-weight:normal;
}
	
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}
#respond .required {
	color:#FF4B33;
	font-weight:bold;
}
#respond label {
	color: #999999;
	font-size: 12px;
}
#respond input {
	margin:0 0 9px;
	width:98%;
}
#respond textarea {
	width:98%;
	height:100px;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	display:none
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	width: auto;
	font-size: 13px;
	font-weight:bold;
	background-color:#666666;
	border:1px solid #999999;
	color:#FFFFFF;
	cursor:pointer;
	padding:5px 7px;
}


div#form-comentarios-izq {float:left; width:460px; margin-right:20px;}
div#form-comentarios-izq input, #respond textarea{background-color:#333333; border:1px solid #999999; color:#CCCCCC}
p.comment-form-comment, p.form-allowed-tags, p.form-submit {float:left; width:460px;}


#container_logos { background-color:#1A1A1A; margin-top:20px; font-size:9px;}
#container_logos h3 { color: #FF6600;}
div.box_cartelera_single p { border-bottom: 1px solid #FF6600; margin-bottom: 10px; padding-bottom: 10px;}
div.box_cartelera_single p a { font-size: 15px;color: #FFFFFF;}
div.box_cartelera_single p a span { font-size: 11px; color: #999999;}

footer { background-color:#000; padding:15px 0 30px 0; text-align:center; font-size:12px;}

a.btn-top-menu { height:25px; width:25px; display:none; position:absolute; top:54px; right:20px; color:#FFFFFF; font-size:16px; padding-right:28px; background-attachment:scroll; background-position:right 7px; background-repeat:no-repeat; cursor:pointer;}
#boton-abre-menu { background-image:url(../img/arrow-down.gif);}
#boton-cerrar-menu { background-image:url(../img/arrow-up.gif);}
a.btn-top-menu:hover { text-decoration:none;}
div.global-menu-phone { position:absolute; top:84px; right:0; width:100%; background-color:#000; z-index:1000; padding-bottom:30px;}
div.global-menu-phone ul { margin:0;}
div.global-menu-phone ul li { font-size:16px; border-bottom:1px solid #333; padding:10px; margin-left:0; list-style:none; text-align:left;}
div.global-menu-phone ul li a { color:#FFF; text-decoration:none;}
div.global-menu-phone ul li a:hover { color:#FFF; text-decoration:none;}

a.btn-compra-entradas { display:block; margin:15px 0; background-color:#FFFFFF; height:45px; background-attachment:scroll; background-repeat:no-repeat; background-image:url(../img/boton.jpg); background-position:left center; color:#000000; text-decoration:none; padding-left:160px; font-weight:bold; padding-top:35px; font-size:20px; text-indent: -9000px;}

#content_logos { padding:30px 0; font-size:12px; line-height:130%;} 
#content_logos table tr td { vertical-align:top; padding:10px;}

/*Arriendos*/
ul.lista-planos { margin-left:0; padding-left:0;}
ul.lista-planos li { list-style:none; margin-bottom:10px; border:1px solid #333; padding:10px; width:90%; padding-left:20px; color:#FFFFFF;}
ul.lista-planos li a {}
ul.lista-planos li a:hover { color:#FFFFFF;}
ul.lista-planos li a i { margin:0 5px;}
a.a-link-image { width:100%; display:block;}

/*Donaciones*/
.img-donaciones { margin-bottom:30px;}
body.page-id-8096 h3 { line-height:130%;}


/* Large desktop */
@media (min-width: 1200px) { 

a.btn-top-menu { display:none;}

}

/* Desktop 1024 */
@media (min-width: 980px) and (max-width: 1199px) { 

#cicle_gal_obra_single { height:260px;}
div.menu-top ul li { font-size:10px;}
ul#menu-portablemenuprincipal li a { font-size:12px;}
span.fecha-top {font-size:11px; margin-top:11px;}
a.btn-top-menu { display:none;}
div.box_prensa { width: 20%;}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 

span.fecha-top { font-size:8px;}
div.menu-top ul { margin-left:58px;}
div.menu-top ul li { margin-left:10px; font-size:9px;}
#cicle_gal_obra_single { height:200px;}
ul.top-social-icons { display:none;}
a.btn-top-menu { display:none;}
div.box_prensa { width: 30%;}
div#formulario_izquierda {
float:none;
margin-right:0;
width:100%;
}
ul#menu-portablemenuprincipal { display:none;}
span.fecha-top { display:none;}
div.menu-top ul { display:none;}
a.btn-top-menu { display:inline-block;}
div#formulario_derecha {
float:none;
width:100%;
}

}

/* Landscape phone to portrait tablet */
@media (min-width: 481px) and (max-width: 767px) { 

ul#menu-portablemenuprincipal { display:none;}
span.fecha-top { display:none;}
div.menu-top ul { display:none;}
div.box_home_row_2 { height:auto;}
body { background-color: #000;}
div.caja-reservas-home { text-align:center; background-color:#FFF;}
div.twitter-box { overflow:hidden; height:auto;}
#cicle_gal_obra_single { height:200px;}
#content_espectaculos_right { padding:20px;}
#content_logos { padding:20px;}
h1 { margin-left:20px;}
span.titulo { margin-left:20px;}
ul.top-social-icons { margin-top:-72px; margin-right:10px;}
ul.top-social-icons li a.twitter { background-image:url(../img/black-icon-twitter.gif);}
ul.top-social-icons li a.facebook { background-image:url(../img/black-icon-facebook.gif);}
ul.top-social-icons li a.instagram { background-image:url(../img/black-icon-instagram.gif);}
a.btn-top-menu { display:inline-block;}
div.box_prensa { width: 50%;}
div#formulario_izquierda {
float:none;
margin-right:0;
width:100%;
}

div#formulario_derecha {
float:none;
width:100%;
}
.box_home_row_3 {height:150px; margin-bottom:20px}
.box_home_row_3 a { width:100%; display:block; height:100%; height:150px; overflow:hidden;}
.box_home_row_3 a img { margin-top:-10%;}
}

/* Landscape phones and down */
@media (max-width: 480px) {
	
div.menu-global {padding-bottom: 30px;}
	
ul#menu-portablemenuprincipal { display:none;}
span.fecha-top { display:none;}
div.menu-top ul { display:none;}
div.box_home_row_2 { height:auto;}
body { background-color: #000;}
div.caja-reservas-home { text-align:center; background-color:#623206;}
div.twitter-box { overflow:hidden; height:auto;}
#cicle_gal_obra_single { height:200px;}
#content_espectaculos_right { padding:20px;}
#content_logos { padding:20px;}
h1 { margin-left:20px;}
span.titulo { margin-left:20px;}
ul.top-social-icons { margin-top:-72px; margin-right:10px;}
ul.top-social-icons li a.twitter { background-image:url(../img/black-icon-twitter.gif);}
ul.top-social-icons li a.facebook { background-image:url(../img/black-icon-facebook.gif);}
ul.top-social-icons li a.instagram { background-image:url(../img/black-icon-instagram.gif);}
div.box_prensa { width: 50%;}
a.btn-top-menu { display:inline-block;}

div#formulario_izquierda {
float:none;
margin-right:0;
width:100%;
}

div#formulario_derecha {
float:none;
width:100%;
}

.box_home_row_3 {height:150px; margin-bottom:20px}
.box_home_row_3 a { width:100%; display:block; height:100%; height:150px; overflow:hidden;}
.box_home_row_3 a img { margin-top:-10%;}
}