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

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
#main {
	width:1024px;
}
#luz {
    box-shadow:inset 0 -50px 140px 160px #000;
    height: 100%;
    opacity: 0.3;
    position: fixed;
    width: 50%;
    z-index: 11;
}
#fondopuntos {
    background-image: url("fdpuntos.jpg");
    box-shadow: 20px -50px 45px 0 #000;
    height: 100%;
    left: 0;
    margin-right: 50%;
    padding-top: 15%;
    position: fixed;
    width: 50%;
}

.logocara {
	width:300px;
}

#fondotools {
    position: fixed;
}
table.flags {
    left: 51%;
	margin-top: 20%;
}

#wrapper {
	height: 50px;
	padding: 5px 1px 1px 30px;
	-webkit-column-count:1;
	font-size:15px;
}
.tooltip span {display:none;}
}


/* iPad portrait */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
#main {
	width:768px;
}

#luz {
    height: 40%;
    width: 100%;
    left: 0;
    padding-top: 10%;
}
#fondopuntos {
	box-shadow: -10px -15px 50px 40px #000;
    height: 40%;
    padding-top: 10%;
    top: 0;
    width: 100%;
}

.logocara {
	width:220px;
}

#fondotools {
    position: fixed;
}
table.flags {
    left: 20%;
	margin-top: 54%;
}


#wrapper {
	height: 50px;
	padding: 5px 25px 5px 25px;
	-webkit-column-count:1;
	font-size:15px;
}
.tooltip span {display:none;}
}