/*
Theme Name: Eu Sou 12 por 8
Version: 1.0
Author: Alcimar Bonomi
Author URI: http://alcimar.com.br
*/

/*------------------------------------------------*/
/*-----------------[RESET]------------------------*/
/*------------------------------------------------*/
/* v1.0 | 20080212 */


@font-face {
				font-family: 'LubalinGraphStd-Book';
				src: url('../fonts/12por8book.eot');
				src: url('../fonts/12por8book.eot?#iefix') format('embedded-opentype'),
						 url('../fonts/12por8book.woff') format('woff'),
						 url('../fonts/12por8book.ttf') format('truetype'),
						 url('../fonts/12por8book.svg#LubalinGraphStd-Book') format('svg');
				font-weight: normal;
				font-style: normal;
		}

/* Import de CSS */
@import url('fancybox.css');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }

blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }

:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/

html { -webkit-font-smoothing: antialiased; }
body { width:100%; font-family: 'Open Sans', Arial, sans-serif;  font-weight: 300;  font-size: 16px; line-height:26px;  letter-spacing: normal; color: #333333; background-color: #fff; }

a { text-decoration: none; color: #ffa300; }
a:hover { text-decoration: underline; }
.clear { clear: both; }
.ui-tabs-hide { display: none; }
br.clear { margin: 0px; padding: 0px; }

h1, h2, h3, h4, h5, h6 {font-family: 'LubalinGraphStd-Book', serif;  padding-bottom: 35px; color: #808080; line-height: 1em; font-weight: bold;  }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #808080; }
h1 { font-size: 46px; }
h2 { font-size: 30px; padding: 35px 0px 15px  0px;  }
h3 { font-size: 26px; }
h4 { font-size: 22px;   padding: 25px 0px 15px  0px; line-height:30px; letter-spacing:normal; }
h5 { font-size: 18px; letter-spacing:normal}
h6 { font-size: 14px; color:#3e75bc; letter-spacing:normal; line-height:20px; }
p { padding-bottom: 25px;  }
strong { font-weight: bold; color: #1c1c1c; }
cite, em, i { font-style: italic; }
ins { text-decoration: none; }
sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 0.8em; }
sub { top: 0.3em; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd  { margin-left: 1.5em;}
ol { margin-left:40px; }
blockquote  { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; }
	blockquote p { padding-bottom: 0px; }

input[type=text],input.text, input.title, textarea, select { background-color:#f2f2f2; border:1px solid #e6e6e6; padding: 2px; color: #4e4e4e; padding:5px;  }
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#dedede; color: #3e3e3e; }
input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; }
textarea { padding: 4px; }
input[type=button] { background-color:#3e75bc; border:0px; padding:5px 20px; color:#fff; letter-spacing:normal; font-weight:700; margin-top:5px; }

img#about-image { float: left; margin: 3px 8px 8px 0px; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/
.content { text-align: left; margin: 0 auto; width: 960px; position: relative; padding:0px 40px; }
#menu {background-color:#333333; text-align:right; border-bottom:5px solid #004200;}
	#menu ul li { float:right; margin:25px 20px; font-family: 'Open Sans', Arial, sans-serif; font-weight: 700; }
		#menu ul li  a { color:#fff; font-weight: 700; }
		
.selected a { color:#0fab81 !important;}
#home {}

#logo { position:absolute; top:5px; }

#Hipertensao, #Colaboradores, #ConhecaLigaParceira {background-color:#f8f8f8; border:1px #e6e6e6 solid; border-left:0; border-right:0;}
#NiveisdaPressao {}
#PrevensaoTratamento {background-color:#f8f8f8; border:1px #e6e6e6 solid; border-left:0; border-right:0;}
#ComoVCPodeAjudar { }
#Duvidas  {background-color:#0fab81; color:#fff ; }
	#Duvidas h1 { color:#fff; }
	#Duvidas ol {list-style:decimal; font-weight:400;}
	
#Rodape {background-color:#808080; text-align:center; color:#fff; font-size:14px; }
	#Rodape h3 { color:#fff; padding-bottom:5px; }
	

#Hipertensao, #LigaParceira, #ConhecaLigaParceira, #home, #NiveisdaPressao,#PrevensaoTratamento,#ComoVCPodeAjudar,#ComoVCPodeAjudar, #Duvidas,#Midia,  #Rodape { padding:40px 0; }
.caixaRoxa { text-align:left; background-color:#782779; color:#fff; padding:30px 40px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; width:700px }
.caixaRoxa ol { list-style-type:decimal; margin-left:30px; font-weight:400 }


.duvidas-frequentes li span{cursor:pointer; font-weight:700}
.duvidas-frequentes li p{ margin-left:30px; font-size:14px;   }
.duvidas-frequentes li div{ display:none; margin-left:30px; font-size:14px;  }



/* embaixadores */
#fancybox-frame {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #B32519;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}

.content .flickr .slider-flickr ul { margin:0; padding:0; }
.content .flickr .slider-flickr ul li { margin:0; padding:0; border:1px solid #dedede; }
.content .flickr{ clear:both;  position:relative; padding-top:20px;}
	.content .flickr .slider-flickr{margin-left:77px; text-align:center;}
		.content .flickr .slider-flickr .ajax-loader-flickr{margin-top:100px;}
			.content .flickr .slider-flickr ul li{float:left; height:210px; margin:0px; width:210px; overflow:hidden;  list-style:none }
			.content .flickr .slider-flickr ul { width:850px !important; height:650px !important; }
	.content #prev-flickr{background:url(../images/btn-slider.png) no-repeat 0 0; top:200px; display:block; height:63px; left:0; position:absolute; width:37px;}
	.content #next-flickr{background:url(../images/btn-slider.png) no-repeat -37px 0; display:block; height:63px; position:absolute; right:-39px; top:200px; width:37px;}

.embaixadores{
	display:block;
	float:left;
	list-style:none;
	margin:15px 0 0 3px;
	position:relative;
	width:100%;
	z-index:2;
}
 .embaixadores li{
	display:inline;
	cursor:pointer;
	float:left;
	position:relative;
	margin:0;
	position:relative;
	z-index:2;
}
.embaixadores li a, .embaixadores li a img{
	display:block;
	float:left;
	position:relative;
	z-index:1;
	
}

.embaixadores li span{
    background: none repeat scroll 0 0 #B32519;
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: 'Open Sans Regular',Arial;
    font-size: 12px;
    left:10px;
    bottom:10px;
    padding: 5px 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 190px;
	opacity:0;
	filter:alpha(opacity:0);
	-moz-transition:all 0.2s ease-in 0.2s;
	-webkit-transition: all 0.2s ease-in 0.2s;
	-o-transition:all 0.2s ease-in 0.2s;
	transition: all 0.2s ease-in 0.2s;
	z-index:2;
}
.embaixadores li:hover span{
	opacity:1;
	filter:alpha(opacity:100);
	z-index:2;
}

.interna { margin-top:50px; }

/*Contato*/
.contato label
{
    clear:both;
    color:#1e73a0;
    display:block;
    float:left;
    margin:3px 6px 0 0;
    width:130px;
    text-align: right;
}
.contato input,.contato textarea, .contato select
{
    border:none;
    display:block;
    float:left;
    height:30px;
    line-height:27px;
    margin:0 0 10px;
    padding:4px;
    width: ;
}
.contato textarea
{
    height:80px;
    resize:none;
}
 .btn-enviar
{
	
    padding:15px;
    width:200px !important;
	height:40px !important;
    font-weight:bold;
	font-size:14px;
    text-align:center;
    margin:50px !important;
}
.contato .clinica
{
	margin: 1px 0 0 8px;
}


/*assine-nossa-newsletter*/
.assine-nossa-newsletter label
{
    clear:both;
    color:#1e73a0;
    display:block;
    float:left;
    margin:3px 6px 0 0;
    width:70px;
}
.assine-nossa-newsletter input
{
 border:none;
    display:block;
    float:left;
    height:30px;
    line-height:27px;
    margin:0 0 10px;
    padding:4px;
    width:270px;
}
.assine-nossa-newsletter .btn-enviar
{
    padding:5px 10px;
    width:100px !important;
    font-weight:bold;
    text-align:center;
    margin:20px 0px 0px 0px !important;
}

/* kit-digital*/
.kit-digital{
    display:block;
    float:left;
    width:100%;
}


.kit-digital div{
    clear:both;
    display:block;
    width:100%;
}

.kit-digital div div{
    background: url("../lib/images/setas-kits.png") no-repeat scroll center 57px #2B6F87;
    clear:none;
    display: inline;
    float: left;
    margin:14px 15px 0 0;
    padding: 0 0 5px;
    min-height:68px;
    width: 68px;
	border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	position:relative;
	behavior:url(/PIE.htc);
}
.kit-digital div div img{
    display:block;
    float:left;
    height:52px;
    width:64px;
}

.cartazes {     height:170px !important;     width:110px !important;  background: url("../lib/images/setas-kits.png") no-repeat scroll center 160px #2B6F87 !important ; }

.cartazes img {     height:150px !important;     width:106px !important; }

.kit-digital div div a:first-child
{
    margin:2px 0 12px 2px;
}
.kit-digital div div a{
    color:#FFF;
    clear:both;
    display:block;
    float:left;
    font-family:Verdana,Arial;
    font-size:9px;
    margin:5px 0 0 0;
    text-decoration:none;
    width:100%;
    text-align:center;
}
 

/* Twetter*/
#tweet-list { font-size:14px;  }
#tweet-list  li { border-bottom:1px solid #e6e6e6; padding:15px 0px;}
#tweet-list  li a { display:none;}
#tweet-list  li:last-child { border:0px; }
.tweettime { font-size:16px; color:#3e75bc; }

@media only screen and ( max-width: 960px ) {
	.container { width:960px !important;}	
	.content #next-flickr{ right:-25px; }
	<!--.menu { display:none; }-->
}


@media only screen and ( max-width: 960px ) {
	.container { width:728px;}	
}

@media only screen and ( min-width: 768px ) and ( max-width: 960px ) {
	.container { width:728px;}	
}

@media only screen and ( max-width: 767px ) {
	.container { width:440px;}	
	
}

@media only screen and ( max-width: 479px ) {
	.container { width:280px;}	
}