@charset "utf-8";
/* CSS escenica :D*/


.facebook_img{ width:20px;}


.modalidades_cursadas { width:48%; margin:1%; float:left;

}


.modalidades_cursadas h3 { background-color:#f1f1e4; color:#000000; text-align:center;

}

.caja_turnos {width:43%; float:left; margin:1%; background-color:#e2cca529; padding:17px;}


h2 {
	clear: both;
	font-size: 140%;
	padding-top: 0px;
}
h3 { font-size: 107%;
    margin: 10px 0;
    color: #C03;
    padding: 6px 0;
}
h4 { clear:both; font-size: 116%; color:#666;}
.bbox {
	width: 100%;
	margin: 0px auto;
	background:#F2F2F2;
	padding:8px;
	border: 1px solid #E8E8E8;
	-moz-box-shadow: 1px 0px 10px #dbdbdb;
	-webkit-box-shadow: 1px 0px 10px #dbdbdb;
	box-shadow: 1px 0px 10px #dbdbdb;
}


.box {
	width: 40%;
	float:left;
	margin: 30px 0px 10px 15px;
	height:auto;
	background-color: rgba(255, 255, 255, 0.8);
	background: rgba(255, 255, 255, 0.8);
	color: rgba(255, 255, 255, 0.8);
	padding:8px 30px;
	border: 1px solid #E8E8E8;
	box-sizing:content-box;
}
@media (max-width:768px) {
	.box {
	width: 100%;}
	}



@media (max-width:480px) {
	.box {
	width: 100%;}	
}

.box img{
    display: block;
    width: 40%;
    margin: 10px 5% 5%;
    overflow: hidden;
    float: left;
}

.box img:hover {
 -moz-box-shadow: 0px 0px 1px #808080;
-webkit-box-shadow: 0px 0px 1px #808080;
box-shadow: 0px 0px 1px #808080;
}

.box a.btninscripcion {    display: block;
box-sizing:content-box;
    width: 38%;
    margin: 0 4% 5% 5%;
    overflow: hidden;
    float: left;
    padding: 4px;
    background-color: #2b97c2;
    border-radius: 2px;
    text-align: center;
    color: #FFF; }

.insblanc {
	float: right;
	width:auto;
	height:auto;
	padding:3px;
	text-align:center;
	color:#333;
	-moz-box-shadow:2px 2px 2px #CCCCCC;
	-webkit-box-shadow:2px 2px 2px #CCCCCC;
	box-shadow:2px 2px 2px #CCCCCC;
	background-color: #FFF;
	margin-top: 10px;
	margin-right: 7px;
	margin-bottom: 2px;
	margin-left: 2px;
}
	
	
.insblanc a{
	color:#542D05;
	text-decoration:none;
}

.insblanc:hover{
	background:#EFEFDE;
	color:#333;
}
		
		
.petitbuton{
	float: left;
	width:auto;
	height:auto;
	padding:3px;
	text-align:center;
	color:#333;
	-moz-box-shadow:2px 2px 2px #CCCCCC;
	-webkit-box-shadow:2px 2px 2px #CCCCCC;
	box-shadow:2px 2px 2px #CCCCCC;
	background-color:#F1F1E4;
	margin-top: 10px;
	margin-right: 7px;
	margin-bottom: 10px;
	margin-left: 2px;
	font-size:11px;
}

.petitbuton a{
	color:#542D05;
	text-decoration:none;
}

.petitbuton:hover{
		background:#EFEFDE;
		color:#333;
}
		
.blanc {
	float: left;
	width:auto;
	height:auto;
	padding:3px;
	text-align:center;
	color:#333;
	-moz-box-shadow:2px 2px 2px #CCCCCC;
	-webkit-box-shadow:2px 2px 2px #CCCCCC;
	box-shadow:2px 2px 2px #CCCCCC;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:2px;
	-moz-border-radius-bottomleft:2px;
	-moz-border-radius-bottomright:2px;
	-webkit-border-top-left-radius:2px;
	-webkit-border-top-right-radius:2px;
	-webkit-border-bottom-left-radius:2px;
	-webkit-border-bottom-right-radius:2px;
	background-color: #FFF;
	margin-top: 10px;
	margin-right: 7px;
	margin-left: 15px;
	margin-bottom: 2px;
}


.blanc a{
	color:#542D05;
	text-decoration:none;
}

.blanc:hover{
	background:#EFEFDE;
	color:#333;
}
		

/* CSS galeria :D*/

.lb-album{
	width: 800px;
	margin-left:-50px;
}
.lb-album li{
	float: left;
	margin: 5px;
	position: relative;
	text-decoration:none;
	list-style:none;
}
.lb-album li > a,
.lb-album li > a img{
	display: block;
}
.lb-album li > a{
	width: 150px;
	height: 150px;
	position: relative;
	padding: 10px;
	background: #FFFFFF;
	-webkit-box-shadow: 1px 1px 2px #fff, 1px 1px 2px rgba(158,111,86,0.3) inset;
	-moz-box-shadow: 1px 1px 2px #fff, 1px 1px 2px rgba(158,111,86,0.3) inset;
	box-shadow: 1px 1px 2px #fff, 1px 1px 2px rgba(158,111,86,0.3) inset;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px 4px 4px 4px;
}
.lb-album li > a span{
	position: absolute;
	width: 150px;
	height: 150px;
	top: 10px;
	left: 10px;
	text-align: center;
	line-height: 150px;
	color: #333;
	font-size: 12px;
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	background: rgb(241,210,194);
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%, rgba(241,210,194,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.56)), color-stop(100%,rgba(241,210,194,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	background: radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}
.lb-album li > a:hover span{
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
.lb-overlay{
	width: 0px;
	height: 0px;
	position: fixed;
	overflow: hidden;
	left: 0px;
	top: 0px;
	padding: 0px;
	z-index: 99;
	text-align: center;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 14%, rgba(255,255,255,1) 83%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(1%,rgba(255,255,255,0)), color-stop(14%,rgba(255,255,255,1)), color-stop(83%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 14%,rgba(255,255,255,1) 83%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 14%,rgba(255,255,255,1) 83%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 14%,rgba(255,255,255,1) 83%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 14%,rgba(255,255,255,1) 83%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.lb-overlay > div{
	position: relative;
	color: rgba(27,54,81,0.8);
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	width: 550px;
	margin: 10px auto 0px auto;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.6);
	-webkit-transition: opacity 0.3s linear 1.3s;
	-moz-transition: opacity 0.3s linear 1.3s;
	-o-transition: opacity 0.3s linear 1.3s;
	-ms-transition: opacity 0.3s linear 1.3s;
	transition: opacity 0.3s linear 1.3s;
}
.lb-overlay div h3{ 	
padding: 10px 20px;
	width: 200px;
}
.lb-overlay div p{
	padding: 20px;
	width: 200px;
}
.lb-overlay div h3{
	font-size: 20px;
	float: left;
	text-align: right;
	border-right: 1px solid rgba(27,54,81,0.4);
}
.lb-overlay div h3 span,
.lb-overlay div p{
	font-size: 12px;
}
.lb-overlay div h3 span{
	display: block;
	line-height: 3px;
}
.lb-overlay div p{
	text-align: left;
	float: left;
	width: 260px;
}
.lb-overlay a.lb-close{
	background: rgba(27,54,81,0.8);
	z-index: 1001;
	color: #fff;
	position: absolute;
	top: 43px;
	left: 50%;
	font-size: 12px;
	line-height: 26px;
	text-align: center;
	width: 50px;
	height: 23px;
	overflow: hidden;
	margin-left: -25px;
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-webkit-transition: opacity 0.3s linear 1.2s;
	-moz-transition: opacity 0.3s linear 1.2s;
	-o-transition: opacity 0.3s linear 1.2s;
	-ms-transition: opacity 0.3s linear 1.2s;
	transition: opacity 0.3s linear 1.2s;
}
.lb-overlay img{
	/* height: 100%; For Opera max-height does not seem to work */
	max-height: 100%;
	position: relative;
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 7px rgba(0,0,0,0.2);
}
.lb-overlay:target {
	width: auto;
	height: auto;
	bottom: 0px;
	right: 0px;
	padding: 80px 100px 120px 100px;
}
.lb-overlay:target img {
	-webkit-animation: fadeInScale 1.2s ease-in-out;
	-moz-animation: fadeInScale 1.2s ease-in-out;
	-o-animation: fadeInScale 1.2s ease-in-out;
	-ms-animation: fadeInScale 1.2s ease-in-out;
	animation: fadeInScale 1.2s ease-in-out;
}
.lb-overlay:target a.lb-close,
.lb-overlay:target > div{
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
@-webkit-keyframes fadeInScale {
  0% { -webkit-transform: scale(0.6); opacity: 0; }
  100% { -webkit-transform: scale(1); opacity: 1; }
}
@-moz-keyframes fadeInScale {
  0% { -moz-transform: scale(0.6); opacity: 0; }
  100% { -moz-transform: scale(1); opacity: 1; }
}
@-o-keyframes fadeInScale {
  0% { -o-transform: scale(0.6); opacity: 0; }
  100% { -o-transform: scale(1); opacity: 1; }
}
@-ms-keyframes fadeInScale {
  0% { -ms-transform: scale(0.6); opacity: 0; }
  100% { -ms-transform: scale(1); opacity: 1; }
}
@keyframes fadeInScale {
  0% { transform: scale(0.6); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}

/* 
	100% Height for Opera as the max-height seems to be ignored, not optimal for large screens 
	http://bricss.net/post/11230266445/css-hack-to-target-opera 
*/
x:-o-prefocus, .lb-overlay img {
    height: 100%;
}



/* CSS VIDEOS Y GALERIA :D*/


.contenedor{

width: 285px;
height: 190px;
float: left;
margin-right:20px;
margin-bottom: 18px;
padding: 15px;
padding-bottom: 10px;
padding-top: 20px;

-webkit-box-shadow: 1px 1px 0px rgba(255,255,255,1), 1px 1px 0px rgba(255,255,255,1);
-moz-box-shadow: 1px 1px 0px rgba(255,255,255,1), 1px 1px 0px rgba(255,255,255,1);
box-shadow: 1px 1px 0px rgba(255,255,255,1), 1px 1px 0px rgba(255,255,255,1);

border: solid 1px rgba(0,0,0,0.16);
background:#FFF;

-webkit-transition-property: -webkit-box-shadow, background;
-webkit-transition-duration: 600ms;
-moz-transition-property: -moz-box-shadow, background;
-moz-transition-duration: 600ms;
transition-property: box-shadow, background;
transition-duration: 600ms;
}

.contenedor p{
text-align:center;
}

.contenedor a{
color:#542D05;
}

.contenedor img {
margin-top: -26px;
margin-bottom: 5px;
margin-left: -16px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
border: solid 10px #fff;
-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.13), 1px 0 0 rgba(0,0,0,0.1);
-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.13), 1px 0 0 rgba(0,0,0,0.1);
box-shadow: 2px 2px 4px rgba(0,0,0,0.13), 1px 0 0 rgba(0,0,0,0.1);
}

.contenedor:hover {
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.05), 1px 1px 0px rgba(255,255,255,1);
-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.05), 1px 1px 0px rgba(255,255,255,1);
box-shadow: 2px 2px 2px rgba(0,0,0,0.05), 1px 1px 0px rgba(255,255,255,1);
background:#F2EFE1;
-webkit-transition-property: -webkit-box-shadow, background;
-webkit-transition-duration: 00ms;
-moz-transition-property: -moz-box-shadow, background;
-moz-transition-duration: 00ms;
transition-property: box-shadow, background;
transition-duration: 00ms;
}

.contenedor:hover a {
	text-decoration:none;
	color:#4E4E27;
}
@media only screen and (max-width: 520px) {

.modalidades_cursadas { width:98%; margin:1%; float:left;

}

.caja_turnos {width:98%; float:left; margin:1%;}
}