/*
    Cliente: Hospital de Olhos do Paraná
    Projeto: Hot-Site Ceraatocone
*/

    /*
  --------------
    ELEMENTOS e CLASSES
  --------------
    */

    /* ------- GERAL ------- */
    * { margin: 0; padding: 0; }
	body {background:url(../imagens/bg.jpg); font: normal 0.75em "Trebuchet MS", times; color:#192d28}
    /* ------- lIMITE ------- */
	#limite { position: absolute; top: 50%; left: 50%; width: 100%; height: 550px; background:url(../imagens/bg_.jpg) bottom;background-position: -441 0; margin-top: -275px; margin-left: -50%; }
	
	/* ------- CONTEUDO ------- */
	.conteudo { width: 998px; height: 550px; margin:0 auto; }
	
	/* ------- ESQUERDA------- */
	.esquerda { width: 598px; height: 455px; margin:0 auto; float:left}
	.esquerda h1 {outline:0; float:left; margin-right:-35px;}
	.esquerda h2 { float:left; margin: 15px 0 0 65px;}
	
	/* ------- VIDEOS------- */
	.videos { width: 980px; height: 330px; margin:0 auto; float:left;}
	.videos h1 {float:left}
	.videos h2 { float:left; margin: 15px 0 0 55px;}
	
	/* ------- VIDEOS------- */
	.splash { width: 500px; height: 310px; margin:0 auto; float:left; margin-left:25px;}
	
	/* ------- AGENDE------- */
	.agende { width: 340px; height: 15px; float:left; font-size:14px; font-weight:bold; color:#192d28; margin: 45px -15px;0 0 0; text-align:right;}
	
	
	
	/* ------- VIDEOS THUMBS------- */
	.thumbs { width: 450px; height: 310px; margin:0 auto; float:left; margin-top: 15px;}
	.thumbs ul { list-style: none; padding-top: 25px;}
	.thumbs li{ width:120px; height:127px; float:left; ; margin-right: 30px; margin-bottom: 30px;}
	
	/* ------- VIDEOS TEXTOS------ */
	.texto{ width: 300px; height: 100px; margin:0 auto; float:left; margin-left: 60px; padding-top:25px;}
	.texto h1 {float:left}
	.texto h2 { float:left; margin: 15px 0 0 55px;}
				
	/* ------- FLASH------- */
	.flash { float:left; width:350px; height:305px; margin: 45px 0 0 -80px;}
	
	/* ------- MENU------ */
	.tratamentos { float:left; width:255px; height:350px;}
	.tratamentos ul { list-style:none; padding-top:27px;}
	.tratamentos li { margin-bottom: 8px; _margin-bottom: -8px; }
	
	
	/* ------- CLASSE TRATAMENTOS------ */
	.oculos a { outline:0; margin-left: 10px; background: url(../imagens/menu01.png); display: block; width:116px; height:45px;}
	.oculos a:hover { outline:0; margin-left: 12px; background: url(../imagens/menu01_.png); display: block; width:116px; height:45px;}
		
	.lentes a { outline:0; margin-left: 35px; background: url(../imagens/menu02.png); display: block; width:190px; height:46px;}
	.lentes a:hover { outline:0; margin-left: 37px; background: url(../imagens/menu02_.png); display: block; width:190px; height:46px;}
	
	.aneis a { outline:0; margin-left: 65px; background: url(../imagens/menu03.png); display: block; width:179px; height:45px;}
	.aneis a:hover { outline:0; margin-left: 67px; background: url(../imagens/menu03_.png); display: block; width:179px; height:45px;}
	
	.cross a { outline:0; margin-left: 65px; background: url(../imagens/menu04.png); display: block; width:168px; height:45px;}
	.cross a:hover { outline:0; margin-left: 67px; background: url(../imagens/menu04_.png); display: block; width:168px; height:45px;}
	
	.corneas a { outline:0; margin-left: 35px; background: url(../imagens/menu05.png); display: block; width:226px; height:45px;}
	.corneas a:hover { outline:0; margin-left: 37px; background: url(../imagens/menu05_.png); display: block; width:226px; height:45px;}
	
	.laser a { outline:0; margin-left: 10px; background: url(../imagens/menu06.png); display: block; width:202px; height:47px;}
	.laser a:hover { outline:0; margin-left: 12px; background: url(../imagens/menu06_.png); display: block; width:202px; height:47px;}
	
	/* ------- MENU RODAPÉ------- */
	.menu { width:598; clear: both; float:left }
	.menu ul { margin-top: 35px;}
	.menu li { float: left; list-style: none; }
	.menu li a { display: block; background: url(../imagens/menu_sprite.png) no-repeat; }
	.menu li a span	{ display: none; }

	.menu li .inicio { outline:0; width: 105px; height: 38px; background-position: 0px 0x; }
	.menu li .inicio:hover { outline:0; background-position: 0px 0pxpx; }
	
	.menu li .oque { outline:0; width: 145px; height: 38px; background-position: -105px 0px; }
	.menu li .oque:hover { outline:0; background-position: -105px -35px; }
	
	.menu li .quemsomos  { outline:0; width: 120px; height: 38px; background-position: -230px 0px; }
	.menu li .quemsomos:hover { outline:0; background-position: -230px -35px; }
	
	.menu li .equipe{ outline:0; width: 170px; height: 38px; background-position: -345px 0px; }
	.menu li .equipe:hover { outline:0; background-position: -345px -35px; }
	
	.menu li .saibaque { outline:0; width: 125px; height: 38px; background-position: -520px 0px; }
	.menu li .saibaque:hover { outline:0; background-position: -520px -35px; }

	
	/* ------- DIREITA------- */
	.direita { width: 390px; height: 440px; margin:0 auto; float:left; background:url(../imagens/splash.png);}
	.direita a{ color:#006666; text-decoration: underline;}
	.direita a:hover{ color: #0a3b2d; text-decoration: none;}
	.direita .titulo { width: 175px; height:35px; margin-left: 180px;font-size:16px; font-size:12px; font-weight:bold; font-style:italic; text-align:center; padding-top: 10px} 
	.direita p {  line-height: 15px; padding-left: 45px; padding-right: 35px; margin: 15px 0 18px 0;}
	.direita form { margin: 0px 0 0 40px;}
	.direita form input { border: 1px solid #195043;width: 16em; margin-bottom: 6px;}
	.direita form textarea { border: 1px solid #195043;width: 16em; }
	.direita form button{ background:#330066;}
	/* ------- DIREITA CHAMADA HOME------- */
	
	.direita p.chamada { font-size:14px; font-weight:bold; color:#8bab2c; line-height: 15px; padding-left: 45px; padding-right: 35px; margin: 18px 0 18px 0;} 
	
	.direita p.chamada_dois { font-size:12px; font-weight:bold; color:#8bab2c; line-height: 15px; padding-left: 45px; padding-right: 35px; margin: 18px 0 18px 0;} 
	
	.direita p.chamada_dois span { font-size:19px; font-weight:bold; color:#0a3b2d; line-height: 15px; padding-left: 5px; margin: 18px 0 18px 0;}
	
	/* ------- DIREITA CHAMADA OCULOS------- */
	
	.direita p.chamada_oculos { font-size:11px; font-weight:bold; color:#8bab2c; line-height: 15px; padding-left: 5px; margin: -45px 0 0  100px;}
	
	.direita p.chamada_oculos_big { font-size:14px; font-weight:bold; color:#0a3b2d; line-height: 15px; padding-left: 5px; margin: 7px 0 0  130px;}
	
	/* ------- DIREITA CHAMADA LENTES------- */
	
		.direita p.chamada_lentes { font-size:11px; font-weight:bold; color:#8bab2c; line-height: 15px; padding-left: 5px; margin: -35px 0 0  130px;}
	
	.direita p.chamada_lentes_big { font-size:18px; font-weight:bold; color:#0a3b2d; line-height: 15px; padding-left: 5px; margin: 10px 0 0  195px;}
	
	/* ------- DIREITA CHAMADA ANEIS------- */
	
	.direita p.chamada_aneis { font-size:11px; font-weight:bold; color:#8bab2c; line-height: 15px; padding-left: 5px; margin: -40px 0 0  153px;}
	
	.direita p.chamada_aneis_big { font-size:16px; font-weight:bold; color:#0a3b2d; line-height: 15px; padding-left: 5px; margin: 5px 0 0  110px;}
	
		/* ------- DIREITA CHAMADA CROSS------- */
	
	.direita p.chamada_cross { font-size:11px; font-weight:bold; color:#8bab2c; line-height: 15px; padding-left: 5px; margin: -45px 0 0  135px;}
	
	.direita p.chamada_cross_big { font-size:18px; font-weight:bold; color:#0a3b2d; line-height: 15px; padding-left: 5px; margin: 5px 0 0  210px;}
	
			/* ------- DIREITA CHAMADA CORNEAS------ */
	
	.direita p.chamada_corneas { font-size:11px; font-weight:bold; color:#8bab2c; line-height: 15px; padding-left: 5px; margin: -45px 0 0  100px;}
	
	.direita p.chamada_corneas_big { font-size:14px; font-weight:bold; color:#0a3b2d; line-height: 15px; padding-left: 5px; margin: 7px 0 0  130px;}
	
				/* ------- DIREITA CHAMADA LASER------ */
	
	.direita p.chamada_laser { font-size:11px; font-weight:bold; color:#8bab2c; line-height: 15px; padding-left: 5px; margin: -45px 0 0  180px;}
	
	.direita p.chamada_laser_big { font-size:18px; font-weight:bold; color:#0a3b2d; line-height: 15px; padding-left: 5px; margin: 5px 0 0  200px;}
	
			
	/* ------- VIDEO------- */
	.video {float:left; margin: 25px 0 0 90px;}
	
	/* ------- RODAPÉ------- */
	.rodape { width: 998px; height: 95px; margin:0 auto; float:left}


/* ------- TOLLTIP------ */

.inputsTooltip{
	padding:5px 10px;
	border:1px dotted #FFFFFF;
	background: #94E2C5;
	color: #006666;
	font: normal 0.95em "Trebuchet MS", times;
	}
	
#flvplayer {padding:15px 0 0 15px;}