@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Arimo:400,700);

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:#fff url(../img/mascara2015/fdo001.jpg) repeat-x top;
	
	
}

.fdo2{ position:absolute; width:100%; height:100%;  }
.fdo3{ position:absolute; width:100%; height:100%; background:url(../img/mascara2015/fdo03.png) right bottom no-repeat;}
.fdo4{ position:absolute; width:100%; height:350px; top:25%; background:#0091d7  url(../img/mascara2015/fdo_from.png) left bottom no-repeat;}

.logo{ position:relative;  display: block; width:232px; height:54px; top:20px; left:20px; background:url(../img/mascara2015/logo_minsa.png) center no-repeat;}

.log01{ position:relative; width:450px; height:210px; top:100px; background:url(../img/mascara2015/fdo04.png); border:solid 10px #FFF;
margin:auto;
-webkit-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.41);
-moz-box-shadow:    0px 0px 19px 0px rgba(0, 0, 0, 0.41);
box-shadow:         0px 0px 19px 0px rgba(0, 0, 0, 0.41);
 }
 
.log01 .tit{ position:absolute; display:block; width:100%; color:#FFF; text-align:center; font-family: 'Arimo', sans-serif;}
.log01 .t1{ top:-90px; font-size:20px;  }
.log01 .t2{ top:-50px; font-size:14px; }
.log01 .t3{ top:-170px; font-size:40px; color:#656262; font-family: 'Arimo', sans-serif; }
.log01 .t4{ bottom:-75px; font-size:12px; color:#656262;  font-family:arial, sans-serif; }

.line{ width:70%; height:2px; border-bottom:solid 1px #FFF; margin:5px 0px;}

.table_intro{
	position: relative;
	width: 90%;
	color: #FFF;
	font-family: 'Arimo', sans-serif;
background:url(../img/mascara2015/paloma .png) no-repeat center 24px; }
.table_intro span{  padding-left:40px; font-size:18px;}
.table_intro label{ padding-left:40px; font-size:14px;}
.table_intro input[type="text"],input[type="submit"] { margin-right:40px; font-size:14px; border:0px;  border-radius:5px;}

.table_intro input[type="text"], .table_intro input[type="password"]{
    outline:none;	
    transition: all 0.75s ease-in-out;
    -webkit-transition: all 0.75s ease-in-out;
    -moz-transition: all 0.75s ease-in-out;	
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;	
    border:1px solid #fff;
    color:#666;
    background-color:#eee;
    padding: 5px;
}

.table_intro input[type="text"]:focus , .table_intro input[type="password"]:focus{
    box-shadow: 0 0 10px #aaa;
    -webkit-box-shadow: 0 0 10px #aaa;
    -moz-box-shadow: 0 0 10px #aaa;
    border:1px solid #999;
    background-color:white;
}

.table_intro input[type="submit"]{ 
 cursor:pointer; padding:7px 22px; color:#a0e1ff;
background:#0079e0;
	 color:#fff;
	 box-shadow: 0 0 0 2px #fff, 0 0 0 3px #0079e0;

    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
	
    transition: all 0.75s ease-in-out;
    -webkit-transition: all 0.75s ease-in-out;
    -moz-transition: all 0.75s ease-in-out;
	
	}
.table_intro input[type="submit"]:hover{
	color:#a0e1ff;
box-shadow: 0 0 0 2px #a0e1ff, 0 0 0 3px #0079e0;	
    transition: all 0.75s ease-in-out;
    -webkit-transition: all 0.75s ease-in-out;
    -moz-transition: all 0.75s ease-in-out;}

.error{
	color: #B1FD00;
}

	
@media all and (min-width: 100px) and (max-width: 600px) {
		

.fdo4{  top:20%;  background:#0094e0 url(../img/mascara2015/fdo03.png) center bottom no-repeat;}
.logo{ top:10px; left:20%; }
.log01{ position:relative; width:90%;  border:solid 8px #FFF; }	


.log01 .t1{   font-size:16px;  }
.log01 .t2{   font-size:12px; }
.log01 .t3{ top:-145px; font-size:25px;   }
.log01 .t4{ bottom:-95px; font-size:12px;  }

.table_intro span{  padding-left:0px; font-size:16px;}
.table_intro label{ padding-left:0px; font-size:12px;}
.table_intro input[type="text"], .table_intro input[type="password"],input[type="submit"] { margin-right:0px; font-size:12px; }
}