@font-face  { font-family: avenir; src: url('fonts/avenirltstd-book.eot'), url('fonts/avenirltstd-book.ttf'),  url('fonts/avenirltstd-book.otf'), url('fonts/avenirltstd-book.svg'), url('fonts/avenirltstd-book.woff') }
@font-face  { font-family: museo; src: url('fonts/museo.eot'), url('fonts/museo.ttf'),  url('fonts/museo.otf'), url('fonts/museo.svg'), url('fonts/museo.woff') }
body {background-color:#CCC}
#all {
left: 0px;
width: 790px;
height: 560px;
overflow: hidden;
box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 4px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
border: 1px solid gray;
position: absolute;
top: 0px;
bottom: 0px;
right: 0px;
margin: auto;
padding: 0px;
background-image:url(backgrounds/5.jpg);
background-color: rgb(255, 255, 255);
background-repeat: no-repeat;
}


#t1 {
position: absolute;
top: 0px;
left: 0px;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-stretch: normal;
font-size: 24px;
line-height: normal;
font-family: verdana, arial;
width: 760px;
color: rgb(0, 0, 0);
text-align: left;
padding: 25px 0px 25px 30px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: gray;
background-image: url(santillana.png);
background-color: white;
background-position: 620px 22px;
background-repeat: no-repeat;
border-bottom: 1px solid #c8c6c6;
}
#t2 {	
	color: #000;
	font: 18px verdana, arial;
	left: 0px;
	position: absolute;
	text-align: center;
	top: 165px;
	width: 777px;
	}
	
<!--#t3 {position:absolute;top:480px;left:355px; width:110px;text-align:center}-->

#t3{
position:absolute;
height: 46px;
top: 514px !important;
left: -40px;
padding-left: 20px;
width: 850px;
background:-webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 50%, #d8d7d7 75%, #d8d7d7 100%);
background-image: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 50%, #d8d7d7 75%, #d8d7d7 100%);
background-image: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 50%, #d8d7d7 75%, #d8d7d7 100%);
background-image: -ms-linear-gradient(top, #ffffff 0%, #e0e0e0 50%, #d8d7d7 75%, #d8d7d7 100%);
liner: progid:DXImageTransform.Microsoft.gradient(top, #ffffff 0%, #e0e0e0 50%, #d8d7d7 75%, #d8d7d7 100%);	
border-top: 1px solid #c8c6c6;
}


a {color:#d8e0e8; text-decoration:none;font-size:12px;font-family:avenir,arial}
a:hover {color:#b0d0ff; text-decoration: underline}
td{text-align:center;vertical-align:middle}
img {border:0}
#indeximg
{
	position:absolute;top:275px;left:110px;width:600px; text-align:center;
}
#owl{
    height: 240px;
    left: 215px;
    position: absolute;
    top: 60px;
    width: 175px;
}
#titleImagePanel{
	height: 230px;
    left: 52px;
    position: absolute;
    top: 37px;
    width: 500px;
}
#title_1{
	width:100%;
	height:220%;
	opacity:0;
}
#intro_img{
	left: 76px;
    position: absolute;
    top: 89px;
}
#subContent
{
   color: #FFFFFF;
    display: none;
    font: 18px avenir,verdana,arial;
    left: -144px;
    position: absolute;
    text-align: center;
    top: -80px;
    width: 600px;
}
#gifImg
{
	position:absolute;
	left:320px;
	top:102px;
x
}
#frnt_img {
left: 92px;
position: absolute;
top: 99px;
}
#img_frant{
	left: 110px;
    position: absolute;
    top: 184px;
}
#txt1{
	left: 117px;
    position: absolute;
    top: 207px;
}
#txt2{
	left: 524px;
    position: absolute;
    top: 202px;
    width: 155px;
}