/* @import url(https://fonts.googleapis.com/css?family=Baumans); */


@font-face {
  font-family: 'Arizonia';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/arizoniaregular.eot);
  src: local('Arizonia'), local('Arizonia-Regular'),
  		url(/fonts/arizoniaregular.woff2) format('woff2'),
  		url(/fonts/arizoniaregular.eot#iefix) format('embebbed-opentype'),
  		url(/fonts/arizoniaregular.woff) format('woff'),
  		url(/fonts/arizoniaregular.ttf) format('truetype');
/*  src: local('Arizonia'), local('Arizonia-Regular'), url(https://fonts.gstatic.com/s/arizonia/v6/PwrsyFTYH2Wmsvpn0dx4s_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); */
}

@font-face { font-family: myBauhausRegular; /* OK */
	src: url('/fonts/BauhausRegular.eot');
	src: url('/fonts/BauhausRegular.eot#iefix') format('embedded-opentype'),
/*		 url('/fonts/.woff') format('woff'), */
		 url('/fonts/BauhausRegular.ttf') format('truetype');
/*		 url('/fonts/.svg') format('svg'); */
	font-weight:normal;
	font-style:normal;
}


@font-face { font-family: myBauhausLightBT; /* OK */
	src: url('/fonts/BauhausLightBT.eot');
	src: url('/fonts/BauhausLightBT.eot#iefix') format('embedded-opentype'),
		 url('/fonts/BauhausLightBT.woff') format('woff'),
		 url('/fonts/BauhausLightBT.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}

@font-face { font-family: myBauhausL; /* OK (Same of BauhausLightBT) */
	src: url('/fonts/bauhausl-webfont.eot');
	src: url('/fonts/bauhausl-webfont.eot#iefix') format('embedded-opentype'),
		 url('/fonts/bauhausl-webfont.woff') format('woff'),
		 url('/fonts/bauhausl-webfont.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}

@font-face { font-family: myBauhausLightBT2; /* OK (Same of BauhausLightBT) */
	src: url('/fonts/bauhauslightbt-webfont.eot');
	src: url('/fonts/bauhauslightbt-webfont.eot#iefix') format('embedded-opentype'),
		 url('/fonts/bauhauslightbt-webfont.woff') format('woff'),
		 url('/fonts/bauhauslightbt-webfont.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}

@font-face { font-family: myBauhaus;  /* OK */
	src: url('/fonts/BauhausMediumBT.eot');
	src: url('/fonts/BauhausMediumBT.eot#iefix') format('embedded-opentype'),
		 url('/fonts/BauhausMediumBT.woff') format('woff'),
		 url('/fonts/BauhausMediumBT.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}

@font-face { font-family: myBauhausM;  /* OK (Same of BauhausMediumBT) */
	src: url('/fonts/bauhausm-webfont.eot');
	src: url('/fonts/bauhausm-webfont.eot#iefix') format('embedded-opentype'),
		 url('/fonts/bauhausm-webfont.woff') format('woff'),
		 url('/fonts/bauhausm-webfont.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}

@font-face { font-family: myBauhausMediumBTx;  /* OK (Same of BauhausMediumBT) */
	src: url('/fonts/bauhausmediumbt-webfont.eot');
	src: url('/fonts/bauhausmediumbt-webfont.eot#iefix') format('embedded-opentype'),
		 url('/fonts/bauhausmediumbt-webfont.woff') format('woff'),
		 url('/fonts/bauhausm-webfont.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}

@font-face { font-family: myBauhaus93;  /* OK */
	src: url('/fonts/bauhaus93.eot');
	src: url('/fonts/bauhaus93.eot#iefix') format('embedded-opentype'),
		 url('/fonts/bauhaus93.ttf') format('truetype');
	font-weight:bold;
	font-style:normal;
}

BODY { margin-top:0; background: #801 }
/*BODY, P, TD, A { color: #d24; font: italic normal 16px trebuchet ms, monotype corsiva, lucida calligraphy, high tower text, dejavu sans condensed, century gothic, bookman old style, helvetica, tahoma, arial, verdana, sans-serif } */
/* BODY, P, TD, A { color: #d24; font: italic normal 15px bookman old style, helvetica, tahoma, arial, verdana, sans-serif } */
BODY, P, TD, A { color: #500; font: italic normal 15px trebuchet ms, helvetica, tahoma, sans-serif }

A { color: #300; font-weight:bold }

.socialBtns A, A.facebook, A.twitter { display: inline-block; width:30px; height:30px; background: url(/images/icon-facebook.png) 50% 50% no-repeat #339; border-radius: 5px;}
A.twitter { background: url(/images/icon-twitter.png) 50% 50% no-repeat #339 }

.socialBtns A {
	opacity:0.70;
//  filter:alpha(opacity=70);
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.socialBtns A:hover {
	opacity:1.0;
//  filter:alpha(opactiy=100);
}

H1 { margin:0 }
H1 { color: #d24; font: bold 40px urw gothic i, tw cent mt, copperplate gothic bold, bodoni mt black; font-style:italic; line-height:18px;
	text-shadow: 1px 1px 1px #000, -1px -1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000 }
H1 BIG { font: bold 1.3em harrington; line-height:1.3em; color: #655; text-shadow:none }
H1 SMALL { text-shadow: none }
H5 { font-size: 14px }

H2 { font: italic normal 24px californian fb, serif; color: #533; letter-spacing: 0.03em;}
/*
H1 SMALL.sub0 { font: bold 24px arial rounded mt bold; letter-spacing: 4px; color: #655 }
H1 SMALL.sub1 { font: normal 32px babelfish; letter-spacing: 4px; color: #655 }
H1 SMALL.sub2 { font: bold italic 28px bell mt; letter-spacing: 5px; color: #655 }
H1 SMALL.sub3 { font: bold italic 24px berlin sans fb; letter-spacing: 5px; color: #655 }
H1 SMALL.sub4 { font: bold italic 24px berlin sans fb demi; letter-spacing: 5px; color: #655 }
H1 SMALL.sub5 { font: bold italic 24px berlin sans fb demi; letter-spacing: 5px; color: #655 }
H1 SMALL.sub6 { font: bold 24px bodoni mt black; letter-spacing: 5px; color: #655; text-transform: capitalize }
H1 SMALL.sub7 { font: bold italic 24px bradley hand itc; letter-spacing: 5px; color: #655; text-transform: capitalize }
H1 SMALL.sub8 { font: bold 19px broadway; letter-spacing: 5px; color: #655; text-transform: capitalize }
H1 SMALL.sub9 { font: bold italic 24px calibri; letter-spacing: 5px; color: #655; text-transform: capitalize }
H1 SMALL.sub10, B.sub10 { font: bold italic 24px californian fb; letter-spacing: 5px; color: #655; text-transform: capitalize }
H1 SMALL.sub11 { font: bold italic 24px comic sans ms; letter-spacing: 4px; color: #655; text-transform: capitalize }
H1 SMALL.sub12 { font: bold italic 24px densmore; letter-spacing: 4px; color: #655; text-transform: capitalize }
H1 SMALL.sub13 { font: bold italic 25px forte; letter-spacing: 4px; color: #655; text-transform: capitalize }
H1 SMALL.sub14 { font: bold italic 24px franklin gothic heavy; letter-spacing: 4px; color: #655; text-transform: capitalize }
H1 SMALL.sub15 { font: normal 26px gill sans mt; letter-spacing: 4px; color: #655 }
H1 SMALL.sub16 { font: normal 24px hand of sean; font-style:italic; letter-spacing: 4px; color: #655; text-transform: capitalize }
H1 SMALL.sub17 { font: italic bold 25px high tower text; letter-spacing: 4px; color: #655; text-transform: capitalize }
H1 SMALL.sub18 { font: italic normal 22px indigo joker; letter-spacing: 4px; color: #655; text-transform: capitalize }
H1 SMALL.sub19 { font: italic bold 21px kristen itc; letter-spacing: 4px; color: #655; text-transform: capitalize }
H1 SMALL.sub20 { font: italic bold 20px lucida calligraphy; letter-spacing: 4px; color: #655; text-transform: capitalize }
H1 SMALL.sub21 { font: italic bold 24px monotype corsiva; letter-spacing: 4px; color: #655; text-transform: capitalize }
H1 SMALL.sub22 { font: italic bold 24px papyrus; letter-spacing: 4px; color: #655; text-transform: capitalize }
H1 SMALL.sub23 { font: italic bold 26px pristina; letter-spacing: 4px; color: #655; text-transform: capitalize }
H1 SMALL.sub24 { font: italic bold 24px tempus sans itc; letter-spacing: 3px; color: #655; text-transform: capitalize }
H1 SMALL.sub25 { font: italic bold 26px vrinda; letter-spacing: 3px; color: #655; text-transform: capitalize }
H1 SMALL.sub26 { font: italic normal 26px westminster; letter-spacing: 5px; color: #644; text-transform: capitalize }
H1 SMALL.sub27 { font: italic normal 17px wide latin; letter-spacing: 3px; color: #644; text-transform: capitalize }
*/
IMG { border:0 }

TABLE.pHeader, TABLE.pBody, TABLE.pFooter { box-shadow: 9px 9px 9px #701 }

TABLE.pFooter { background: transparent }
.apHeader TD { background: #fff }
.pBody TD { background: #fff }
.pFooter TD { background: #fff }

/*
.bgGradientRed {
	background: -webkit-linear-gradient(#f48,#fee);
	background: -o-linear-gradient(#f48,#fee);
	background: -moz-linear-gradient(#f48,#fee);
	background: linear-gradient(#f48,#fee)
}
*/
.bgGradientRed {
	background: #fee;
/*
	background: -webkit-linear-gradient(#f48,#fee);
	background: -o-linear-gradient(#f48,#fee);
	background: -moz-linear-gradient(#f48,#fee);
	background: linear-gradient(#f48,#fee)
*/
}
.menuNav1 A {
 display: inline-block;
 text-align:center;
 font:bold 16px myBauhaus, bauhaus-thin, times new roman, helvetica, sans-serif; line-height:18px;
 padding-top:5px;
 text-decoration: none;
 height: 24px;
 border: 1px solid transparent;
 border-color: #fee  #dcc #fff #fee;
 width: 14%;
 margin:0;
 background: #f9e9e9;
 color: #844;
 border-radius: 12px 12px 0 0;
} 

.menuNav1 A:hover {
 background: #a22; /* #d24; */
 color: #fff;
 border-color: #fcc #544 ##fdd #fcc;
}

.menuNav1 A.active {
	background: #fdd; color: #701; font-size:16px; line-height:18px; height:24px;
	border-color: #fee #877 #fdd #fee;
}

.menuNav2 A {
	display: block;
	color: #912;
	background: #fee;
	text-align: right;
	text-decoration:none;
	font: bold 15px myBauhaus, bauhaus-thin, times new roman, tahoma, helvetica, sans-serif;
	padding: 5px 8px 5px 0;
	border: 1px solid transparent;
	border-color: #fff #dcc #dcc #fff;
/*	border-radius: 8px 0 8px 0; */
	border-radius: 12px 0 12px 0;
}


.menuNav2 A:hover {
 	background: #480;
 	color: #fff;
 	border: 1px solid #ccc; border-color: #ccc #555 #555 #ccc;
}

.menuNav2 A.active { background: #ecc; color: maroon }

.menuNav3 A {
	display: inline-block;
	font: bold 12px myBauhaus, bauhaus-thin, times new roman, tahoma, helvetica, sans-serif;
	text-decoration:none;
	margin: 0 8px; 
}

.menuNav3 A:hover { text-decoration: underline }

.copy { color: #fff; font-size: 11px }
.copy A { font-size: 11px; color: #ff0 }

A.email {
	font: bold 13px helvetica
}

.fontMenu A {
	display:block;
}

.toRight {
	display:inline-block;
	float:right;
}

B.logo { display:inline-block; height:36px; font: normal 34px arizonia, harrington; line-height:34px; color: #300; atext-shadow: 2px 2px 1px #877 }
B.logo SMALL { font-size: 19px }
B.logo BIG { display:inline-block; vertical-align: -5%; font-size:1.3em }
B.logo .red { color: #B02 }
B.logo .rotated { 
 -ms-transform: rotate(90deg);
 -moz-transform: rotate(90deg);
/* Difrencia de rotate para -webkit en Safari!!! */
 -webkit-transform: rotate(-10deg);
 -o-transform: rotate(90deg);
transform: rotate(-9deg);
}
B.arsaytoma { font: bold italic 15px arizonia, harrington, myBauhaus, bauhaus-thin; line-height:19px }

.script { font-family: commercial script bt, edwardian script itc, freestyle script, french script, gigi, hand of sean, harrington, kunstler script, magneto, matura mt script capitals, mistral, monotype corsiva, papyrus, pristina, rage italic, script mt bold, urw chancery, vladimir script, script }
.bold { font-weight: bold }
.italic { font-style: italic }

LEGEND { font: bold 15px helvetica; color: #036 }

SELECT, INPUT[type=text], TEXTAREA { font-size: 13px; line-height:13px }

INPUT.req, TEXTAREA.req, SELECT.req { background: #ffa }

INPUT[type=text] { margin-bottom:5px }

UL { margin:0; padding:0; }
LI { margin:8px 0 8px 20px; padding:0; font-size: 15px; text-align:justify }

TABLE.horarios TH { vertical-align:top; background: #fee; width:15%; height:1.5em }
TABLE.horarios TH:first-child { font-size:11px; width:8% }
TABLE.horarios TH.stretch { width:12%; }
TABLE.horarios TR > TD { background: #e7e7e7; text-align:center; font-size: 13px; height:2.5em; padding:2px 3px }
TABLE.horarios TR:nth-child(odd) > TD { background:#ecc }
TABLE.horarios TD B { color: maroon }

TABLE.horarios TD.m15, TABLE.horarios TH.m15 { height:16px }
TABLE.horarios TD.m20, TABLE.horarios TH.m20 { height:24px }
TABLE.horarios TD.m30, TABLE.horarios TH.m30 { height:32px }
TABLE.horarios TD.m60, TABLE.horarios TH.m60 { height:64px }
TABLE.horarios TD.m120, TABLE.horarios TH.m120 { height:128px }
TABLE.horarios .hour { position:relative; top:-0.5em }

P.escuelas { font: normal 14px trebuchet ms, helvetica, tahoma, sans-serif; color: #555 }


.formBtns INPUT {
	border-radius: 10px;
	font: bold 16px helvetica;
	background: #a12;
	color: #fff;
	padding: 2px 12px;
	border: 1px solid #fdd;
	border-color: #fdd #755 #755 #fdd;
}

.formBtns INPUT[type=reset] { font-weight: normal }
P.cell, FIELDSET.cell, DIV.cell { box-sizing:border-box; display:inline-block; margin:0; font-size:inherited; vertical-align:top }

/* .borderBox .cell { box-sizing: border-box; } */

A.btn, A.btnRed { padding: 2px 10px; background: #e00; color: #ff8; text-decoration:none; border-radius:8px; font-style:normal }
A.btn:hover { text-decoration:underline }

.left { text-align:left }
.center { text-align:center }
.right { text-align:right }
.justify { text-align:justify }
.floatRight { float:right }
.floatLeft { float:left }

.mini {
 font-size: 11px;
 font-family: roboto condensed, open sans condensed, freesans condensed, condensed, arial narrow, sans-serif
}

.impact { font-family: impact normal, impact, haettenschweiler; font-style:normal }
.harrington { font-family: harrington; }
.californian { font-family: californian fb; }

.white, A.white { color: #fff }
.maroon, B.maroon { color: #544 }
.maroon2 { color: #722 }
.darkblue { color: #036 }

.upper { text-transform: uppercase }

.productions { font: bold italic 16px californian fb; color: #655 }

.bauhaus { font-family: myBauhaus, bauhaus-thin, san-serif }
.serif { font-family: serif }
.sans { font-family: trebuchet ms, helvetica, tahoma, sans-serif }

.rose, .rose0 { color: #a12 }


.CMS P { line-height:1.3em }
.CMS P A { color: #bc0323; text-decoration: none }
.CMS P A:hover { text-decoration:underline }


P.doublespaced { line-height:24px }
P.warning {
	background: #ff6; padding: 5px 2%;
	border: 1px solid #800; border-radius: 6px;
	color: #a00;
}

A.goTop, SPAN.goTop {
 display:inline-block;
 transform: rotate(90deg);
}

A.goTop::before, SPAN.goTop::before {
 content: "<-";
 font:bold 15px monospaced, helvetica, verdana, arial;
}

#fontMenu { float: left }

.auxdiv, .layout, .adviceLayout, .overlay, #overlaybg, #overlayfg, .absolute { position: absolute; left:0; top:0 }
.auxdiv, .layout, .hidden { visibility: hidden }

.adviceLayout { background: #ccc; width:100%; height:100% }	

.overlay, #overlaybg, #overlayfg { width:100%; height:100% }

#overlaybg {
	background: #333;
	opacity: 0.7;
//	filter: alpha(opacity=70)
}

#overlayfg, .opac100, .opac {
	opacity: 1.0;
//  filter: alpha(opacity=100)
}

.opac0, .transparent {
	opacity:0;
//	filter: alpha(opacity=0);
}

.opac50 {
	opacity:0.5;
//	filter: alpha(opacity=50);
}

.opac85 {
	opacity:0.85;
//	filter: alpha(opacity=85);
}


.sliderImg {
	border-radius:0 10px 0 10px;
	background-size:100%;
	transition: all 4s;
/*	 opacity 3s, background-position 2s, background-size 3s; */
}


.transition1s {
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

.transition500ms {
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}