body{ background-image: url("https://www.aletlora.com/images/blue_vector.jpg"); margin:0; text-align:center}

img.tiny-img{border:10px solid #dfdfdf; background:white; padding:3px; margin-bottom:5px}

a:link{ color:#002D7F; text-decoration:none}

a:visited{text-decoration:none; color:#002D7F}

a:hover{text-decoration:underline; color:#F60}

a:active{text-decoration:none}

.bigger{FONT-SIZE:15px;  font-family:Geneva,Verdana,Arial,Helvetica,sans-serif}
.small{FONT-SIZE:8pt;  font-family:Geneva,Verdana,Arial,Helvetica,sans-serif}
.vsmall{FONT-SIZE:7pt;  font-family:Geneva,Verdana,Arial,Helvetica,sans-serif}

div, td{ font-family:Graublau Sans Web,Lucida Grande,sans-serif; font-size:15px; color:#000}

hr{ color:#cfcfcf;  background-color:#cfcfcf;  height:1px;  border:none}

.containers{width:1000px; margin:0 auto; aborder:1px solid #000; text-align:left}

.box-shadow{ background-color:#fff;  -webkit-box-shadow:inset 0 0 3px 3px #ccc;   -moz-box-shadow:inset 0 0 3px 3px #ccc;  box-shadow:inset 0 0 3px 3px #ccc;  height:270px;  padding:5px;  text-align:center;  width:298px}

.menu{font-family:"Tahoma","Arial","Verdana"; font-size:14px; afont-weight:bold; color:#ebad5a; text-align:left; apadding:0px 0px; border-top:solid 1px #fff; border-bottom:solid 1px #fff}

.menu a{color:#fff; text-decoration:none}

.menu a:hover{color:#ccc; text-decoration:none}

.bgcontent{}

.left{border-right:solid 1px #cfcfcf; background-color:#ececec}

.content{padding:10px}

.content-peta{background:url(images/bgcontent.gif) no-repeat; padding:15px}

.right{border-left:solid 1px #cfcfcf}

.date{#color:#898989; color:#060; font-size:10px}

.ttl, .ttl2{font-family:"tahoma","Verdana","arial"}

.ttl{background:#ddd url(images/bgttl.gif) repeat-x; padding:15px; border-bottom:solid 1px #cfcfcf}

.ttl2{text-transform:uppercase; font-weight:bold; color:#c0721f; font-size:13px}

.ttl3{font-family:"arial","Verdana","tahoma"; text-transform:uppercase; font-weight:bold; color:#666; font-size:10px}

.login{background:transparent url(images/bglogin.gif) repeat-x; padding:15px}

.jadwal{background:transparent url(images/bgjadwal2.gif) no-repeat; padding:15px; font-family: "Verdana","arial","tahoma"; font-size:10px}

.berita{padding:5px 5px 0 5px}

.padcon{padding:5px; aborder-bottom:solid 1px #cfcfcf}

.padconkiri{padding:5px; aborder-bottom:solid 2px #cfcfcf; background:#CADEF4}

.padconright{padding:5px; aborder-bottom:solid 2px #cfcfcf; background:#CADEF4}
.footer{background-color:#ececec; margin-top:2px; margin-bottom:10px}

.footer td{text-align:center; font-size:10px}

dropmenu1 ul{ list-style-type:none; padding:0; margin:0; } 
.dropmenu1 li{ z-index:173; float:left; position:relative; } 
.dropmenu1 a, .dropmenu1 :visited { display:block; font-size:11px; width:168px; border: 1px solid #338FFF; padding:5px; color:#FFE; background:#FE401C; font-family:verdana, sans-serif; text-decoration:none; text-align:center; } .dropmenu1 :hover{ color:#000000; background:#E6F3FC; } .dropmenu1 ul ul { position:absolute; visibility:hidden; width:168px; height:0px; border-top: 1px solid #EAF4EA; } .dropmenu1 ul li:hover ul, .dropmenu1 ul a:hover ul{ visibility:visible; background:#112246; font-weight:bold; color:#000000; } .clear{clear:both} 

.bx-next 				{display:none;position:absolute;top:40%;right:10px;z-index:999;width: 17px;height: 34px;text-indent: -999999px; }
.bx-prev 				{display:none;position:absolute;top:40%;left:10px;z-index:999;width: 17px;height: 34px;text-indent: -999999px;}
.headline				{background:#222  bottom repeat-x; padding-bottom:12px}
.headline .bx-next 		{top:332px;right:0; right no-repeat; height:63px; width:25px}
.headline .bx-prev 		{top:332px;left:0; left no-repeat;height:63px;width:25px}
.headline h3				{font-size:18px;padding:5px 30px}
.headline p				{padding:0 30px;font-size:12px;}
.cast					{margin:10px 0 20px;background:#262626; height:88px;overflow: hidden; padding:10px 0 10px 37px}
.cast .bx-next 			{top:33%;right:-25px}
.cast .bx-prev 			{top:33%;left:-25px}
/*list gallery slideshow page gallery detail */
.slidegal 				{float:left;background:#333  top no-repeat;	width:395px; padding:17px 0  10px 35px;	text-align:left}	
.slidegalbtm			{float:left; bottom no-repeat;width:430px;height:7px}	
.slidegal .bx-next 		{top:30%;right:-25px}
.slidegal .bx-prev		{top:30%;left:-25px}
.bx-pager a 				{margin-right: 5px;color: #fff;	padding: 3px 8px 3px 6px;font-size: 12px; zoom:1; }
/*pager links hover and active states*/
.bx-pager .pager-active,.bx-pager a:hover 	{background-position: 0 0}
/*pager wrapper*/
.bx-pager 				{text-align:center;padding-top: 7px; margin-top:10px;font-size:12px;color:#666}
/*captions*/
.bx-captions 			{text-align:center;font-size: 12px;padding: 7px 0;	color: #666}
/*auto controls*/
.bx-auto 				{text-align: center;padding-top: 15px}
.bx-auto a 				{color: #666;font-size: 12px}
#slider1 img				{width:810px}
#slider2 img				{width:810px}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}
 
/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}
 
/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}
 
/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}
 
/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}
 
/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}
 
/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}
 
/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}
 
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}