/*
azul: #3584a2
magenta: #cd0067

*/

@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,300);

body, html {
background-color: #3584a2; 

 margin: 0 0 0 0;
 height:100%;

}

h1 { font-family: 'Noto Sans', 'Roboto Condensed', Helvetica, Arial, sans-serif; font-size: 26px; font-weight:700; color:#FFF;
text-align:center; padding-bottom:10px; border-bottom:#FFF solid 1px; max-width:220px;
position:relative; margin:25px auto; letter-spacing: .05em;


 }
 
h1 span { font-family: 'Source Sans Pro', 'Roboto Condensed', Helvetica, Arial, sans-serif; font-weight:400; font-size:16px; letter-spacing:normal; } 


p {
  margin: 10px;
   font: 14px/20px Helvetica, Arial, sans-serif;
   text-align: left;
}

#section { display:table; width:100%; height:100%; }

#login { margin:0; text-align:center; position:relative;  display:table-cell; vertical-align:middle;
   }

input { background:#FFF; padding:10px; font-size:14px; border:none; width:200px;

border-radius: 25px; 
-webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -o-border-radius: 25px;
margin:0px 0; text-align:center; color:#666; }

input:focus{
	outline:0px;
}

label { text-align:center; color:#FFF; 
font: 14px/20px Helvetica, Arial, sans-serif;
 letter-spacing:1px;
 display:none;
   }
    

input[type=submit]{
	margin-top:30px;
 background-color:#cd0067;
 height:50px;
 width:220px;
 border:none;
 font-weight:400;
 letter-spacing:1px;
 color:#FFFFFF;
  -webkit-appearance: none;
 -moz-appearance: none;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #3584a2;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #3584a2;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #3584a2;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #3584a2;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:    #3584a2;
}


#div_mensaje_acceso{
	/*font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
	font-weight:300;*/
	max-width:200px;
	
	
	margin: 25px auto 0 auto;
	/*background: #cd0067;*/
/*	position: absolute;
	top: 50%;
	left: 50%; */
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size:12px;
	border-radius:5px;
	-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
}

.p_mensaje_ok {background:#9C0; }
.p_mensaje_error {background:#cd0067; }

#div_mensaje_acceso p{
	/*font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;*/
	font-weight:300;
	font-size:13px;
	line-height:17px;
	text-align:center;
		padding: 15px;
		margin: 0 !important;
	}
	

#footer{
/*
background-image:url(img/sombrita.gif);
	background-repeat:repeat-x;

background:#8cb11d url(../img/sombrita.gif) top repeat-x;*/

display:block;
max-width:220px;
position:relative;

margin:40px auto;
text-align:center;
border-top:#fff solid 1px;



}

.footer_logo { width:85px; height:auto; text-align:center; margin:15px 0 10px -10px;  }

.footer_tex {
  margin-bottom: 10px;
 /* margin-left: 20px;*/
   font: 11px Helvetica, Arial, sans-serif;
   color:rgba(255,255,255,0.7);
   text-align:center;
   padding:0;
   margin:0;

}

.footer_tex2 {
  margin-bottom: 10px;
  margin-left: 10px;
   font: 11px Helvetica, Arial, sans-serif;
   color:#38470c;
}

.filete_der {
	color:#38470c;
	border-right: solid #38470c 1px;
}

a { text-decoration:none; }


#menu {  display:table; width:100%; height:100%;  }

#menu_child { margin:0; text-align:center; position:relative;  display:table-cell; vertical-align:middle; }

.centro { position:relative; margin:0 auto; max-width:1010px;}

#menu h1 { max-width:960px; text-align:center; margin:25px 25px; position:relative;  }

i { position:relative; font-size:39px; bottom:-5px; }

/*#menu h2 { font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; font-size: 19px; font-weight:300; color:#FFF;
text-align:center; padding-bottom:10px; border-bottom:#FFF solid 1px; max-width:220px;
position:relative; margin:25px auto; }*/

#menu h2 {  
font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; font-size: 19px; font-weight:400;
text-align:center; max-width:220px;
position:relative; margin:25px auto;

border-bottom:#444 solid 3px; color:#3584a2; text-decoration:none; background:#FFF; padding:7px 20px; border-radius: 25px; 
-webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -o-border-radius: 25px;
  display:block;
  
}

#menu a h2 {  border-bottom:#444 solid 3px; color:#3584a2; text-decoration:none; background:#FFF; padding:7px 20px; border-radius: 25px; 
-webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -o-border-radius: 25px;
  display:block;
  
}

#menu a h2:hover { background:#cd0067; color:#FFF; }

.grid1, .grid2, .grid3, .grid4 { display:inline-block; vertical-align:top;  width:220px; margin:0 10px; }

ul { color:#FFF; font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; font-size:14px; font-weight:300; list-style:none; text-align:left; margin:0; padding:0; }

li { margin:0 0 10px 0; padding:0 0 10px 10px; border-bottom:rgba(255,255,255,0.5) solid 1px; }

li a { color:#FFF; padding:5px 10px; 
border-radius: 4px; 
-webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  display: block;
  
  }
  
li a:hover { color:#fff; background:#444;  }

   
 #menu #footer { max-width:960px;  } 
 
 @media only screen and (max-width: 979px) { .grid1, .grid2, .grid3, .grid4 { width:80%; }  }