/*
ACESP - Associação Coloproctologia do Estado de São Paulo
Folha de Estilo CSS
@autor Ricardo Villagelin
@date 23/12/2013
*/

/*
 * FONTS
*/
@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Electrolize);
@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url(https://fonts.googleapis.com/css?family=Inder);
@import url(https://fonts.googleapis.com/css?family=Ubuntu+Condensed);
@import url(https://fonts.googleapis.com/css?family=Alegreya+Sans);
@import "https://fonts.googleapis.com/css?family=Merienda+One";
@import "https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700";
@import url(https://fonts.googleapis.com/css?family=Lato:400,700italic);
/*
 * GERAL
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

html,body {
	height: 100%;
}

:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

body  {
    background:#f5f3f3;
}

header,footer,
article,section,
hgroup,nav,
figure{
	/* Giving a display value to the HTML5 rendered elements: */
	display:block;
}

@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('websymbols/websymbols-regular-webfont.eot');
    src: url('websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('websymbols/websymbols-regular-webfont.woff') format('woff'),
        url('websymbols/websymbols-regular-webfont.ttf') format('truetype'),
        url('websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

a{
    text-decoration:none;
	color:#F8F8F8;
    -webkit-transition:color 0.5s ease-out;
    -moz-transition:color 0.5s ease-out;
    -o-transition:color 0.5s ease-out;
    -ms-transition:color 0.5s ease-out;
}

a:hover{
	text-decoration:none;
	color:#FFFFFF;
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
}

header  {
    width:100%;
	height:120px;
	margin:0 auto;
	background: #f5f3f3;
}

/*
 * LOGO
*/

#logo {
	width:960px;
	height:120px;
	margin:0 auto;
}

/*
 * ÍCONES
*/

.iconesearch {
    margin: -105px 310px;
	font-family: 'Lato', sans-serif;
	font-style:italic;
	font-size: 14px;
	color: #1C344C;
}

.iconesearch table { 
    border-spacing: 2px;
}	
.iconesearch td { 
    padding: 1px;
}

.iconesearch a {
	color: #1C344C;
	font-size: 14px;
}

.iconesearch a:hover {
	color: #1C344C;
	font-size: 14px;
	text-decoration: underline;
}


.iconecontact {
    margin: 15px 450px;
}

.iconelogin {
    margin: -84px 550px;
}

.sociologin {
    margin: 20px 650px;
	width: 350px;
	font-family: 'Lato', sans-serif;
	font-style:italic;
	font-size: 14px;
	color: #1C344C;
	position: fixed;
}
.sociologin a {
	color: #1C344C;
	font-size: 16px;
}

.sociologin a:hover {
	color: #1C344C;
	font-size: 16px;
	text-decoration: underline;
}

/*
 * MENU
*/

#nav-total  {
    width:100%;
	height:60px;
	background: url(../images/bg-nav.jpg) repeat-x;
}
.nav-total  {
	height:60px;
	background: url(../images/bg-nav.jpg) repeat-x;
}
.f-nav  { 
    z-index: 9999; 
	top: 0; width:100%; 
} 
nav  {
    width:960px;
	height:60px;
	background: url(../images/bg-nav.jpg) repeat-x;
	margin:0 auto;
}
nav ul  li{
   display:inline; 
   float:left;
}
nav ul li a,
nav ul li a:visited  {
   color:#FFF;
   font-family: 'Lato', sans-serif;
   font-size:16px;
   float:left;
   font-weight:bolf;
   margin:0 20px 0 5px;
   line-height:60px;
}  
nav ul li a:hover  {
    color:#437CB6;
	
}



/*
 * CORPO DA PAGINA
*/

#pagina-total  {
    width:960px;
	background:#f5f3f3;
	margin:0 auto;
	padding:35px 0 0 0;
	padding-bottom: 140px;
	overflow:auto;
}
#wrap {min-height: 100%;}


#pagina-interna  {
    width:960px;
	background:#f5f3f3;
	margin:0 auto;
	padding:10px 0 0 0;
	padding-bottom: 140px;
	overflow:auto;
	
}

/*
 * HOME
*/

#linha1 {
	width: 960px;
	height: 250px;
	display: block;
}

#folder {
	width: 670px;
	margin:10px auto;
	float:left;
}

#patrocinadores {
	width: 260px;
	margin:10px auto;
	float:left;
}

#linha2 {
	width: 960px;
	height: 200px;
	display: block;
}

#banner {
	width: 420px;
	margin:10px auto;
	float:left;
}

#parceiros {
	width: 540px;
	margin:10px auto;
	float:left;
}

/*
 * NOTICIAS
 */

section.noticias  p {
	font-family: 'Lato', sans-serif;
	font-style:italic;
	font-size: 18px;
	color: #1C344C;
} 

section.noticias  a {
	text-decoration:none;
	color: #1C344C;
} 

section.noticias  a:hover {
	text-decoration:underline;
	color: #1C344C;
} 

.datanoticia  {
	font-family: 'Lato', sans-serif;
	font-style:italic;
	font-size: 12px;
	color: #666666;
} 

.chamadanoticia  {
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color: #666666;
} 


.tabelaprecos  {
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	color: #666666;
	margin-right:auto; 
	margin-left:auto;
	border-spacing: 10px;
} 

/*
 * SLIDE SHOW
 */

section.slideshow  p {
	font-family: 'Lato', sans-serif;
	font-style:normal;
	font-size: 18px;
	color: #ffffff;
} 

/*
 * FOOTER
 */

#footer {
	position: relative;
	margin-top: -140px; /* negative value of footer height */
	height: 140px;
	clear:both;
	background:#1C344C;
	text-align: center;
} 

#footertexto {
	font-family: 'Lato', sans-serif;
	font-style:normal;
	font-size: 13px;
	color: #ffffff;
}

/*
 * CONTENT
 */
 
 .caixa { 
	 display: inline-block; 
	 padding: 10px 8px 5px; 
	 background-color: #FFF; 
	 box-shadow: 0 3px 5px #CCC; 
	 position: relative;
	 -webkit-border-radius: 8px;
	 -moz-border-radius: 8px;
	 border-radius: 8px;
	 width: 230px;
	margin: 0 0 10px 10px;
}
 
 .caixa p {
	margin: 10px;
	font-family: 'Lato', sans-serif;
	color: #1C344C;
	font-size: 15px;
	font-style:italic;
}

 .caixa2 { 
	 display: inline-block; 
	 padding: 10px 8px 5px; 
	 background-color: #FFF; 
	 box-shadow: 0 3px 5px #CCC; 
	 position: relative;
	 -webkit-border-radius: 8px;
	 -moz-border-radius: 8px;
	 border-radius: 8px;
	 width: 500px;
	margin: 0 0 10px 20px;
}
 
 .caixa2 p {
	margin: 10px;
	font-family: 'Lato', sans-serif;
	color: #1C344C;
	font-size: 15px;
	font-style:italic;
}

 
 .content { 
	 display: inline-block; 
	 padding: 10px 8px 5px; 
	 background-color: #FFF; 
	 box-shadow: 0 3px 5px #CCC; 
	 position: relative;
	 -webkit-border-radius: 8px;
	 -moz-border-radius: 8px;
	 border-radius: 8px;
	 width: 940px;
	margin: 0 0 10px 0;
}

.content h4 {
	font-family: 'Lato', sans-serif;
	font-style:italic;
	font-size: 20px;
	color: #1C344C;
	margin: 10px;
	padding-bottom: 15px;
}

.content h3 {
	font-family: 'Lato', sans-serif;
	font-style:italic;
	font-size: 26px;
	color: #1C344C;
	margin: 10px;
	padding-bottom: 15px;
}

.content p {
	margin: 10px;
	font-family: 'Lato', sans-serif;
	color: #4e4e4e;
	font-size: 15px;
	line-height: 20px;
	padding-bottom: 18px;
}

.header {
	margin: 3px;
	font-family: 'Lato', sans-serif;
	color: #ffffff;
	font-size: 15px;
	line-height: 20px;
	padding-bottom: 3px;
}

.forum_topic {
	margin: 3px;
	font-family: 'Lato', sans-serif;
	color: #4e4e4e;
	font-size: 15px;
	line-height: 20px;
	padding-bottom: 3px;
}

.content p a  {
	font-family: 'Lato', sans-serif;
	font-style:italic;
	font-size: 16px;
	color: #1C344C;
}
 
.content  a {
	text-decoration:none;
	color: #1C344C;
} 

.content  a:hover {
	text-decoration:underline;
	color: #1C344C;
} 
 
 /* 
  * FORMS
  */
  
.formulario fieldset .subtituloForm, .formulario fieldset label
{ color: #1C344C; font-size: 17px; font-family: 'Lato', sans-serif; padding: 0 0 5px 0; display: block; }						

.formulario fieldset input[type=text], .formulario fieldset textarea, .formulario fieldset input[type=password]
{ padding: 5px; width: 52px; color: #4e4e4e; background-color: #f8f8f8; border: 1px solid #CCC; font-size: 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
font-family: 'Lato', sans-serif;	
 }

.formulario fieldset input[type=text], .formulario fieldset input[type=password]
{ width: 96%; color: #4e4e4e; background-color: #f8f8f8; border: 1px solid #CCC; font-size: 15px; margin: 0 0 20px 0; }						

.formulario fieldset select					
{ width: 100%; height: 30px; background-color: #f8f8f8; border: 1px solid #CCC; font-size: 15px; color: #4e4e4e; margin: 0 0 15px 0; font-family: 'Lato', sans-serif; }

.formulario fieldset textarea
{ width: 96%; height: 120px; color: #4e4e4e; font-size: 18px; margin: 0 0 10px 0; font-family: 'Lato', sans-serif; }						

.formulario fieldset input[type=button], .formulario fieldset input[type=submit]
{ font-size: 16px; background-color: #1C344C; color: #FFF; text-shadow: 1px 1px 2px #000; padding: 10px 20px 12px 20px; text-align: center; font-family: 'Lato'; border: 1px solid #f5f3f3; margin: 0 0; display: inline-block; cursor: pointer;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;	
-webkit-transition: 0.2s ease-in; 
-moz-transition: 0.2s ease-in; 
-o-transition: 0.2s ease-in;					
}



.coluna2 {
overflow: hidden;
clear: both;
width: 100%;
float: left;
}

.coluna2 div
{ width: 45%; min-width: 250px; float: left; padding-right: 2.5%; margin: 10px; }

.coluna2 div p			
{ font-size: 13px; text-align: left;  }

.coluna2 div div 
{ float: none; }	

.coluna3 {
overflow: hidden;
clear: both;
width: 100%;
float: left;
}

.coluna3 div
{ width: 30%; min-width: 250px; float: left; padding-right: 2.5%; margin: 10px; }

.coluna3 div p			
{ font-size: 13px; text-align: left;  }

.coluna3 div div 
{ float: left; }	


.img_border {
	border: 4px solid #ccc; /* cor da borda */
	margin: 10px;
}

/*
 * TOOLTIP
 */
 
 a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-30px; margin-left:28px;
    width:340px; line-height:16px;
}
a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
        
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 5px 5px 8px #CCC;
}