@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,500,600,700&subset=latin,latin-ext);
@import "animate/animate.min.css";
@import "fontawesome/font-awesome.min.css"; 
body{
	display: grid;
    margin: 0px;
	background:#535362;
}
.content{width:1000px; margin:0 auto; overflow:hidden; }
.content .left{float:left; width:49%; margin:0px;}
.content .right{float:right; width:49%;margin:0px; }
.info{}
.titulo{width:100%; margin:0 auto;}
.titulo h1{font-size:44px; font-family:'Open Sans'; font-weight:bold; text-align:center; color:#fff;}
.perfil{width:100%; margin:0 auto;height:auto; } 
.perfil .foto{width:100px; margin:0 auto;}
.perfil .foto img{ 
	width: 100px;
    height: 100px;
    border-radius: 50%;
	
}
.perfil a{color:#fff; text-decoration:none;}
#mostrar-mas{font-family:'Open Sans'; text-decoration:none; color:#fff;font-weight: bold; font-size:12px;}
.perfil h2{width:100%; margin:10px 0px;  color:#fff; padding:0px; font-size:28px; font-weight:bold; text-align:center; font-family:'Open Sans';}
.perfil p{ font-family:'Open Sans'; font-size:14px;text-align: justify; font-size:14px; color:#fff;}
.perfil strong{ font-family:'Open Sans';font-size:16px;color:#fff;}
.perfil ul{margin:2px;}
.perfil ul li{ list-style:none;font-size:14px; width:450px; font-family:'Open Sans';text-align: justify;font-weight:100;color:#fff; padding:4px;}
.pn_calendar{margin-top:120px;}
.pn_calendar_list_container{
	margin: 10px auto;
	width:343px;
	background-color:#fff;;
	overflow: hidden;
	text-align:center;
}
.pn_calendar h5{font-size:16px; font-family:sans-serif; font-weight:100; text-align:center;}
.pn_calendar_list_container h2{
		text-align:center;
		color:#535362;
		text-transform: uppercase;
		line-height: 7px;
    font-family:'Open Sans';
	font-weight:100;
	font-size:22px;
	margin:8px;
}
.pn_calendar_list {
	float: left;
	list-style: none;
	margin: 0;
	padding: 4px;
	width: 100%;	
}
.modal {
	border: 1px solid #ccc; 
    width: 500px;
    margin: 0 auto;
    background: #fff;
    position: relative;
    z-index: 1050;
    top: -364px;
    height: 300px;
	border-radius: 10px;
}
.modal h3{
	color:#d392a7;
	font-family:sans-serif;
	font-size:20px;
	font-weight:bold;
}


.modal .modal-content{
	margin:20px;
}
.modal .modal-content p{
	font-size:16px;
	font-family:sans-serif;
}
.modal .modal-content label{
	font-size:14px;
	font-family:sans-serif;
}
.modal .modal-content strong{
	font-size:14px;
	font-family:sans-serif;
	font-weight:bold;
}
.modal .modal-content a {
	display:block;
	width:130px;
	height:28px;
	font-family:sans-serif;
	margin:6px;
	padding-top:6px;
	background:#d392a7;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	color:#fff; 
	border:#e5e4da 1px solid;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	font-size: 18px;
	float:right;
}
#horarios{width: 343px;margin: 0 auto;}
#horarios ul{       padding: 0px;}
#horarios ul li{margin:0px; list-style:none; overflow:hidden; width:100%;}
#horarios ul li a{display:block;float:left;background:#fff;color:#535362; font-family:'Open Sans'; padding:10px; width:90%; text-align:center; margin:6px; font-weight:bold; text-decoration:none; font-family:sans-serif;}
#horarios ul li .hora-select{background: #e11584;color: #fff;text-shadow: 1px 1px 1px rgba(0,0,0,0.5);}

#horarios ul li .next-select{background: #000;color: #fff;text-shadow: 1px 1px 1px rgba(0,0,0,0.5);}

.month-move{width:380px; margin:auto; overflow:hidden;padding: 0px;}
.month-move li{list-style:none; float:left;     margin-top: 10px;}
.month-move li.prev{width:10%;}
.month-move li.prev span{margin-bottom: 10px;color:#535362;}
.month-move li.titulo{width:70%;}
.month-move li.next{width:10%}
.month-move li a{font-size:20px; color:#535362; margin-top:4px;}
.pn_calendar_list li {
	float: left;
	margin: 0;
	padding: 0;
}
.pn_calendar_list a {
	color: #fff;
	font-size:14px;
	font-weight:bold;
	display: block;
	float: left;
	margin: 0;
	text-decoration: none;
	/*text-shadow: 1px 1px 1px rgba(0,0,0,0.5);*/
	width:39px;
	height:30px;
	padding: 11px 4px 4px 5px;
	/*padding-top:10px;
	padding-left:10px;*/
	/*border-right:#e5e4da 1px solid;
	border-bottom:#e5e4da 2px solid;*/
	font-family:'Open Sans';
}
.pn_calendar_list a.pn_day:hover {
	background-color: #000;
	color: #fff;
}
.pn_calendar_list a.day-select {
	background-color: #000;
	color: #fff;
}
.pn_this_month{
	background-color: #fff;
	color:#535362 !important;
	
}

.pn_other_month{
	background-color: #535362;
}
.pn_day{
	background-color: #535362;
	color:#fff !important;
	border-radius: 50%;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
.pn_active_day{
	background-color: #e11584;
}
.pn_inactive_day{
	background-color: #fff;
}
.pn_past_day{
	background-color: #fff;
	color:#ccc !important;
	font-weight:100 !important;
	text-decoration:line-through !important;
}
.pn_calendar_list img{margin:80px;}
.pn_cal_cell_ev_counter{
	position: absolute;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin: 1px 0 0 36px;
    display: block;
    text-align: center;
    font-size: 16px;
    color: orange;
    background: red;
    line-height: 32px;
}

.pn_cal_cell_ev_start_select_h, .pn_cal_cell_ev_start_select_m,
.pn_cal_cell_ev_finish_select_h, .pn_cal_cell_ev_finish_select_m{
	width: 70px !important;
}

#pn_calendar_info_popup {
	position: fixed;
	top: 48%;
	left: 52%;
	margin-left: -150px;
	width: 300px;
	display: none;
	overflow: hidden;
	padding: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: rgba(0,0,0,.6);
	-webkit-box-shadow: 
		inset 0 0 0 1px rgba(0,0,0,.6), 
		inset 0 0 0 2px rgba(255,255,255,.2);
	-moz-box-shadow: 
		inset 0 0 0 1px rgba(0,0,0,.6), 
		inset 0 0 0 2px rgba(255,255,255,.2);
	box-shadow: 
		inset 0 0 0 1px rgba(0,0,0,.6), 
		inset 0 0 0 2px rgba(255,255,255,.2);
	color: #fff;
	font-size: 16px;
	font-family: 'Tahoma',sans-serif;
	z-index: 999999;	
}

.pn_calendar_popup_err{
	display: none;
	color:white;
	background-color: red;
	border:solid 1px yellow;
	padding: 5px;
}
.form-data{
		width:360px;
		margin:0px auto;
		
	}
	.form-data p{font-size:14px;font-family:'Open Sans';font-weight:bold; color:#fff;}
	.form-data label{width:100%; margin:4px 10px; padding:0px; font-weight:bold; color:#fff;font-size:12px; font-family:'Open Sans'; display:block;}
	.form-data select{width:100%; margin:10px;color:#535362; font-weight:bold; padding:4px 0px 4px 10px; height:36px;font-family:'Open Sans';border: 1px solid #ccc; border-radius: 10px;}
	.form-data input{width:100%; margin:10px; padding:4px 0px 4px 10px; height:28px;font-family:'Open Sans';border: 1px solid #ccc; border-radius: 10px;}
	.form-data textarea{width:100%;margin:10px; padding:4px 0px 4px 10px;border: 1px solid #ccc;font-family:'Open Sans'; border-radius: 10px;}
	.form-data button{width:100%; height:40px; margin:20px 16px; background:#000; font-family:'Open Sans';color:#fff; border:#000 1px solid;text-shadow: 1px 1px 1px rgba(0,0,0,0.5);font-size: 18px;}
	.form-data .novalid{border: 1px solid #d14;}
	.form-data small{
		    font-size: 14px;
			font-family: sans-serif;
			margin: 23px 11px;
			display: block;
			color: red;
		
	}
	#back{
		position: fixed;
		width: 100%;
		height: 100%;
		margin: 0px;
		padding: 0px;
		background: rgba(0, 0, 0, 0.50);
	}

/* Large desktop */
@media (min-width: 1200px) { }

/* Portrait tablet to landscape and desktop */
@media (min-width: 980px) and (max-width: 1199px) {
    #content { width:100%; }
    #content .box-producto{ width: 28%; }
}

@media (min-width: 641px) and (max-width: 979px) {
    #content { width:100%; }
    #content .box-producto{ width: 28%; }
}

@media (max-width: 640px) {
    
    .content{width:90%;margin:0px; padding:0px;}
    .info{display:none;}
    .content .left{float:none;width:94%; margin:0px;padding:0px 20px ;}
    .content .right{float:none;width:100%;margin:0px; padding:0px; }
    
	.titulo{width:100%;margin:0px; padding:0px;}
	.titulo h1{width:100%;margin:0px; padding:0px; font-size:32px;}
	.content{width:100%;margin:0px; padding:0px;}
	.pn_calendar{width:100%;margin:30px 0px; padding:0px;}
	
	.pn_calendar_list_container{width:100%;margin:0 auto; padding:0px;max-width:343px;}
	.pn_calendar_list_container h2{width:100%;margin:7px 0px; padding:0px;line-height:0px;}
	
	.perfil{width:96%;margin:0px; padding:0px; }
	.perfil h2{width:100%;margin:0px; padding:0px; font-size:20px;}
	.perfil ul li{width:100%;margin:0px; padding:0px;}
	.form-data{
		width:90%;
		margin:20px;
		padding:0px;
		
	}
	.form-data label{width:100%; margin:8px 0px; padding:0px; display:block;}
	.form-data input{width:100%; margin:0px; }
	.form-data select{width:100%; margin:0px;padding-left:20px; color:#e11584;}
	.form-data textarea{width:100%;margin:8px 2px; }
	.form-data button{width:100%; height:40px; margin:20px 0px; color:#fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.5);font-size: 18px;}
	
	.modal {width:94%; margin:10px; padding:0px; height:230px;}
	.modal h3{
		font-size:14px;
		width:100%;
	}


	.modal .modal-content{
		width:100%;
		margin:20px;
	}
	.modal .modal-content p{
		width:100%;
		font-size:12px;
	}
	.modal .modal-content label{
		font-size:12px;
	}
	.modal .modal-content strong{
		font-size:12px;
	}
	.modal .modal-content a {width:100px;margin:6px 32px;}
}