/* @override http://www.sinfonia.org.do/a/c/screen.css */
/* @group ELEMENTS */
/* @group base */
html {
	height: 100%;
	} 
a,
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
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,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-weight: inherit;
	font-style: inherit;
	text-decoration: none;
	letter-spacing: 0.05em;
	}

article, aside, figure, footer, header,
hgroup, nav, section {
	display:block;
	}
blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
input { vertical-align:middle; }
img { display:block; }
dfn {display:none;}

/* @end */
/* @group fonts */
body {
	color:#222;
	font-family: "Vollkorn", Georgia, serif;	
	font-size:87.5%;
	line-height: 1.5;
	}	
p, ul, ol, dl {
	font-size: 1em; 
	margin: 0 0 1em; 
	}
	 
/* @end */
/* @group headings */
h1,h2,h3,h4,h5,h6 {margin-bottom: 1em; }


h2 { 
	color:#321307;
	font-family: "Vollkorn", Georgia, serif;	
	font-size:1.846em; 
	font-weight: bold;
	line-height: 1em;
	letter-spacing:-1px;
	}
h3 { 
	font-size:1.5em; 
	line-height: 1;
	letter-spacing: -1px; 
	}
h4 { 
	font-size: 1.2em; 
	line-height: 1.25; 
	}
h5 { 
	font-size: 1em; 
	font-weight: bold; 
	margin-bottom: 1.5em; 
	}
h6 { 
	font-size: 1em; 
	font-weight: bold; 
	}

h3 a  	{text-decoration:none;}

/* @end */
/* @group links */     
a {
	color:#865919;
	transition: all .3s linear;
   -o-transition: all .3s linear;
   -moz-transition: all .3s linear;
   -webkit-transition: all .3s linear;	
	}
a:hover {
	color: #321307;
	border-bottom: 1px solid;
	}	
a.more {
	position:relative; 
	white-space:nowrap;
	}
/* @end */
/* @group images */
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding:0;}
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
p img.decor						{padding:1px; border: 1px solid #321307; }
/* @end */
/* @group list */

ul.bullet {
	list-style:none;
	}
ul.bullet li {
	padding-left:20px; 
	background:transparent url(../../a/i/icn-flor.gif) left center no-repeat;
	}
ul.bullet li em {
	color:#808595;
	}

ul.orquesta {
	list-style:none;
	}	
ul.orquesta li {
	clear:both;
	}
ul.orquesta li strong {
	display:block; 
	float:left; 
	width:180px;
	font-weight: bold;
	}
ul.orquesta li strong.hide	{
	text-indent:-9999px;
	}
ul.orquesta li div {
	margin-left:180px;
	}
li.artist {
	background-color: #f8f8f0;
	}	


ul.contact li {
	padding:10px 0; 
	border-bottom:1px dotted #E4DFCD;
	}
ul.contact li span.fn {
	font-weight:bold;
	}
ul.contact li span.job-title {
	display:block; 
	color:#808595;
	}		
ul.contact li a {
	display:block; 
	margin:-25px 0 0 200px;
	}
/* @end */
/* @group tables */
table {
	width: 100%;
	margin-bottom: 1em;
	}
th {
	padding-bottom: 8px;
	font-weight: bold;
	text-transform: uppercase;
	}
td {
	padding: 5px;
	border-bottom: 1px solid #CCC;
	}
td.precio {
	width: 20%;
	font-weight: bold;
	}		
/* @end */
/* @group helpers */
.alt{
	color:#865919;
	font-size: 1.154em;
	}
.note {
	color: #333;
	font-weight: bold;
	}
/* @end */

/* @end */
/* @group STRUCTURE */
/* @group grid */
body {	
	background:#181006 url(../../a/i/bg.gif) left top repeat;	
	}
.content {
	overflow: hidden;
	position: relative;
	width: 960px;
	margin: 0 auto;
	}
.col {
	float: left;
	}
section,
article,
.box {
	margin-bottom: 1em;
	}
.module {
	overflow: hidden;
	padding-bottom:20px; 
	background:transparent url(../../a/i/ruler-style-2.gif) center bottom no-repeat;
	}
.main {	
	float: right;
	width: 690px;
	margin-right: 20px;

	}	
.primary {
	float: left;
	width: 530px;
	margin-left: 0;
	}
.primary .col {
	width: 250px;
	margin-right: 20px;
	}
.primary .col:last-child {
	margin-right: 0;
	}		
.secondary {
	float: right;
	width: 140px;
	}
.t3 .primary {
	width: 330px;
	}
.t3 .secondary {
	width: 330px;
	}			
.t4 .primary {
	width:100%;
	}
/* @end */
/* @group nav */
/* @group nav main */
.nav-main {
	float:left;
	width: 230px;
	/*margin-top: 0;
	margin-left: -800px;*/	
	}
.nav-main ul {	
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 0.786em;
	font-weight: bold; 
	text-transform: uppercase;
	}
.nav-main ul li	{
	border-bottom:1px solid #E5E0CC;
	}
.nav-main ul li a {
	display:block; 
	padding:5px 10px;	 
	color:#865919; 
	text-shadow: #FFF 1px 1px 1px;
	}  
.nav-main ul li a:hover {
	color:#321307;
	border: none;
	} 					 
.nav-main ul li.activeparent,                    
.nav-main ul li.currentpage {
	border-left:5px solid #865919;
	}
.nav-main ul li.activeparent a,                  
.nav-main ul li.currentpage a {
	background-color:#FFF;
	}
.nav-main ul li ul {
	font-weight: normal; 
	text-transform: capitalize;
	}  						                                                 
.nav-main ul li.currentpage ul li a {
	background-color:#E5E0CC;
	}                                                  
.nav-main ul li.activeparent a.activeparent,
.nav-main ul li.menuactive ul li a.menuactive {
	color:#FFF; 
	background-color:#321307;
	text-shadow: none;
	}
.nav-main ul li.activeparent ul li {
	border:none;
	}
.nav-main ul li.menuactive ul li:last-child {
	border-bottom:none;
	}	
.nav-main ul li.activeparent ul li.currentpage a {
	background-color:#FFF;
	}
.nav-main ul li.activeparent ul li a {
	background-color:#E5E0CC;
	}
/* @end */
/* @group nav sub */
#nav-supp ul {
	height:30px; 
	list-style:none;
	}
#nav-supp ul li {
	float:right; 
	margin-left:5px; 
	padding:3px 10px;
	} 
#nav-supp ul li.language {
	background-color:#321307;
	}
#nav-supp ul li a {
	color:#865919;
	}
#nav-supp ul li a:hover {
	color:#FFF;
	}	
/* @end */
/* @group nav utility */
.nav-utility {
	list-style: none;
	}
.nav-utility li {
	padding-left:20px; 
	background:transparent url(../../a/i/icn-flor.gif) left center no-repeat; 	
	}
/* @end */
/* @group nav gala */

.nav-gala-info {
	position: absolute;
	top: 235px; left: 610px;
	z-index: 95;
	}	
.nav-gala-info li {
	float: left;
	margin-right: 20px;
	}	
.nav-gala-info li a {
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px solid;
	}		
.nav-gala-info li a:hover {
	border: none;
	}
/* @end */
/* @end */
/* @group header */
header {
	position:relative; 
	border-top:8px solid #321307;	
	}
header .content {
	padding-bottom: 10px;
	background:transparent url(../../a/i/bg-header.gif) left bottom repeat-x;	
	}	                    		
#branding {
	position:relative; 
	height:279px;
	
	}
#banner-decor {
	position:absolute; 
	top:0; left: 6px;
	z-index:6; 
	width:950px; height:279px; 
	background:transparent url(../../a/i/decor-branding.png) left top no-repeat;
	}                	
#branding h1 {
	position:absolute; 
	width:214px; height:239px; 
	top:20px; left:15px; 
	background:transparent url(../../a/i/logo-sinfonia.png) left top no-repeat; 
	text-indent: -9999px;
	z-index: 99;
	}
.festival-musical-de-santo-domingo #branding h1 {background:none}
                    		
#banner {
	margin:0;
	position: relative;
	}
#banner li {
	position: absolute; top: 0;
	list-style:none;
	}
.ganadores {
	position: absolute;
	width: 300px;
	top: -150px; left: 650px;
	z-index: 99;
	text-align: center;
	}
.ganadores h2,
.ganadores h3 {
	color: #FFF;
	text-align: center;
	}
.ganadores h2 {
	margin-bottom: 0;
	}	 
.ganadores h3 {
	color:#E5E0CC;
	font-size: 0.8em;
	letter-spacing: 0;
	font-family: Helvetica, sans-serif;
	text-transform: uppercase;
	}	                   				
.ganadores li {
	top: 0;
	left: 0;
	}
.ganadores ul li {
	display: inline;
	padding-right: 10px;
	margin-right: 5px;
	}	
.ganadores ul li a {
	color: #FFF;	
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid;
	}
.ganadores ul li a:hover {
	border: none;
	}		
.ganadores ul li:first-child {
	margin-left: 20px;
	border-right: 1px solid #FFF;
	}
			 
/* @end */
/* @group core */
#core .content {
	padding-top:20px;
	padding-bottom: 2em;
	background-color: #FFF;	
	background-image: url(../i/bg-content.gif);	
	}
/* @end */
/* @group footer */
     

#footer	{
	overflow: hidden;
	font-size:90%;
	}
#footer .content {
	padding:20px 0; 	
	background-color:#321307;
	}	
#footer ul {
	list-style:none;
	}
#footer ul li {
	color:#865919;
	}
#footer ul li.copyrights {
	float:left;  
	width:400px; height:60px; 
	margin-left:50px; 
	padding-left:70px; 
	background:transparent url(../../a/i/logo-sinfonia2.png) left top no-repeat;
	}   
#footer ul li.madeby {
	float:right;
	margin-right: 20px;
	}
#footer ul li.madeby span {
	display:block;
	float:left;
	margin-right:4px; 
	color:#6A3119;
	}
#footer ul li.madeby a {
	display:block;
	float:left;
	height:24px;width:24px;
	color:#1D150B;
	background:transparent url(../../a/i/icn-phixarmedia.png) no-repeat scroll left top; 
	text-indent:-9999px;
	}
/* @end */

/* @end */
/* @group COMPONENTS */

/* @group facebook */

.btn-facebook {
	color: #FFF;
	margin-bottom: 20px;
	margin-top: -30px;
}
.btn-facebook span {
	display: block;
	float: left;
	color: #905822;
	margin-top: 7px;	
	margin-right: 10px;
	}
/* @end */
/* @group festival */
.festival img {
	float: left;
	margin: 0 20px 20px 0;
	}
/* @end */
/* @group colorbox */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(../i/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#fff;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../i/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}

/* @end */
/* @group gallery */
     
.thumb img {
	padding:1px; 
	border: 1px solid #321307;
	} 
.albumlist .thumb,
.picturelist .thumb {
	float: left;
	margin-right: 20px;
	width: 100px;
	text-align: center;
	}

.picturelist .thumb {
	margin-bottom: 1em;
	}
	
.albumlist {
	overflow: hidden;
	}
.galeria .albumlist .thumb,
.galeria .picturelist .thumb {
	height:130px;		
	margin-bottom: 1em;
	}
	
.albumlist img {
	margin: 0 auto;
	margin-bottom: .5em;
	}
.albumlist a {
	line-height: 1.2;
	}		
.gallery {
	list-style: none;
	text-align: center;
	}
.gallery li {
	margin-bottom: 1em;
	}		
.gallery li img {
	margin: 0 auto;
	}
.gallery img,
.picturelist img {
	-webkit-transition-property : scale; 
	-webkit-transition-duration : 0.2s; 
	-webkit-transition-timing-function : ease-in-out; 
	-moz-transition-property : scale; 
	-moz-transition-duration : 0.2s; 
	-moz-transition-timing-function : ease-in-out; 
	-o-transition-property : scale; 
	-o-transition-duration : 0.2s; 
	-o-transition-timing-function : ease-in-out; 
	transition-property : scale; 
	transition-duration : 0.2s; 
	transition-timing-function : ease-in-out;
	}
.gallery a:hover img,
.picturelist a:hover img {
	-webkit-transform : scale(1.15); 
	-moz-transform : scale(1.15); 
	-o-transform : scale(1.15); 
	transform : scale(1.15);
	border: 5px solid; 
	}		
/* @end */
/* @group news */
	
/* @end */
/* @group calendar */
     

.vevent {
	margin-bottom:1em; 
	padding-bottom:20px; 
	background:transparent url(../../a/i/ruler-style-1.gif) center bottom no-repeat;
	}	
.vevent .location	 {
	color:#9F9F9F; 
	line-height:1.2;
	}	
.hcalendar .vevent p {
	margin-bottom: 0;
	}		
/* @end */

/* @end */

/* @group PAGES */

/* @group home */
.home section h3 {
	margin-bottom:.2em;
	font-size: 1em;	
 	font-weight: bold;
	color:#865919;
	}
.home section h3 a:hover {
	border: none;
	}	  
/* @end */
/* @group van cliburn */
#branding.van-cliburn h1 {
	width:270px; height:180px; 
	left:50px;
	margin: 0; 
	background:transparent url(../../a/i/logo-5ta-gala-ganadores.png) left top no-repeat; 
	text-indent: -9999px;	
	}
header .vevent {
	color: #FFF;
	position: absolute;
	top: 200px; left: 30px;
	width: 300px;
	text-align: center;
	z-index: 10;
	background: none;
	}
header .vevent .summary {
	display: none;
	}	
header .vevent .location {
	display: block;
	}
/* @end */

/* @group barenboim */
#branding.barenboim h1 {
	width:270px; 
	left:50px;
	margin: 0; 
	text-indent: -9999px;	
	}
.barenboim .hgroup {
	position: absolute; top: 80px; left: 670px;
	z-index: 100;
	}	
.barenboim h2 {
	color: #FFF;
	margin-bottom: 0;
	text-align: center;
	}	
.barenboim h3 {
	color: #c8c7c1;
	}	
	
header .barenboim .vevent  {
	color: #FFF;
	position: absolute;
	top: 140px; left: 640px;
	width: 300px;
	text-align: center;
	z-index: 10;
	background: none;
	}
header .barenboim .vevent .summary {
	display: none;
	}	
header .barenboim .vevent .location {
	display: block;
	}

.barenboim .nav-gala-info {
	top: 195px; left: 680px;
}
/* @end */

/* @end */

/* @group EFFECTS */

.no-js .ganadores  {
	display: none;
	}
		
/* @end */