/* @override http://www.columpios.com.do/a/c/screen.css */
/* @group elements */
/* @group reset */

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, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
	/*font-weight: normal;*/
	}

ul {
	list-style: none;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	}

em {
	font-style: italic;
	}

strong {
	font-weight: bold;
	}

blockquote {
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	padding: 0 1em;
	}

/* basic font sizes */

p, ul, ol, dl, table, address, blockquote, fieldset, pre, form div {
	font-size: 1em; /* 13px */
	}

/* deal with likely (but certainly not all) inherited shrinkage */

ul p, ol p, table p, dl p, ul ul, ol ol, ul ol, ol ul, address p, blockquote p, form div div, form div p, fieldset div, table form div {
	font-size: 1em; /*13 px */
	}

body {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 87.5%;    
	line-height: 1.429em;
	background-color: #D7D8C2;
	background-image: url(../i/bg.jpg);
	color: #463212;
	}

/* @end */
/* @group links */
.a				{color: #fff; background-color: #C73D82;}


a				{padding: .1em; color: #C73D82; text-decoration: none;}
a.more 			{padding: .4em; color: #F6D738; background-color: #C73D82; font-weight: bold; text-decoration: none;}
a.more:hover	{color: #D6FDFE;background-color: #733DB7;}


p.more 			{width: 190px;height: 39px;background:transparent url(../../a/i/bg-boton.gif) no-repeat; text-align: center;}
p.more a		{display: block; padding: 5px 0; color: #fff; text-transform: uppercase; font-weight: bold; line-height: 1.25; text-decoration: none;}
p.more a em		{display: block; color: #E39BAF;font-size: 90%;text-transform: lowercase; font-style: italic;font-weight: normal;}
/* @end */
/* @group headings */
h1.title 		{margin-bottom: 1.4em; padding-bottom: .6em;color: #FF9E1D;  text-transform: uppercase; font-weight: bold; background:transparent url(../../a/i/bg-ruler-color.gif) repeat-x left bottom;}
h2.sifr			{color: #733DB7; font-size: 200%;}
h2.sifr strong 	{color: #C73D82; font-weight: normal;}
h3				{color: #EC2D83; font-size: 2em; font-weight: bold;}
h4				{color: #FF9E1D; text-transform: uppercase;}
/* @end */
dfn							{display: none;}
strong						{color: #C73D82;}

/* @end */
/* @group structure */
/* @group grid */
/* html {background:transparent url(../../a/i/grid-970-12col.gif) repeat-y center top;}  */
html,body				{height:100%;}
#wrapper				{min-height:100%; height:auto !important; height:100%; margin:0 auto -200px;}
#footer, .push 			{height:200px;}

.container {  width:970px; padding-top:10px;}

.col {float:left; display: inline; margin-left:10px;} 


 /* 6 columns */
.c2  {width:150px; }
.c4  {width:310px;}
.c6  {width:470px;}
.c8  {width:630px;}
.c10 {width:790px;}
.c12 {width:950px;}

/* 12 columns */
.c1  {width:70px;}
.c3  {width:230px;}
.c5  {width:390px;}
.c7  {width:550px;}
.c9  {width:710px;}
.c11 {width:870px;}

/* 12 columns half */
.c15 {width:109px;}
.c25 {width:189px;}
.c35 {width:269px;}
.c45 {width:349px;} /* phi */
.c55 {width:429px;}
.c65 {width:509px;}
.c75 {width:589px;} /* phi */

/* margin */
.ml1  {margin-left:90px;}
.ml2 {margin-left:170px;}
.ml3 {margin-left:250px;}
.ml4 {margin-left:330px;}
.ml5 {margin-left:410px;}
.ml6 {margin-left:490px;}
.ml7 {margin-left:560px;}
.ml8 {margin-left:650px;}
.ml9 {margin-left:730px;}
.ml10 {margin-left:810px;}
.ml11 {margin-left:890px;}
.ml12 {margin-left:970px;}

.inside{margin-left:0;}

.frame  		{border:1px solid #999999;}
.solo 			{margin-bottom:20px;}

.group:after,.container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.group, .container {display: inline-block;}
* html .group,
* html .container {height: 1%;}
.group, .container {display: block;}


/* @end */
/* @group header */
#header			{ position: relative; top:9px; left:50px; height: 220px;}

#branding h1 	{ position: absolute; top:5px; left:250px; width:336px; height:175px;  }
#branding h1 a 	{ display:block; width:336px; height:175px; background:url('../i/logo-columpios.png') no-repeat; text-indent:-2000px; overflow:hidden; }
/* @end */
/* @group footer */
#footer			{background:transparent url(../../a/i/bg-footer.png) no-repeat right top;}
.horarios 		{width: 400px;}
#site-info		{padding:50px 0 0 400px; font-size: .8em;}
#site-info li	{background:none;}
/* @end */

/* @end */
/* @group components*/
/* @group lightbox */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
/* @end */
/* @group sifr */
@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}
/* @end */
/* @end */
/* @group pages */
body 					{ background:#FFF url(../../a/i/bg-clown.jpg) no-repeat fixed left bottom; }
body.historia 			{ background:#000 url(../../a/i/bg-cowboy.jpg) no-repeat fixed left bottom; }
body.historia 			{ background:#000 url(../../a/i/bg-pirata.jpg) no-repeat fixed left bottom; }
body.servicios 			{ background:#000 url(../../a/i/bg-charmed.jpg) no-repeat fixed left bottom; }
body.galeria 			{ background:#000 url(../../a/i/bg-charmed2.jpg) no-repeat fixed left bottom; }
body.filosofia 			{ background:#FFF url(../../a/i/bg-clown-ball.jpg) no-repeat fixed left bottom; }
body.interior #branding h1 a {background:transparent url(../../a/i/logo-columpios-hover.png) no-repeat;}
body.interior #header {height: 300px;}
/* @end */
#wrapper 		{ background:transparent url(../../a/i/bg-ruler-color.gif) repeat-x; }
/* @group nav main */
#nav-main					{position: absolute; top: 150px;left:390px;}
#nav-main ul 				{background:none;}
#nav-main ul li 			{float: left; background:none;}
#nav-main ul li a			{display: block; width: 137px; height: 89px; text-indent: -9999px;}
#nav-main ul li.columpios a {background:transparent url(../../a/i/btn-columpios.png) no-repeat left top;}
#nav-main ul li.escarchin a {background:transparent url(../../a/i/btn-escarchin.png) no-repeat left top;} 
#nav-main ul li.galeria a 	{background:transparent url(../../a/i/btn-galeria.png) no-repeat left top;} 
#nav-main ul li.blog a 		{background:transparent url(../../a/i/btn-blog.png) no-repeat left top;} 
#nav-main ul li a:hover 	{background-position: 0 -89px;}
#nav-main ul li a.activeparent,
#nav-main ul li.currentpage a 	{background-position: 0 -178px;}
/* @end */
/* @group nav sub */
#nav-sub					{position: absolute; top: 250px;left:420px;} 
#nav-sub ul li 				{float: left;padding-left: 0;background:none;}
#nav-sub ul li a 			{display: block; padding:.2em 1em;color: #EB9E2D;background-color: #C73D82; font-weight: bold; text-decoration: none;}
#nav-sub ul li.filosofia a  {color: #EB9E2D;background-color: #C73D82;}
#nav-sub ul li.servicios a  {color: #C73D82;background-color: #EB9E2D;}
#nav-sub ul li.historia	 a  {color: #EB9E2D;background-color: #733DB7;}
#nav-sub ul li a:hover 	{background-color: #6DB42A;}
/* @end */


p, li 			{color: #733DB7;}

ul.bullet li		  {padding-left: 25px; padding-bottom: .5em; background:transparent url(../../a/i/icn-estrella.png) no-repeat;}
/* @group filosofia */
ul.filosofia {
	margin: 30px 0;
	}
ul.filosofia li 	{float: left; margin-right: 1em; font-size: 1.8em;}

/* @end */
/* @group audio */
ul.audio li			{clear:both; padding-bottom: .2em; margin-bottom: 1em; background:none;} 
ul.audio li.odd 	{background-color: #FAE7F4;}
ul.audio li strong  {display: block; float:left; width: 300px;}
/* @end */
/* @group creditos */
ul.creditos-cd li 			{padding: 0;background:none;}
ul.creditos-cd li strong 	{display: block; float: left;width: 200px;}
/* @end */

.box			{padding:1em;}
/* @group album */
ul.albumlist	{width: 100px; float: left;}
ul.albumlist li img {padding: 1px; border: 5px solid #C73D82;}
ul.albumlist li a:hover img {border-color: #733DB7;}
.thumb p 		{font-size: 1em;}
.albumpicturecount {color: #CAE5F5;font-size: .5em;}
/* @end */

.planeta-alegria .comments-general {display:none;}

#gallery li    {float: left; margin-right: 1px;}
#gallery li img {padding: 1px; border: 4px solid #C73D82;}
#gallery li a:hover img {border-color: #733DB7;}
/* @group hentry */
.hentry {
	overflow: hidden;
	clear: both;
	padding-top: 20px;
	}
.hentry li {
	overflow: hidden;
	margin-bottom: 20px;
	
	}	
.entry-date {
	margin: 0;
	text-transform: uppercase;
	font-size: 11px;
	}

/* @end */