.clear { clear:both; }
* {
	border:none;
}
body {
	background:#000 url("../images/bg.gif") 50% 50% no-repeat fixed;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
}

p {
	margin:0px;
}
a:link, a:visited {
	color: #ccc;
	text-decoration: none;
}
a:hover, a:active {
	color: #fa8419;
	text-decoration: none;
}
a {
	font-size:8pt;
	color:#f00;
}
h1 {
	font-size:28px;
}
h4 {
	margin:0;
	font-size:16px;
	color:#f37d00;
}
h5 {
	font-size:13px;
	color:#f37d00;
}
em {
	
	color:orange;
}
/* misc */

#wrapper {
	text-align:left;
	margin: 20px auto;
	width: 730px;
}

#horizon {
	margin:0;
	padding:0;
}
/* header */
#header {
	margin:0px;
	padding:0px;
	text-align:center;
	height:95px;
	background: url("../images/textboxtop.gif") left bottom no-repeat;
	overflow:hidden;
}
#header h2 {
	margin:0px;
	padding-top:25px;
}

/* content */
#content {
	font-size:12px;
	line-height:1.5em;
	margin:0px;
	padding:0px;
	background:#000 url("../images/textboxbg.gif") left top repeat-y;
	color:#999;
}

#subtitle {
	text-align:center;
}

.single {
	padding:20px 80px;
	text-align:justify;
	line-height:1.5em;
}

.double {
	padding:20px 80px;
	text-align:justify;
	line-height:1.5em;
}

.left {
	width:46%;
	float:left;
}
.right {
	width:46%;
	float:right;
}
/* footer */
#footer {
	padding-top:55px;
	background: url("../images/textboxbottom.gif") left top no-repeat;
}
#navigation {
	font-size:11px;
	padding-left:26px;
	color:#ccc;
}


/* pages */
#gallerypage #horizon {
	background-color: transparent;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	margin-top: -220px;
	text-align: center;
	min-width: 760px; 
}
#gallerypage #wrapper {
	position: relative;
	height:440px;
	text-align:left;
	margin: 0px auto;
	width: 730px;
}
#gallerypage #header {
	height:45px;
	margin:0px;
	padding:0px;
	text-align:center;
	background-image: none;
	overflow:hidden;
}
#gallerypage #content {
	background-image: none;
	background-color: transparent;
}
#gallerypage #footer {
	padding-top:10px;
	background-image: none;
}


#contactpage #horizon {
	background-color: transparent;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	margin-top: -280px;
	text-align: center;
	min-width: 760px; 
}
#contactpage #wrapper {
	position: relative;
	height:440px;
	text-align:left;
	margin: 0px auto;
	width: 730px;
}

#locationpage #horizon {
	background-color: transparent;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	margin-top: -280px;
	text-align: center;
	min-width: 760px; 
}
#locationpage #wrapper {
	position: relative;
	height:440px;
	text-align:left;
	margin: 0px auto;
	width: 730px;
}


/* curriculum */
#logos {
	text-align:right;
}
#logos img {
	margin-left:4px;
}

/* blog */
.post {}

.post .date {
	display:block;
	margin-bottom:10px;
	font-size:11px;
	color:#777;
}
.post h4 {
	font-size:16px;
	color:#f37d00;
}
.post img {
	padding:0 0 10px 10px;
}

/* visitanos */
#locationpage .double {
	padding:20px 40px;
}
#locationpage .left {
	width:59%;
}
#locationpage .right {
	width:39%;
}
#vcard {
	text-align:center;
	line-height:1.5em;
	width:192px;
	margin:0 auto;
	background:#000 url("/images/contactabg.png") center repeat-y;
}
#vcard #logo {
	background:url("/images/contactacap.png") top center no-repeat;
	padding-top: 24px;
}
#vcard p { 
	background:url("/images/contactacap.png") bottom center no-repeat;
	padding-bottom:18px;
	padding-left:10px;
	padding-right:10px;
	}
#maptext {
	text-align:center;
	line-height:1.5em;
	margin:40px auto 0 auto;
	width:192px;
}
#maptext a:link, #maptext a:visited{
	color: #fa8419;
	text-decoration: none;
}
#maptext a:hover, #maptext a:active{
	color: #fa8419;
	text-decoration: underline;
}

/* contact */
#contactpage .double {
	padding:20px 40px;
}

#contacttext h3 {
	font-size:16px;
	color:#fff;
}

#contactform {
	margin:0 auto 0 auto;
	background:#2b2624;
	border:#fff 1px solid;
	padding:0 10px 10px 10px;
}
#contactform h3 {
	font-size:16px;
	color:#fff;
}
#gracias {
	text-align:center;
	font-size:26px;
	margin:60px auto 0 auto;
}
/* clients */
#clientspage .double {
	padding:20px 40px;
}	
#clientspage .single {
	padding:20px 40px;
}	
#clientspage .left {
	width:60%;
	float:left;
}
#clientspage .right {
	width:38%;
	float:right;
}
#clientloginform {
	background:#111;
	padding:0px 10px;
	border:1px solid #222;
}
	
	
	
	








#video{
	background:#000 url("/images/textboxbg.gif") top center repeat-y;
	color:#999;
	font-size:11px;
	text-align:center;
	padding:20px 0px 20px;
	margin:-25px auto 0 auto;
}

#video img {width:138px; height:95px; border:#333 4px solid; margin:5px;}

#video p {padding:0 20px 0 20px;}


#leftbracket {
	position:absolute;
	top:166px;
	margin-left:15px;
	}
#rightbracket {
	position:absolute;
	top:166px;
	margin-left:700px;
	}

		
#gallery {
	margin:10px auto 0 auto;
	width:452px;
	height:475px;
	border:1px solid #929a9d;
	padding:5px;
	background:url(imgs/loading.gif) center 200px no-repeat #fff;
}

#slideimg {
	width:450px;
	height:450px;
	border:1px solid #929a9d;
	margin-bottom:5px;
	background:#f1f1f1;
}

#slidecaption {
	background:#fff;
}





#carousel-container {
	background: url("/images/carouselbg.gif") top left no-repeat;
	height:348px;
	margin-left:auto;
	margin-right:auto;
}


#bottomline {
	margin-left:6px;
	margin-top:50px;
}
#stripview {	
	overflow: hidden;
	height: 132px;
	width:660px;
	margin-left:auto;
	margin-right:auto;
	padding-top:110px;
}

/**
 * Copyright (c) 2006, Bill W. Scott
 * All rights reserved.
 *
 * This work is licensed under the Creative Commons Attribution 2.5 License. To view a copy 
 * of this license, visit http://creativecommons.org/licenses/by/2.5/ or send a letter to 
 * Creative Commons, 543 Howard Street, 5th Floor, San Francisco, California, 94105, USA.
 *
 * This work was created by Bill Scott (billwscott.com, looksgoodworkswell.com).
 * 
 * The only attribution I require is to keep this notice of copyright & license 
 * in this original source file.
 */

/**
 * Standard Configuration. It is advised that this section NOT be modified as the
 * carousel.js expects the behavior outlined below.
 **/
.carousel-component { 
	position:relative;
	overflow:hidden;
	visibility:visible; /* component turns it on when first item is rendered */
}
				
.carousel-component ul.carousel-list { 
	width:10000000px;
	position:relative;
	z-index:1; 
}

.carousel-component .carousel-list li { 
	float:left;
	list-style:none;
	overflow:hidden;
}

.carousel-component .carousel-vertical li { 
	float:none;
	margin-bottom:0px;
}

.carousel-component ul.carousel-vertical { 
	width:auto;
}

.carousel-component .carousel-clip-region { 
	overflow:hidden;
	margin:0px auto;
	position:relative;
}

/**
 * Safe to override. It is safe to override background, padding, margin, color,
 * text alignment, fonts, etc. Define a separate CSS file and override your style
 * preferences.
 **/

.carousel-component { 
	padding:0px;
}
.carousel-component ul.carousel-list { 
	margin:0px;
	padding:0px 0px 0px 0px;
}
.carousel-component .carousel-list li { 
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:0px;
	font:10px verdana,arial,sans-serif;
	color:#666;
}
.carousel-component .carousel-vertical li { 
}
.carousel-component ul.carousel-vertical { 
}
#small-carousel .carousel-list li {
    margin:4px 5px 0px 5px;
}



#nav {
	padding:10px 65px 73px 65px;
	background: url("/images/bottomline.png") bottom center  no-repeat;
}
#stripesubtitle {
	padding:5px 0px 80px 0px;
	font-size:11px;
	color:#757575;
	text-align:center;
	background: url("/images/bottomline.png") bottom center  no-repeat;
}
/* BUTTONS */
#prev-container {
    float:left;
}
#next-container {
    float:right;
}

#prev-arrow-small {
    cursor:pointer;
    margin-top:20px;
    margin-right:10px;
}

#next-arrow-small {
    cursor:pointer;
    margin-top:20px;
    margin-left:10px;
}


#hoverbox
{
	padding:0;
	cursor: default;
	list-style: none;
}

#hoverbox a
{
	cursor: default;
}

#hoverbox a .preview
{
	display: none;
}

#hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

#hoverbox img
{
	margin:0px;
	vertical-align: top;
	width: 132px;
	height: 132px;
}

#hoverbox li
{	
	display: inline;
	float: left;

	padding: 0px;
	position: relative;
}

#hoverbox .preview
{
	width: 132px;
	height: 132px;
}


/* The width = img size + a.borderLeftWidth + a.borderRightWidth + img.borderLeftWidth + img.borderRightWidth */
#hoverbox  .carousel-list li {
    width:132px; /*50 + 2 + 2 + 1 + 1 */
}


#hoverbox  .carousel-list li img {
    border:none;
    display:block;
}

a#boda {
	width: 132px;
	height: 132px;
	background-image: url(/images/gal_boda.jpg);
	display: block;
	text-decoration: none;
}

a#boda:hover {
    background-position: 132px 0;
}

a#comunion {
	width: 132px;
	height: 132px;
	background-image: url(/images/gal_comunion.jpg);
	display: block;
	text-decoration: none;
}

a#comunion:hover {
    background-position: 132px 0;
}

a#joven {
	width: 132px;
	height: 132px;
	background-image: url(/images/gal_joven.jpg);
	display: block;
	text-decoration: none;
}

a#joven:hover {
    background-position: 132px 0;
}
a#infantil {
	width: 132px;
	height: 132px;
	background-image: url(/images/gal_child.jpg);
	display: block;
	text-decoration: none;
}

a#infantil:hover {
    background-position: 132px 0;
}

a#publicidad {
	width: 132px;
	height: 132px;
	background-image: url(/images/gal_publi.jpg);
	display: block;
	text-decoration: none;
}

a#publicidad:hover {
    background-position: 132px 0;
}

#clientloginform {
	margin-top:40px;
	}
#clientloginform h5{
	margin-bottom:10px;
	}
.music {
	padding-right:20px;
	background:url(/images/sound.png) right center no-repeat;
}
#player {background:#b3b3b3; color:#3c3c3c;}