/*colores
 * b68a06 /verde logotipo
 * rgba(182,138,6,1)/verde logotipo
 * 
 * */
@media (max-width:599px){
	#contact {
	width: 300px; height: 350px;
		margin: 80px 0px; padding: 20px 10px;
	}
	
}
@media (min-width:600px){
	#contact {
	width: 430px; height: 300px;
	margin: 80px auto; padding: 40px 30px;
	}
	
}
body {
  margin: 0;
  padding: 0;
  font-family: Montserrat;
  font-size:100%;
  
  background-color:#f5f5f5;
}

#reloj{ position: absolute;top:15px; left:850px; color: #0142ac; font-size:140%; text-shadow:1px 1px 0 rgba(0,0,0, 0.4);}
#slogan{ position: absolute;top:300px; left:300px; color: #14316F; font-size:180%;text-shadow:1px 1px 0 rgba(0,0,0, 0.4); }
em{color:#b68a06;}
#contenido{
	padding:0;
	margin:0px;
}
#cabecera{	
	width:100%;
	height:150px;
	padding:0px;
	margin:0px;
	background-color:#f5f5f5;
     
} 
#logo {	
	float:left;
	padding:20px;
}
#logo img{

}

#contact {
	
	border: 4px solid #FFA200;
	border-radius:40px;
	-webkit-border-radius: 40px;  /* Safari  */
	-moz-border-radius:40px;     /* Firefox */
	background-color:#fff;
}

h1 {
	font-size: 25px; color:#000; text-transform: uppercase;
	text-align: center; margin: 0 0 25px 0;
}

label {
	font-size: 14px;
    font-family: Montserrat;
}

input {
}


input:focus, textarea:focus {
}

input[type=submit] {
}
#contact fieldset{
	outline: none;
	border: none;
}
#contact form{
	outline: none;
	border: none;
}



/* Extendido  */

#contact {
    border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius:5 px;
	border: 1px solid #CCCCCC;
    border-top: 5px solid #2ea3f2;
}

#contact h1 {
    text-align: center;
    color: #000;
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 20px;
}

#contact input {
    width: 100%;
    height: 42px;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    font-size: 14px;
    font-family: Montserrat;
    padding: 0 20px 0 50px;
    outline: none;
}

#contact input#login {
    background: #fff url('http://i.imgur.com/u0XmBmv.png') 20px top no-repeat;
    background-size: 16px 80px;
}

#contact input#login:focus {
    background: #fff url('http://i.imgur.com/u0XmBmv.png') 20px bottom no-repeat;
    background-size: 16px 80px;
}

#contact input#password {
    background: #fff url('http://i.imgur.com/Qf83FTt.png') 20px top no-repeat;
    background-size: 16px 80px;
}

#contact input#password:focus {
    background: #fff url('http://i.imgur.com/Qf83FTt.png') 20px bottom no-repeat;
    background-size: 16px 80px;
}

#contact input:active, #contact input:focus {
    border: 1px solid #2ea3f2;
}

#contact input[type=submit] {
    width: 100%;
    height: 40px;
    background: #2ea3f2;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #999;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    font-family: Montserrat;
    outline: none;
    cursor: pointer;
}

#contact input[type=submit]:hover {
    background: #77bae6;
}