/*
Theme Name: Fastcursos
Theme URI: http://www.fastcursos.com.br	
Description: Fastcursos
Version: 1.0
Author: Proevo
Author URI: http://www.proevo.com.br
*/

* {margin:0;padding:0;list-style:none; font-family:"Lucida Grande", "lucida-grande", Arial, Helvetica, sans-serif; font-size:12px; outline:none;}
body {background:#051e30 url(images/bg-loop.jpg) repeat-x left top;}

fieldset {border:0;}
legend {display:none;}
textarea {overflow:hidden;}
hr {display:none;}
.wrap {clear:both; height:0.1em; line-height:0.1em; font-size:0.1em; overflow:hidden;}
.left {	float: left;}
.right {float: right;}

p#cupom {display:none;}

/* 

========== // global  ==========

*/

#container {background: url(images/bg.jpg) no-repeat center top;}
#container-cont {width:790px; margin:0 auto; position:relative; min-width:790px;}

/* 

========== // container  ==========

*/


#header {height:177px;}

#menu-principal {height:25px;}
#menu-principal ul {float:right; margin-right:180px;}
#menu-principal ul li { float:left; margin:0 5px; height:25px; line-height:25px;}
#menu-principal ul li a {color:#fff; text-decoration:none; height:15px; padding:5px 0; margin-left:4px; padding-right:5px; padding-left:1px;text-shadow:0 1px 0 #051e30;}
#menu-principal ul li:hover {background:url(images/left-menu.gif) no-repeat left top;}
#menu-principal ul li:hover a {background:url(images/right-menu.gif) no-repeat right top;}
#menu-principal ul li.selected {background:url(images/left-menu.gif) no-repeat left top;}
#menu-principal ul li.selected a {background:url(images/right-menu.gif) no-repeat right top;}
#menu-principal ul li a:hover {}

#logotipo {padding-top:15px; padding-left:25px; width:197px; float:left;}
h1 a {display:block; background:url(images/logotipo.gif) no-repeat left top; width:197px; height:99px;}
h1 a span {display:none;}

#box-atendimento {background:url(images/ico-atendimento.gif) no-repeat left center; padding-left:70px; padding-top:10px; width:170px; height:55px; float:left; margin-top:40px; margin-left:120px;}
#box-atendimento p {color:#fff;line-height:16px;}
#box-atendimento p a {color:#14cdff; text-decoration:none;}

#pic-float {width:220px; height:224px; position:absolute; top:10px; right:0; background:url(images/pic-float.png) no-repeat left top;}

#pic-float-2 {width:220px; height:224px; position:absolute; top:10px; right:0; background:url(images/pic-float-2.png) no-repeat left top;}

/* 

========== // header  ==========

*/

#content {position:relative;width:554px; clear:both; float:left; margin:0; margin-bottom:20px;}
#content-cont {background:#fff; padding:10px; min-height:500px; padding-top:0; margin:0; clear:both; float:left;}

#content-int-cont {background:#fff; width:524px; padding:15px;}

#top-content {width:554px; height:8px; background:url(images/top-content.gif) no-repeat left top;}
#bottom-content {width:554px; height:8px; background:url(images/bottom-content.gif) no-repeat left bottom;}


/* 

========== // content  ==========

*/


#bloco-principal {background:url(images/pic-principal.jpg) no-repeat left top; min-height:222px; margin-bottom:10px;}

#content-home {position:absolute; top:210px;}

.box-home {float:left; width:175px;}
.box-space-center {margin:0 5px;}
.box-space-left {margin-left:10px;}
.box-space-right {margin-right:10;}
.box-home h3 {width:175px; height:45px;}
.box-home h3 span {display:none;}
.box-home h3#saibaMais {background:url(images/title-saiba-mais.png) no-repeat left top;}
.box-home h3#duvidas {background:url(images/title-duvidas.png) no-repeat left top;} 
.box-home h3#indique {background:url(images/title-indique.png) no-repeat left top;} 

.box-home-cont {background:#fff; border-left:1px solid #ececec; border-right:1px solid #ececec; padding:18px 13px; width:147px;}
.box-home-cont p {color:#595959;}
.box-home-cont p.linkBox {margin-top:13px; text-align:right;}
.box-home-cont p.linkBox a {text-decoration:none; font-weight:bold; text-shadow:0 1px 0 #ccc;}
.box-home-cont p.linkBox a:hover {text-decoration:underline;}

.box-home-cont p.linkBox a.colorGreen {color:#195131;}
.box-home-cont p.linkBox a.colorBlue {color:#2b5c68;}
.box-home-cont p.linkBox a.colorBrown {color:#896440;}

.bottom-boxes {background: url(images/bottom-boxes.gif) no-repeat left bottom; height:7px; width:175px}

/* ========== // content-home-boxes  ========== */

#box-gal-cursos {position:relative; width:524px; margin:0 auto; padding-top:51px;}
#box-gal-cursos-cont {background:#fff url(images/bg-boxesGal.jpg) repeat-x 0 0; width:492px; margin:0 auto; margin-left:20px; border-left:1px solid #ececec; border-right:1px solid #ececec; padding:10px 0 5px 0; height:auto;}

#box-gal-cursos-cont ul {}
#box-gal-cursos-cont ul li { float:left; width:231px; margin:7px;}
#box-gal-cursos-cont ul li a {display:block; width:211px; height:43px; text-decoration:none; padding:10px; background-repeat: no-repeat; background-position:left top; text-shadow:0 1px 0 #ccc;}
#box-gal-cursos-cont ul li a:hover {background-position:right top;}
#box-gal-cursos-cont ul li a.bt-azul {background-image:url(images/bt-azul.gif);}
#box-gal-cursos-cont ul li a.bt-vermelho {background-image:url(images/bt-vermelho.gif);}
#box-gal-cursos-cont ul li a.bt-verde {background-image:url(images/bt-verde.gif);}
#box-gal-cursos-cont ul li a.bt-cinza {background-image:url(images/bt-cinza.gif);}
#box-gal-cursos-cont ul li a span {color:#273a4c; display:block; font-size:14px; padding-left:70px;}
#box-gal-cursos-cont ul li a strong {color:#273a4c; display:block; font-size:18px; padding-left:70px;}
#box-gal-cursos-cont ul li a strong.fontPq {font-size:14px;}

#top-boxesGal {background:url(images/top-boxesGal.jpg) no-repeat left top; height:5px;margin-left:20px;}
#bottom-boxesGal {background:url(images/bottom-boxesGal.jpg) no-repeat left bottom; height:5px;margin-left:20px;}

#pic-box-gal {background:url(images/mulher-apontando.png) no-repeat left top; width:400px; height:73px; position:absolute; top:0; padding-left:120px;}
#pic-box-gal p {font-size:17px; color:#575757; text-shadow:0 1px 0 #ccc;}
#pic-box-gal p span {color:#a7a7a7;}

/* ========== // content-home-box-gal-cursos  ========== */


/* 

========== // content-home  ==========

*/


#sidebar-home {float:left; width:230px; margin-left:5px; margin-top:57px; margin-bottom:10px;} 
#sidebar-home-2 {float:left; width:230px; margin-left:5px; margin-top:10px; margin-bottom:10px;}

#sidebar-interna {float:left; width:230px; margin-left:5px; margin-top:57px; margin-bottom:10px;}
#sidebar-interna-cont {background:#fff;padding-top:10px;}
#top-sidebar {width:230px; height:8px; background:url(images/top-sidebar.gif) no-repeat left top;}
#bottom-sidebar {width:230px; height:8px; background:url(images/bottom-sidebar.gif) no-repeat left bottom;}

#dialogo { padding:10px; margin-bottom:10px;}
#dialogo p {color:#a7a7a7; font-size:12px;}
#dialogo p span {color:#575757; font-size:14px; display:block;}

#search {background:url(images/bottom-box-search.gif) no-repeat left bottom; height:77px; width:228px;}
#search h3 {color:#ffe8ab; width:218px; height:27px; line-height:27px; background:url(images/bg-title-search.gif) no-repeat left top; padding-left:15px;}
#search form {}
#search form p {height:33px;}
#search form p label {display:none;}
#search form p input#textBusca {width:150px; height:31px; line-height:23px; margin-left:15px; float:left; border:1px solid #ccc; color:#828282; padding:0 9px;}
#search form p input#buscar {width:21px; height:33px; margin-left:10px; background:url(images/ico-lupa.gif) no-repeat left center; border:0; font-size:0.1em; text-indent:-4000px;}

#twitter {width:220px; margin:0 auto;}
#twitter-cont {background:#ddeef6; width:200px; padding:0 10px; margin:0 auto;}
#twitter-cont h3 {background:url(images/title-twitter.gif) no-repeat right center; height:23px; line-height:23px; width:198px; font-size:18px;}
#twitter-cont ul {}
#twitter-cont ul li {color:#374c61; width:198px; display:block; margin:10px 0;}
#twitter-cont ul li a {color:#1e6eb7; text-decoration:none; display:block;}

#twitter-cont p#icoTwitter {}
#twitter-cont p#icoTwitter a {display:block; background:url(images/ico-twitter.gif) no-repeat left top; width:140px; height:13px; padding-left:80px; text-decoration:none; color:#7eb3cd;}

#top-twitter {background:url(images/top-twitter.gif) no-repeat left top; width:220px; height:11px; margin:0 auto;}
#bottom-twitter {background:url(images/bottom-twitter.gif) no-repeat left bottom; width:220px; height:11px; margin:0 auto;}

/* 

========== // sidebar  ==========

*/

#footer {margin-bottom:100px;}
#footer-unidades {background:#021119; height:160px; padding-top:20px;}
#footer-unidades-cont {width:790px; margin:0 auto;}
#footer-unidades-cont ul {}
#footer-unidades-cont ul li {width:220px; color:#fff; float:left; margin-right:20px; line-height:15px;}
#footer-unidades-cont ul li strong {color:#71c5ee; font-size:18px; display:block; line-height:35px;}
#footer-unidades-cont ul li span {font-size:18px; font-weight:bold; display:block; line-height:25px;}

/* ========== // footer-unidades  ========== */

#footer-copyright {}
#footer-copyright-cont {width:790px; margin:0 auto; height:50px; line-height:50px;}

#copyright {float:left;}
#copyright p {color:#436374;}

#proevo {float:right;}
#proevo p { margin-top:18px;}
#proevo p a {background:url(images/proevo.gif) no-repeat left top; width:67px; height:15px; display:block; margin-right:10px;}
#proevo p a span {display:none;}

/* ========== // footer-copyright  ========== */

/* 

========== // footer  ==========

*/

#listCursos ul {}
#listCursos ul li {width:221px; margin:0 auto;}
#listCursos ul li a {display:block; width:201px; height:43px; text-decoration:none; padding:10px; background-repeat: no-repeat; background-position:left top;}
#listCursos ul li a:hover {background-position:right top;}
#listCursos ul li a.bt-azul {background-image: url(images/bt-azul-pq.gif);}
#listCursos ul li a.bt-vermelho {background-image:url(images/bt-vermelho-pq.gif);}
#listCursos ul li a.bt-verde {background-image:url(images/bt-verde-pq.gif);}
#listCursos ul li a.bt-cinza {background-image:url(images/bt-cinza-pq.gif);}
#listCursos ul li a.bt-verde-claro-pq {background-image:url(images/bt-verde-claro-pq.gif);}
#listCursos ul li a span {color:#273a4c; display:block; font-size:14px; padding-left:60px;}
#listCursos ul li a strong {color:#273a4c; display:block; font-size:18px; padding-left:60px;}
#listCursos ul li a strong.fontPq {font-size:14px;}

/* 

========== // botoes sidebar  ==========

*/

#breadcrumb {}
#breadcrumb a {color:#333; text-decoration:none;}
#breadcrumb a:hover {text-decoration:underline;}

/* 

========== // breadcrumb  ==========

*/

#post {margin-top:5px;}
#post h3 {font-size:30px;margin-left:5px;}

.descricao-curso {margin-left:10px;}

#pic-curso {width:214px; float:right; margin-left:10px; margin-bottom:10px;}

#area-curso {clear:both;}
#area-curso p {color:#444;}
#area-curso p strong {color:#444; font-size:14px; margin-bottom:10px; display:block;}

#content-curso { margin-top:30px; color:#00283e; width:478px;}
#content-curso h4 {background: url(images/bg-modulos.gif) no-repeat left top; width:478px; height:31px; line-height:31px; padding-left:15px; font-size:21px;}
#content-curso p {margin-left:20px; margin-top:5px;}
#content-curso ul {margin:30px 0 30px 20px;}
#content-curso ul li {background:url(images/ico-ball.gif) no-repeat 0 2px; padding-left:15px;}

/* 

========== // post  ==========

*/

#parceiros {}
#parceiros p {width:220px; margin:0 auto;}

/* 

========== // parceiros  ==========

*/

p.pDestaque {margin:5px 0; margin-top:10px;margin-left:10px;}
p.pDestaque strong {font-size:15px;}

h5 {font-size:16px; padding:0 10px 0 40px; background:url(images/ico-telefone.gif) no-repeat left center; margin-left:20px; line-height:35px; height:35px;}
h5 span {font-weight:normal; font-size:12px; display:block;}
.pSpace { padding:0 20px; margin-top:5px;}


p.desconto {width:220px;}
p.desconto span {float:right; width:160px; text-align:left; line-height:15px;}
p.desconto a {background:url(images/ico-print.jpg) no-repeat right top; display:block; width:30px; height:30px; float:left; margin-left:20px;border:1px solid #fff;}
p.desconto a:hover {border:1px solid #ccc;}
p.desconto a span {display:none;}
p.desconto strong {display:block; font-size:10px; clear:both; margin-left:60px;}

.line {width:200px; height:1px; border-bottom:1px solid #e8e8e8; border-top:1px solid #e8e8e8; margin:10px 0; margin-left:15px; clear:both; float:left;}

#outrosCursos {clear:both; padding:0 20px;}
#outrosCursos h4 {font-size:16px;}
#outrosCursos ul {margin:10px 0 10px 5px;}
#outrosCursos ul li {background:url(images/ico-ball.gif) no-repeat 0 2px; padding-left:15px;}

.container {
	position:relative;
	z-index:12;
	}
	
/* Positions the contact form so it doesn't interfere with any other content, as well as a z-index above any other elements on the page */	
#contactFormContainer {
	position:absolute;
	left:290px;
	z-index:1;
	}
	
/* Hides the whole contact form until needed */	
#contactForm {
	height:400px;width:300px;
	background:#051e30 /*url(images/birdy.png) no-repeat 241px 11px*/; 
	border:1px solid #929191;
	padding:7px 12px; 
	color:#fff;
	display:none;
	}   

/* Loading bar that will appear while the ajax magic is happening */
.bar{
	display:none; 
	background:url(images/ajax-loader.gif) no-repeat center; 
	margin-top:100px; 
	height:40px; width:150px;
	}
	
/* Hides the confirmation message until needed */	
#messageSent {display:none;}

/* This hides the form validation alert messages until needed */
#contactForm span { 
	display:none; 
	font-size:9px; 
	line-height:10px; 
	padding-left:6px; 
	color:#f5c478;
	}
	
/* Some styling for the contact button */
#contactFormContainer .contact {
	height:47px; width:211px;
	background:url(images/contact_me.png); 
	position:absolute; 
	left:110px; bottom:-44px; 
	cursor:pointer;
	}
			
/* Hides the darkening layer for the Modal effect. The z-index is necessary for layering purposes, and be sure to keep the positioning/height/width the same */	
#backgroundPopup{
	display:none; 
	position:fixed; 
	_position:absolute; 
	height:100%; width:100%; 
	top:0; left:0;
	background:#000; 
	z-index:11;
	}  
	
/* Form styling from here on out. There is nothing in here that you HAVE to use to get this to work */	
#contactForm textarea, #contactForm input {
	width:280px; 
	background:#fff url(images/contact_input.png) repeat-x top; 
	color:#000; 
	border:1px solid  #000; 
	height:15px; 
	line-height:14px; 
	font-size:11px; 
	padding:2px 2px 0px;
	}
#contactForm input {background-position:0px -20px;}
#contactForm textarea {height:114px; font-family:Verdana, Geneva, sans-serif;}
#contactForm .submit {
	border:1px solid #aba8a8; 
	background:#e5e5e5; 
	text-transform:uppercase; 
	color:#4d4d4d; 
	font-weight:bold; 
	padding:7px 16px 7px 14px; 
	height:37px; width:124px; 
	cursor:pointer; 
	float:left; 
	margin-top:20px;
	}
#contactForm .submit:active {background:#cacaca; }
#contactForm label {padding-left:4px; font-weight:bold;}
#contactForm p {padding-bottom:8px;}
#contactForm .input_boxes {float:left; width:204px;}

.bottomlink {position:absolute; bottom:0;}

