@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');

*{

    margin:0px;

    padding:0px;

}

body{

    color:#444444;

    font-size:13px;

    background: url(../img/bg.jpg) no-repeat fixed;

	background-size:cover;

    font-family:"Century Gothic", Helvetica, sans-serif;

}

.free-label.four.col.r_h {



    background: #eee;

    color: #ddd !important;



}

.modal-content .container {



    width: 100% !important;



}

.modal-content {

    background-color: #fefefe;

    margin: 50px auto auto;

    padding: 20px;

    border: 1px solid #888;

    max-width: 600px;

	height: 88%;

	overflow-x: hidden;

}

.modal-content {

    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);

    box-shadow: 0 5px 15px rgba(0,0,0,.5);

}

.modal-content {

    position: relative;

    background-color: #fff;

    border: 1px solid #999;

    border: 1px solid rgba(0,0,0,.2);

    border-radius: 6px;

    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);

    box-shadow: 0 3px 9px rgba(0,0,0,.5);

    background-clip: padding-box;

    outline: 0;

}



.profesor:hover{

	background:#E9E9E9;

	}

.nombre{

	font-weight:600;

	margin-top:5px;}

.materia{

	background:url(../img/materia-icon.png) no-repeat;

	background-position: top center;

/*padding: 32px 10px 5px;

background-size: 30px;

margin-top: 5px;*/
padding: 5px 27px;
background-size: 23px;
margin-top: 5px;
font-size: 15px;
background-position: left;
text-align: left;

}

.reservacion {

	width:100%;}

.reservacion td {

padding: 0 10px 5px;

font-size:18px;

text-align: left;

}

.reservacion .a-a {

    width: 35%;

}

.reservacion input[type="text"]{

	border-top:0;

	border-left:0;

	border-right:0;

	border-bottom:1px solid #ddd;

	width:100%;

	}

.modal {

    display: none;

    position: fixed;

    z-index: 1;

    padding-top: 0;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    overflow: auto;

    background-color: rgb(0,0,0);

    background-color: rgba(0,0,0,0.4);

}

.modal {

    display: none;

    overflow: auto;

    overflow-y: scroll;

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 1050;

    -webkit-overflow-scrolling: touch;

    outline: 0;

}

.modal_input {

    padding: 8px 10px;

    font-size: 20px;

    cursor: pointer;

    border: 1px dotted #eee;

}

.modal_input select{

	cursor:pointer;

	}

.modal_input option {

    padding: 5px 10px;

}

.modal-content .container {

    padding: 5px !important;

	box-shadow: none !important;



}

.container{

	background:url(../img/fodo.png)};



p {

    font-weight: 600 !important;

    text-align: left !important;

}

option {

    padding: 2px 5px;

}

.notas {

    background: #ddd none repeat scroll 0 0;

    font-size: 12px;

    font-weight: 600;

    padding: 15px;

    text-align: justify;

}

.notas li {

	list-style:inherit !important;

	}

.notas li {

    margin-bottom: 10px;

    margin-left: 5px;

}

.divisor {

    clear: both;

    float: left;

    margin: 20px 0;

    width: 100%;

}



header{height:195px; clear:both;}

#logo{float:left; background-repeat: no-repeat; height: 176px; width:200px;}

#head2{ background: url("../img/fodo.png") repeat; padding: 10px;float:right; vertical-align:top; width:350px; margin-bottom:10px; border:1px #000000;}

#head2 img{float:left margin-left:10px; height:48px;}

#head3 {float:right; vertical-align: bottom; width:500px; height:90px; padding:5px 0; overflow:hidden;}

.direccion p {float:left;padding:0 10px; margin:5px 0; width:53%; text-align:center; font-size:13px; background:url(img/linea.jpg) center  left no-repeat; font-weight:500;}

.telefonos p {float: right;padding:0 10px; margin:5px 0; width:43%; text-align:center; font-size:13px; background:url(img/linea.jpg) center  left no-repeat; font-weight:500;}

.right{

	float:right !important;

	text-align:right !important;

	padding:5px;

	}

.right input[type="text"]{

	border:none !important;

	font-weight:600;

	width:auto;

	}

.ip10, .ip25,.ip30,ip40,.ip50,.ip70,.ip100{

	font-style: italic;}

.ip30 input[name="sex"]{

	font-style: normal;

	}

.ip10 {

    float: left;

    overflow: hidden;

    width: 10%;

	margin-bottom:5px;

}

.ip20 {

    float: left;

    overflow: hidden;

    width: 20%;

	margin-bottom:5px;

}

.ip10.age {

    text-align: center;

    width: 6%;

	margin:auto 10px;

}

.ip10 .form-control{

	text-align:center;

	}

.ip30 {

    float: left;

    overflow: hidden;

    width: 27%;

	margin-bottom:5px;

}

.ip25 {

    float: left;

    overflow: hidden;

    width: 25%;

	margin-bottom:5px;

}

.ip30.sex {

    border: 1px dotted #ddd;

    margin-bottom:5px;

    width: 30%;

	float:right;

	}

	.ip30.sex > input[type="radio"] {

    display: inline;

}

.ip30.birth {

    width: 34.5%;

	}



.ip25 input[type='text']{

    float: left;

    overflow: hidden;

    /*width: 80%;*/

	margin-bottom:5px;

}

.ip30.divorced.espacio {

    width: 31%;

}

.ip25 span{

	height:34px !important;

	float:left;

}

.live p{

	font-weight:500;

	max-width:80%;

}

.live input{

	float:left;}

.ip40 {

    float: left;

    overflow: hidden;

    width: 40%;

	margin-bottom:5px;

}

.ip50 {

    float: left;

    overflow: hidden;

    width: 48%;

	margin-bottom:5px;

}

.divorced p  {

    width: 123px;

	float:left;

	font-weight:600;

	text-align:left;

	padding:5px 0 0;

	}

.divorced .slideThree{

	width:79px;}

.ip70 {

    float: left;

    overflow: hidden;

    width: 70%;

	margin-bottom:5px;

}

.ip70 > p {

    float: left;

    width: 450px;

	font-weight:600;

}



.date input[type="text"] {

	width:80%;

}

.left .ip70 {

    width: 68%;

}







.repead p{

	width:235px;

	float: left;

	font-weight:600;

	text-align:left;

	}

.ip100.repead p {

    width: 100%;



}

.ip100 {

    /*float: left;*/

    overflow: hidden;

    width: 100%;

	margin-bottom:5px;

}

.border {

    border: 1px dotted #ddd;

    padding: 5px;

	text-align:center;

}

.border .slideThree{

	margin:0 auto;

	float:none;}

.border > p {

    font-weight: 600;

}

.espacio{

	margin-right:3%;}

input[name='sex'] {

  -webkit-appearance: none;

  -moz-appearance: none;

  -o-appearance: none;

  -ms-appearance: none;

  appearance: none;

  outline: none;

  cursor:pointer;

}

input[type="radio"] + label [disabled]{

	background-color: #eee;

    cursor: not-allowed;

    opacity: 1;

	}

input[type="radio"] {

    display:none;

}

.header-top, .menuint{

  width: 100%;

  overflow:hidden;

  float: left;



}

.codigo {

    float: right;

    padding: 10px 5px;

    font-weight: 600;

    max-width: 300px;

}

.estudianteact {

    float: left;

    padding: 10px 5px;

    max-width: 600px;

}

.estudianteact span {

    font-weight: 600;

    text-decoration: underline;

    color: #004b8d;

}

input[type="radio"] + label {

    color:#444;

	font-weight:500;

}

.col-md-6 h3 {

        padding: 20px;

    font-size: 18px;

    line-height: 18px;

    font-weight: 500;
    float: left;
width: 100%;



}

.mensaje{

	padding:5px 15px;}

.mensaje p {

    text-align: justify;

    font-style: normal;

    font-size: 12px;

}

.principal{

	margin-top:75px;

	padding:5px 15px;}

.principal label {

    width: 100%;

    text-align: left;

    color: #444;

	font-style:normal;

	margin:10px auto;

}





.col-md-6 h3 i, .mensaje p i, .principal label i{

	font-weight:600;

	}

input[type="radio"] + label span {

    display:inline-block;

    width:19px;

    height:19px;

    margin:-2px 10px 0 0;

    vertical-align:middle;

    background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/210284/check_radio_sheet.png) left top no-repeat;

    cursor:pointer;

}



input[type="radio"]:checked + label span {

    background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/210284/check_radio_sheet.png) -19px top no-repeat;

}

.men:after {

  font-family: 'FontAwesome';

  display: inline-block;

  text-align: center;

  font-size: 80px;

  content: url("../img/men.png");

  padding: 20px 20px;

  border-radius: 15px;

  color: #004b8d;

  -webkit-transition: box-shadow 1s, color 1s;

  transition: box-shadow 1s, color 1s;

}

.girl:after {

  font-family: 'FontAwesome';

  display: inline-block;

  text-align: center;

  font-size: 80px;

  content: url("../img/girl.png");

  padding: 20px 20px;

  border-radius: 15px;

  color: #004b8d;

  -webkit-transition: box-shadow 1s, color 1s;

  transition: box-shadow 1s, color 1s;

}

input[name='sex']:checked:after {

  box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.4);

  color: #004b8d;

}

#box-table-a {

	margin-bottom:20px;}

#box-table-a thead tr{

	background:#eee;

	}

#box-table-a td,#box-table-a th  {

    border: 1px dotted #ddd;

	padding:8px 5px;

	text-align:center

}

table.altrowstable tr:nth-child(odd) {

    background: #fff;

}



table.altrowstable tr:nth-child(even) {

    background: #eee;

}

#box-table-a input[type="button"] {

    padding: 5px;

    width: 30px;

}

img {border:0}

.ages_required .ip70, .ages_required .ip100{

	margin:0 auto;

	float:none;

	text-align: center}

.ages_required h4{

	font-weight:500;}

.ages_required .ip20 table{

	width:100%;}

#slider li {

    list-style: outside none none;

}

.Characters{

	color: #444;

    font-size: 11px;

    font-weight: 500;

	}

/*checkbox padres*/

.slideThree {

  width: 80px;

  height: 26px;

  background: #0069aa;

  /*margin: 20px auto;*/

  float:left;

  position: relative;

  border-radius: 50px;

  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.2);

}

.slideThree:after {

  content: 'NO';

  color: #eee;

  position: absolute;

  right: 10px;

  z-index: 0;

  font: 12px/26px Arial, sans-serif;

  font-weight: bold;

  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);

}

.slideThree:before {

  content: 'YES';

  color: #fff;

  position: absolute;

  left: 10px;

  z-index: 0;

  font: 12px/26px Arial, sans-serif;

  font-weight: bold;

}

.slideThree label {

  display: block;

  width: 34px;

  height: 20px;

  cursor: pointer;

  position: absolute;

  top: 3px;

  left: 3px;

  z-index: 1;

  background: #fcfff4;

  background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);

  background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);

  border-radius: 50px;

  -webkit-transition: all 0.4s ease;

  transition: all 0.4s ease;

  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);

}

.slideThree input[type=checkbox] {

  visibility: hidden;

}

.slideThree input[type=checkbox]:checked + label {

  left: 43px;

}

div.overflow {

            max-height: 720px;

            width: 100%;

            overflow: hidden;

			padding-bottom:30px;

        }

        div.overflow:hover {

            overflow: auto;

            padding-right: 1px;

        }



.profesor{

	width:22%;

	float:left;

	padding:10px;

	margin:10px;

	border:1px dotted #ddd;

	height: 330px;

	cursor:pointer;

	background: #fff;

 	-webkit-transition: background 2s; /* Safari */

    transition: background 2s

	;}



/*@media only screen and (min-width: 500px){

.profesor{

	width:30% !important;

	float:left;

	padding:10px;

	margin:10px;

	border:1px dotted #ddd;

	height: 330px;

	cursor:pointer;

	background: #fff;

 	-webkit-transition: background 2s;

    transition: background 2s;}

	}





@media (max-width:300px) {

 .profesor{

		width:100% !important;

		float:left;

	padding:10px;

	margin:10px;

	border:1px dotted #ddd;

	height: 330px;

	cursor:pointer;

	background: #fff;

 	-webkit-transition: background 2s;

    transition: background 2s;}

		}

}



*/

@media (max-width:700px){



	#logo{

		margin:15px auto 0;

		clear:both;

		width:100%;

		text-align:center;

		}

	#head2{

		width:100%;

		float:left;

		padding:10px;

		text-align:center !important;

		height:auto;

		margin-bottom:0;

		}

	#head2 img{

		float:none;

		}

	.img65{

		max-width:30% !important;

		max-height:auto;}

		.img60{

		max-width:45% !important;

		height:auto !important;}

	#head3 {

		width:100%;

		overflow:hidden;

		}

	.direccion, .telefonos{

		width:90%;

		margin:5px auto !important;

		height:auto;

		float:none;

		}

	#content, #wrapper{

		max-width:90%;

		margin:0 auto;}

	.cuerpo{

		 margin:0 !important;

		 width:500px !important;

		}

	.ip50, .ip30, .ip70{

		width:99% !important;

		margin:0 auto;

		}

	}

#content{

    margin:50px auto 15px;

    text-align:center;

    max-width:1000px;

    /*position:relative;*/

    height:100%;

}

#wrapper{

    -moz-box-shadow:0px 0px 3px #aaa;

    -webkit-box-shadow:0px 0px 3px #aaa;

    box-shadow:0px 0px 3px #aaa;

    -moz-border-radius:10px;

    -webkit-border-radius:10px;

    border-radius:10px;

    border:2px solid #fff;

    background-color:#f9f9f9;

    width:800px;

    overflow:hidden;

}

#steps{

    max-width:800px;

	/*height:320px;*/

    overflow:hidden;

}

.step{

    float:left;

    max-width:800px;

	/*height:320px;*/

}

#navigation{

    height:45px;

    background-color:#e9e9e9;

    border-top:1px solid #fff;

    -moz-border-radius:0px 0px 10px 10px;

    -webkit-border-bottom-left-radius:10px;

    -webkit-border-bottom-right-radius:10px;

    border-bottom-left-radius:10px;

    border-bottom-right-radius:10px;

}

#navigation ul{

    list-style:none;

	float:left;

	margin-left:22px;

}

#navigation ul li{

	float:left;

    border-right:1px solid #ccc;

    border-left:1px solid #ccc;

    position:relative;

	margin:0px 2px;

}

#navigation ul li a{

    display:block;

    height:45px;

    background-color:#444;

    color:#777;

    outline:none;

    font-weight:bold;

    text-decoration:none;

    line-height:45px;

    padding:0px 20px;

    border-right:1px solid #fff;

    border-left:1px solid #fff;

    background:#f0f0f0;

    background:

        -webkit-gradient(

        linear,

        left bottom,

        left top,

        color-stop(0.09, rgb(240,240,240)),

        color-stop(0.55, rgb(227,227,227)),

        color-stop(0.78, rgb(240,240,240))

        );

    background:

        -moz-linear-gradient(

        center bottom,

        rgb(240,240,240) 9%,

        rgb(227,227,227) 55%,

        rgb(240,240,240) 78%

        )

}

#navigation ul li a:hover,

#navigation ul li.selected a{

    background:#d8d8d8;

    color:#666;

    text-shadow:1px 1px 1px #fff;

}

span.checked{

    background:transparent url(../images/checked.png) no-repeat top left;

    position:absolute;

    top:0px;

    left:1px;

    width:20px;

    height:20px;

}

span.error{

    background:transparent url(../images/error.png) no-repeat top left;

    position:absolute;

    top:0px;

    left:1px;

    width:20px;

    height:20px;

}

#steps form fieldset{

    border:none;

    padding-bottom:20px;

}

#steps form legend{

    text-align:left;

    background-color:#f0f0f0;

    color:#666;

    font-size:24px;

    text-shadow:1px 1px 1px #fff;

    font-weight:bold;

    float:left;

    width:99%;

    padding:5px 0px 5px 10px;

    margin:10px 0px;

    border-bottom:1px solid #fff;

    border-top:1px solid #d9d9d9;

}

#steps form p{

    float:left;

    clear:both;

    margin:5px 0px;

    background-color:#f4f4f4;

    border:1px solid #fff;

    width:400px;

    padding:10px;

    margin-left:100px;

    -moz-border-radius: 5px;

    -webkit-border-radius: 5px;

    border-radius: 5px;

    -moz-box-shadow:0px 0px 3px #aaa;

    -webkit-box-shadow:0px 0px 3px #aaa;

    box-shadow:0px 0px 3px #aaa;

}

#steps form p label{

    width:160px;

    float:left;

    text-align:right;

    margin-right:15px;

    line-height:26px;

    color:#666;

    text-shadow:1px 1px 1px #fff;

    font-weight:bold;

}

/*#steps form input:not([type=radio]),

#steps form textarea,

#steps form select{

    background: #ffffff;

    border: 1px solid #ddd;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    outline: none;

    padding: 5px;

    width: 200px;

    float:left;

}*/

#steps form input:focus{

    -moz-box-shadow:0px 0px 3px #aaa;

    -webkit-box-shadow:0px 0px 3px #aaa;

    box-shadow:0px 0px 3px #aaa;

    background-color:#FFFEEF;

}

#steps form p.submit{

    background:none;

    border:none;

    -moz-box-shadow:none;

    -webkit-box-shadow:none;

    box-shadow:none;

}

#steps form button {

	border:none;

	outline:none;

    -moz-border-radius: 10px;

    -webkit-border-radius: 10px;

    border-radius: 10px;

    color: #ffffff;

    display: block;

    cursor:pointer;

    margin: 0px auto;

    clear:both;

    padding: 7px 25px;

    text-shadow: 0 1px 1px #777;

    font-weight:bold;

    font-family:"Century Gothic", Helvetica, sans-serif;

    font-size:22px;

    -moz-box-shadow:0px 0px 3px #aaa;

    -webkit-box-shadow:0px 0px 3px #aaa;

    box-shadow:0px 0px 3px #aaa;

    background:#4797ED;

}

#steps form button:hover {

    background:#d8d8d8;

    color:#666;

    text-shadow:1px 1px 1px #fff;

}

#suggestions {
  box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
height: auto;
position: absolute;
z-index: 9999;
max-width: 350px;
float: left;
overflow: hidden;
}

#suggestions .suggest-element {
    background-color: #EEEEEE;
    border-top: 1px solid #d6d4d4;
    cursor: pointer;
    padding: 8px;
    width: 100%;
    float: left;
}