/* 
	Theme Name: SeoStudy
	Theme URL: http://seostudy.com.ua/
	Description: Тема специально созданная для сайта SeoStudy
	Author: MaxBloger
	Author URI: http://maxbloger.com/portfolio/
	Version: 1.0
*/
/* base tags */
html{width:100%; height:100%; background:#FFF;}
body{position:relative; min-width:1000px; width:100%; height:100%; margin:0 auto; padding:0; color:#3f3f3f; font:normal 12px Verdana, Geneva, sans-serif;}
html, body, div, dl, dt, dd, ul, li, ul li, h1, h2, p, form, fieldset, legend, table, tr, td{margin:0; padding:0; border:0; outline:0;}
ul, li, ul li{list-style:none;}
img, fieldset{border:0; outline:none;}
/* base tags */
/* global styles */
.tdtextcolor{color:#268abe;}
/* global styles */
/* header */
#header{z-index:1; position:absolute; top:0; left:0; width:100%; height:283px; background:url(images/header-repeat.png) 0 0 repeat-x;}
#header .wrap{position:relative; width:970px; height:283px; margin:0 auto; background:url(images/header.png) 0 0 no-repeat;}
#header .wrap .logo{z-index:2; position:absolute; top:75px; left:166px; width:296px; height:85px;}
#header .wrap .logo a{display:block; width:296px; height:85px;}
#header .wrap .color{color:#d8d6d7; text-align:right;}
#header .wrap .phone{z-index:2; position:absolute; top:109px; right:112px; width:214px; height:42px; padding:0 0 0 52px; font-size:24px; line-height:42px; background:url(images/phone.png) 0 0 no-repeat;}
#header .wrap .email{z-index:2; position:absolute; top:160px; right:112px; width:170px; height:24px; padding:0 3px 0 0; font-weight:normal; font-size:15px; line-height:24px;}
#header .wrap .icon{z-index:2; width:13px; height:11px;}
#header .wrap .home{position:absolute; top:38px; left:14px;}
#header .wrap .map{position:absolute; top:38px; left:45px;}
#header .wrap .mail{position:absolute; top:40px; left:76px;}
#header .wrap .icon a{display:block; text-decoration:none;}
/* header */
/* content */
#content{overflow:hidden; position:relative; width:100%; min-height:100%; height:auto !important; height:100%; padding:283px 0 0 0;}
#content .inlay{overflow:hidden; margin:0 38px 1px;}
#content .inlay ul{width:100%;}
#content .inlay ul li{float:left; width:160px; height:34px; margin:0 2px 0 0; background:url(images/inlay.png) 0 0 no-repeat;}
#content .inlay ul li a{display:block; width:160px; height:34px; color:#FFF; font-size:12px; line-height:34px; text-decoration:none; text-align:center;}
#content .inlay ul li a:hover{color:#CCC;}
#content .border{overflow:hidden; margin:0 38px; border:1px dashed #cecece;}
#content .wrap{overflow:hidden; float:left; padding:54px 240px 0 16px;}
#content .coursewrap{padding-top:30px;}
#content .wrap.coursewrap .coursebottom{margin:18px 0 10px 0; padding:16px 24px;}
#content .wrap .description{overflow:hidden; position:relative; background:url(images/content-description.png) 0 0 repeat;}
#content .wrap .top{margin:0 0 50px 0; padding:12px 16px;}
#content .wrap .bottom{margin:18px 0 20px 0; padding:16px 24px;}
#content .wrap .description .size{width:10px; height:10px;}
#content .wrap .description .lefttop{position:absolute; top:0; left:0; background:url(images/content-description-lefttop.png) 0 0 no-repeat;}
#content .wrap .description .righttop{position:absolute; top:0; right:0; background:url(images/content-description-righttop.png) 0 0 no-repeat;}
#content .wrap .description .leftbottom{position:absolute; bottom:0; left:0; background:url(images/content-description-leftbottom.png) 0 0 no-repeat;}
#content .wrap .description .rightbottom{position:absolute; bottom:0; right:0; background:url(images/content-description-rightbottom.png) 0 0 no-repeat;}

#content .wrap .description a.pic{display:block; float:left; width:108px; height:81px; margin:0 28px 0 0;}
#content .wrap .description img{width:108px; height:81px;}
#content .wrap .description p{padding:5px 0; font-size:13px;}

/* index content */
#content .wrap h1{font-weight:normal; font-size:18px; text-align:center;}
#content .wrap table.timetable{width:100%; margin:0 0 50px;}
#content .wrap table.timetable .title{font-size:18px; line-height:1.5;}
#content .wrap table.timetable a{font-style:italic; font-size:14px; line-height:1.5; text-decoration:underline;}
#content .wrap table.timetable a:hover{color:#3090c1; text-decoration:none;}
#content .wrap table.timetable td{padding:16px 0;}
#content .wrap table.timetable td p{font-size:13px; line-height:1.5;}
#content .wrap table.timetable td.call{width:160px; padding:0 24px; text-align:center;}

#content .wrap ul{width:100%;}
#content .wrap ul li{overflow:hidden; float:left; width:25%; margin:0 0 15px 0;}
#content .wrap ul li a{display:block; width:150px; height:110px; margin:0 auto; text-decoration:none; text-align:center;}
#content .wrap ul li a img{width:75px !important; height:75px; border:1px solid #9aaeb7; margin:0 auto;}
#content .wrap ul li a .name{display:block; width:150px; height:35px; color:#376276; font-size:15px; line-height:30px; text-align:center;}
/* content */
/* course content */
#content .wrap.coursewrap .description a.pic{display:block; float:left; width:124px; height:124px; margin:0 16px 0 0;}
#content .wrap.coursewrap .description img{width:124px; height:124px;}
#content .wrap.coursewrap .description p{padding:16px 0 0; font-size:16px;}

#content .wrap.coursewrap h1{color:#000; font-weight:normal; font-size:18px; text-align:left;}
#content .wrap.coursewrap h2{margin:50px 0 0 0; color:#000; font-weight:bold; font-size:14px; text-align:center;}
#content .wrap.coursewrap h3{margin:20px 0 18px; font-weight:normal; font:14px Tahoma, Geneva, sans-serif;}

#content .wrap.coursewrap a.course{font-style:italic; font-size:14px; text-decoration:underline;}
#content .wrap.coursewrap .declaration{margin:34px 0 0 0; color:#000; font-size:12px;}
#content .wrap.coursewrap .declaration p{margin:14px 0 0 0; color:#000; font-size:13px;}
#content .wrap.coursewrap p.price{font-size:15px;}
#content .wrap.coursewrap p.decitalic{color:#000; padding:18px 0 0; font-size:14px;}

#content .wrap.coursewrap ul{width:100%;}
#content .wrap.coursewrap ul li{float:none; width:auto; margin:0; padding:0 0 0 16px; color:#000; font:14px Tahoma, Geneva, sans-serif;}
/* content */

	/* sidebar */
#content .sidebar{overflow:hidden; float:right; width:222px; margin:0 0 0 -223px; border-left:1px dashed #cecece;}
#content .sidebar .in{overflow:hidden; padding:0 16px;}
#content .sidebar h1{padding:18px 0 20px; font-weight:normal; font-size:16px; text-align:center;}
#content .sidebar .in ul{width:100%;}
#content .sidebar .in ul li{height:26px; padding:0 0 0 12px; background:url(images/marker.png) 0 center no-repeat;}
#content .sidebar .in ul li a{color:#335c6f; font-size:14px; line-height:26px; text-decoration:none;}
#content .sidebar .in ul li a:hover{color:#228fc8;}
#content .sidebar .in a.blog{display:block; width:100%; height:35px; margin:5px 0 35px 0; color:#FFF; font-size:16px; line-height:35px; text-decoration:none; text-align:center; background:#258cc6;}
#content .sidebar .subscribe{height:108px; padding:10px 16px 0; font-weight:bold; font-size:13px; text-align:center; background:url(images/sidebar-subscribe.png) 0 0 repeat-x;}
#content .sidebar .subscribe input.field{width:152px; margin:8px 0; padding:4px; border:0; border-top:1px solid #abadb3; color:#228fc8; font-size:14px; background:#FFF;}
#content .sidebar .subscribe input.button{color:#000; padding:2px 4px; border:1px solid #707070; font-size:12px;}
#content .sidebar .in dl{margin:15px 0 0 0;}
#content .sidebar .in dl dt{color:#000; font-size:14px;}
#content .sidebar .in dl dd{padding:14px 0;}
#content .sidebar .in dl dd p{padding:0 0 14px; font-size:11px;}
#content .sidebar .in dl dd a{font-style:italic; font-size:12px; text-decoration:underline;}
	/* sidebar */
.empty{height:69px;}
/* content */
/* footer */
#footer{position:relative; width:100%; height:65px; margin:-65px 0 0 0; padding:0 0 10px 0;}
#footer .wrap{height:65px; margin:0 38px; background:url(images/footer.png) 0 0 repeat-x;}
/* footer */

#content .wrap.coursewrap .declaration form.formsend p {font-size:14px; margin:0px; padding-top:10px;}
#content .wrap.coursewrap .declaration form.formsend .wi {width:400px;}

.alignleft {float:left;}