﻿ @font-face {
            font-family: 'proxima_nova_regular';
            src: url('https://www.institutomora.edu.mx/Instituto/fonts/proximanova-regular.eot');
            src: url('https://www.institutomora.edu.mx/Instituto/fonts/proximanova-regular.eot?#iefix') format('embedded-opentype'),
                 url('https://www.institutomora.edu.mx/Instituto/fonts/proximanova-regular.woff2') format('woff2'),
                 url('https://www.institutomora.edu.mx/Instituto/fonts/proximanova-regular.woff') format('woff'),
                 url('https://www.institutomora.edu.mx/Instituto/fonts/proximanova-regular.ttf') format('truetype'),
                 url('https://www.institutomora.edu.mx/Instituto/fonts/proximanova-regular.svg#proxima_nova_rgregular') format('svg');
            font-weight: normal;
            font-style: normal;
        }
    
        body{
            font-family: 'proxima_nova_regular'; 
        }
        p{
            font-family: 'proxima_nova_regular'; 
        }

        .clear{
            clear:both;
            width:100%;
			height:10px;
        }
        span{
            color:white;
            font-family: roboto, sans-serif;
            font-size:17px;
        }
        .label{
            width:30%;
            margin-right:5%;
            float:left;
            text-align:right; 
            color:#000000;
            font-weight:500;
			font-size:18px;
        }
        .input{
            width:100%;
            float:left;
        }
		.input1{
            width:12%;
            float:left;
        }
		.input2{
            width:32%;
            float:left;
			margin-left:4%;
			margin-right:4%;
        }
		
        .input input, .input1 input, .input2 input, .input textarea, .input select {
            width:100%;
            border: 1px solid #e0e0e0;
            border-radius: 1px;
            box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
            color: #3b3b3b;
            height:40px;
            font-size:16px;
        }
        
		.input textarea{
			height:100px;
			resize:none;
		}
.validation-passed { border-color: blue; }
.validation-failed { border-color: red !important;}


input[type='submit']{
	background: #4b7aa1 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0 30px 30px 0;
    box-shadow: none;
    color: #ffffff;
    display: inline-block;
    letter-spacing: 0;
    margin-left: 27%;
    padding: 10px 20px 11px 19px;
    position: relative;
    text-align: left;
    text-decoration: none !important;
    text-shadow: none;
    transition: all 0.3s ease 0s;
    width: 33% !important;
	font-size:17px;
}

h1{
	width:100%;
	color:#971518;
	text-align:center;
}

p{
	width:100%;
	text-align:center;
}

.label-1{
    width:30%;
    margin-right:5%;
    float:left;
    text-align:right; 
    color:#626262;
    font-weight:400;
	font-size:13px;
}

.input-1{
	width:64%;
   	float:left;
 }

.input1-1{
 	width:12%;
    float:left;
  }

.input2-1{
  	width:32%;
    float:left;
	margin-left:4%;
	margin-right:4%;
  }
		
 .input-1 input, .input1-1 input, .input2-1 input, .input-1 textarea {
     width:100%;
     border: 1px solid #e0e0e0;
     border-radius: 1px;
     box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
     color: #3b3b3b;
     height:20px;
     font-size:14px;
  }
        
.input-1 textarea{
	height:60px;
	resize:none;
}

.input-s input[type='submit']{
	background: #0a4074 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0 30px 30px 0;
    box-shadow: none;
    color: #ffffff;
    display: inline-block;
    letter-spacing: 0;
    margin-left: 35%;
    padding: 5px 0 5px 10px;
    position: relative;
    text-align: left;
    text-decoration: none !important;
    text-shadow: none;
    transition: all 0.3s ease 0s;
    font-size:13px;
	width:100px !important;
}


input[type=text] {
    width: 80%;
    padding: 5px 5px;
    margin: 5px 0;
    box-sizing: border-box;
}

textarea.required{
	width:78%;
	height:120px;
}