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

@media screen and (min-width: 320px) and (max-width: 480px) and (orientation:landscape){
/* iPhone paysage */
#main {
	width:480px;
}
#luz {
    box-shadow:inset 1px -1px 40px 40px #000;
    height: 100%;
    opacity: 0.6;
    position: fixed;
    width: 30%;
    z-index: 11;
}
#fondopuntos {
    background-image: url("fdpuntos.jpg");
    box-shadow: 10px -20px 45px 0 #000;
    height: 100%;
    left: 0;
    margin-right: 28%;
    padding-top: 6%;
    position: fixed;
    width: 30%;
	background-size:300px;
}

.logocara {	width:120px;}

#fondotools {position: fixed;}

table.flags {
    left: 34%;
	margin-top: 4%;
}
table img{max-width:93px;}

table, td, th {
    padding: 2px;
}
#wrapper {display:none;}

.tooltip span {display:none;}
}


@media screen and (min-width: 320px) and (max-width: 480px) and (orientation:portrait){
/* iPhone portrait */

#main {
	width:320px;
}

#luz {
    box-shadow:inset 1px -1px 40px 40px #000;
    height: 30%;
    width: 100%;
	opacity: 0.5;
    position: fixed;
    width: 100%;
    z-index: 11;
	padding-top: 3%;
    top: 0;
}
#fondopuntos {
	box-shadow: -10px -15px 50px 40px #000;
    height: 30%;
    padding-top: 3%;
    top: 0;
    width: 100%;
	background-size:300px;
}

.logocara {width:100px;}

#fondotools {position: fixed;}

table.flags {
    left:0;
	margin-top: 40%;
}

table img{max-width:93px;}

table, td, th { padding: 5px;}

#wrapper {display:none;}
.tooltip span {display:none;}
}