/*
@media screen and (max-width:300px) and (max-width:1024px){}
@media screen and (min-width:380px) and (orientation:portrait){}
@media screen and (min-width:600px) and (orientation:landscape){} //funcionou

*/


body{

background:rgba(0,0,0, 0.3);
width:80%;
Margin: 0px auto;
@import url(tiny.css)(min-width:300px);
@import url(small.css)(min-width:600px);
@import url(big.css)(min-width:900);
}

@media screen and (min-width:600px) and (orientation:landscape){

#modal{
background:rgba(0,0,0, 0.6);
width:100%;
height:100%;
position:fixed;
left:0;
top:0;
display:non;
}

#infoColegeioImp{
display:none;
}

.modal-box{
background:#fff;
width:40%;
height:550px;
left:58%;
top:30%;
position:absolute;
margin-left:-30%;
margin-top:-150px;
}


.modal-box-conteudo{
padding-top:20px;
padding-left:50px;
padding-right:60px;
}

.modal-box1{
background:#ccc;
width:25%;
height:180px;
left:60%;
top:45%;
position:absolute;
margin-left:-30%;
margin-top:-150px;
}

.modalOkCancel{
padding:5px 10px;
border:1px solid #ccc;
height:20px;
text-align:center;
background:#f2f2f2;
}

.fechar{
padding:5px 10px;
border:1px solid #ccc;
height:20px;
text-align:center;
background:#f2f2f2;
}

.fechar1{
background:#fff;
padding:5px 10px;
border:1px solid #ccc;
position:absolute;
right:3px;
top:3px;
height:17px;
border-radius:3px;
color:#ccc;
cursor:pointer;
}
.fechar1:hover{
background:#f2f2f2;
border-color:#;
}

}


@media screen and (min-width:380px) and (orientation:portrait){

#modal{
background:rgba(0,0,0, 0.6);
width:100%;
height:100%;
position:fixed;
left:0;
top:0;
display:non;
}

#infoColegeioImp{
display:none;
}

.modal-box{
background:#fff;
width:40%;
height:550px;
left:58%;
top:30%;
position:absolute;
margin-left:-30%;
margin-top:-150px;
}


.modal-box-conteudo{
padding-top:20px;
padding-left:50px;
padding-right:60px;
}

.modal-box1{
background:#ccc;
width:25%;
height:180px;
left:60%;
top:45%;
position:absolute;
margin-left:-30%;
margin-top:-150px;
}

.modalOkCancel{
padding:5px 10px;
border:1px solid #ccc;
height:20px;
text-align:center;
background:#f2f2f2;
}

.fechar{
padding:5px 10px;
border:1px solid #ccc;
height:20px;
text-align:center;
background:#f2f2f2;
}

.fechar1{
background:#fff;
padding:5px 10px;
border:1px solid #ccc;
position:absolute;
right:3px;
top:3px;
height:17px;
border-radius:3px;
color:#ccc;
cursor:pointer;
}
.fechar1:hover{
background:#f2f2f2;
border-color:#;
}


}