/*
Theme Name: Atelie Dotta 2011
Theme URI: http://www.ateliedotta.org/
Description: Thema para Atelie Dotta.
Version: 1.0
Author: Rene Weiss
Author URI: http://www.rene.com.br/
Tags: personalizado
*/



body{
	font-size:12px;
	margin:0;
	font-family:arial;
}

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


#header{
	height:170px;
	background:url("images/header.jpg");
}

#container_header{
margin-left:auto;
margin-right:auto;
width:960px;
position:relative;
}

#header h1{
	float:left;
}
#header h1 a{
	width:193px;
	height:99px;
	background:url("images/logo_atelie_dotta.png");
	display:block;
}
#header h1 a em{
	display:none;
}

#menutop{
	float:right;
	width:758px;
	position:absolute;
	top:78px;
	right:0;
}

#menutop ul{
	margin:0;
	padding:0;
	display:inline;
	list-style:none;
}
#menutop ul li{
	margin:0;
	padding:0;
	list-style:none;
	display:block;
	float:left;
}
#menutop ul li a{
	background:url("images/sprite_menu1.png");
	display:block;
	float:left;
	margin-left:18px;
}

#menutop ul li a.home{
	width:50px;
	height:35px;
	background-position:0 0;
}
#menutop ul li a.home:hover{background-position:0 -35px;}

#menutop ul li a.atelie{
	width:56px;
	height:35px;
	background-position:-63px 0;
}
#menutop ul li a.atelie:hover{background-position:-63px -35px;}

#menutop ul li a.maquinas {
	background-position:-138px 0;
	height:35px;
	width:89px;
}
#menutop ul li a.maquinas:hover{background-position:-138px -35px;}

#menutop ul li a.especiais {
	background-position:-250px 0;
	height:35px;
	width:87px;
}
#menutop ul li a.especiais:hover{background-position:-250px -35px;}

#menutop ul li a.obras {
background-position:-361px 0;
height:35px;
width:57px;
}
#menutop ul li a.obras:hover{background-position:-361px -35px;} 

#menutop ul li a.links {
background-position:-433px 0;
height:35px;
width:33px;
}
#menutop ul li a.links:hover{background-position:-433px -35px;}

#menutop ul li a.novidades {
background-position:-479px 0;
height:35px;
width:68px;
}
#menutop ul li a.novidades:hover{background-position:-479px -35px;}

#menutop ul li a.videos {
background-position:-558px 0;
height:35px;
width:44px;
}
#menutop ul li a.videos:hover{background-position:-558px -35px;}

#menutop ul li a.contato {
background-position:-617px 0;
height:35px;
width:54px;
}
#menutop ul li a.contato:hover{background-position:-617px -35px;}

#twitter a{
display:block;
width:115px;
height:50px;
position:absolute;
right:46px;
top:15px;
background:url("images/twitter.png");
}

#twitter a em{
	display:none;
}

#page{
font-family:"Trebuchet MS",arial;
font-size:14px;
color:#484848;
margin-left:auto;
margin-right:auto;
width:960px;
position:relative;
}
#home_left{
	width:550px;
	float:left;
}
#home_right{
	width:400px;
	float:right;
	}

	
.destaque1 {
font-size:11px;
height:200px;
margin-top:15px;
width:530px;
}
	
.destaque1 ul{
	display:inline;
	margin:0;
	padding:0;
	
}
.destaque1 ul li {
display:inline;
float:left;
width:165px;
list-style:none;
margin-right:12px;
padding:0;
}
.destaque1 ul li.last{
margin:0;
}


.destaque1 ul li a {
color:#484848;
text-decoration:none;
display:block;
}


.destaque1 ul li a:hover{
text-decoration:underline;
}

.destaque1 ul li img {
background:none repeat scroll 0 0 #FFFFFF;
border:8px solid #000000;
height:140px;
padding:4px;
width:140px;

}

.destaque2 {
	margin-top:30px;
	font-size:13px;
}

.destaque2 ul{
	margin:0;
	padding:0;
}

.destaque2 ul li {
height:150px;
list-style:none outside none;
margin:0;
padding:0;
width:522px;
}

#page .destaque2 ul li h2{
	font-size:24px;
	margin:5px;
	padding:0;
	color:#484848;
}

#page .destaque2 ul li h2 a{
text-decoration:none;
color:#b1b1b1;
}

#page .destaque2 ul li h2 a:hover{
text-decoration:underline;
}


.destaque2 ul li img{
	float:left;
	margin-right:5px;
	border:1px solid #ccc;
	padding:2px;
}
#twitter_widget{
width:400px;
height:330px;
background:#fff;
}

#page #twitter_widget h2 {
color:#b1b1b1;
font-size:20px;
margin:8px 0;
padding:0 0 8px 0;
}


.twtr-widget{
}

twtr-timeline{
-moz-border-radius:0;
}


#twitter_widget #twtr-widget-1 .twtr-doc, #twtr-widget-1 .twtr-hd a, #twtr-widget-1 h3, #twtr-widget-1 h4, #twtr-widget-1 .twtr-popular {
background-color:#fff !important;
color:#FFFFFF !important;
}




.twtr-ft{
display:none;
}

.twtr-hd{
display:none;
}

.twtr-timeline{
height:332px;
}
.destaque3{
margin-bottom:20px;
}

#page .destaque3 h2 {
color:#CC0033;
font-size:30px;
margin:0 0;
padding:0;
}

.destaque3 img {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #CCCCCC;
}

.destaque3 h3{
margin:0;
padding:0;
font-size:12px;
color:#000;
}

.destaque3 ul {
margin:0;
padding:0;
}

.destaque3 ul li {
display:block;
float:left;
font-size:10px;
height:146px;
line-height:15px;
list-style:none outside none;
margin-bottom:0;
margin-right:5px;
overflow:hidden;
padding:10px;
width:108px;
}


.destaque3 ul li img {
float:left;
height:100px;
padding:3px;
width:100px;
}

.destaque3 ul li a {
color:#484848;
font-size:11px;
text-decoration:none;
}

.destaque3 ul li a:hover{
color:#484848;
text-decoration:underline;
}


#rodape{
background:#484848;
color:#fff;
height:200px;
margin-top:50px;
}

#rodape a{
color:#fff;
}

#container_rodape{
margin-left:auto;
margin-right:auto;
width:960px;
padding:10px;
}

#mediabox{border:13px solid #000;position:relative;width:494px;height:303px;overflow:hidden;background:#3f3f3f;white-space:nowrap}
#mediabox ul{width:1640px;list-style:none;margin:0;padding:0}
#mediabox li{float:left}
#mediabox a{position:relative;display:block;border:0;border-left:1px solid #000;overflow:hidden;height:303px;width:15px;text-decoration:none;-moz-transition:all .5s ease-in;-o-transition:all .5s ease-in;transition:all .5s ease-in}
#mediabox li.item1 a, #mediabox li.item4 a{width:445px}
#mediabox > ul li a:hover, #mediabox > ul li.item1 a:hover{width:450px}
#mediabox img{border:0}
#mediabox ul:hover .item1 a{width:15px}
#mediabox .transparencia, #mediabox .tarja{display:block;position:absolute;height:42px;padding:10px;width:560px;left:0;bottom:0}
#mediabox .transparencia{background:#000;opacity:0.75;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";filter:alpha(opacity = 75)}
#mediabox .chapeu{font-size:11px;font-weight:bold;display:block;text-decoration:none;color:#FFF}
#mediabox .bar{display:block;position:absolute;top:0;left:0;border-left:1px soldi #000;width:100%;height:303px;z-index:2;text-indent:2px;color:#000;line-height:303px;font-size:12px;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear}
#mediabox > ul:hover .bar{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity = 100)}
#mediabox a:hover .bar, #mediabox .item1 .bar{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity = 0)}
#mediabox .tarja{color:#FFF}
#mediabox .tarja span.titulo{display:block;text-indent:0;font-size:22px}
#mediabox .tarja .chapeu{font-size:11px}
#mediabox a:hover .chapeu, #mediabox a:hover .titulo{text-decoration:underline}
#mediabox .verde .bar{background:green}
#mediabox .item1 .bar{background:#AA002B}
#mediabox .item2 .bar{background:#D90036}
#mediabox .item3 .bar{background:#FF0040}
#mediabox .item4 .bar{background:#FF285F}
.chapeu,.chapeu a,#mediabox .chapeu,#paterns_list li .chapeu a{color:#FF0040;font-weight:bold}


.lista_galeria ul{
margin:0;
padding:0;
}

.lista_galeria ul li {
display:block;
float:left;
height:auto;
list-style:none outside none;
margin-bottom:12px;
margin-left:12px;
width:640px;
}

.lista_galeria ul li h3{
margin:0;
padding:10px 10px 0;
font-size:25px;
}

.lista_galeria ul li a{
text-decoration:none;
color:#484848;
}
.lista_galeria ul li a:hover{
text-decoration:underline;
}

.lista_galeria ul li img {
border:1px solid #484848;
float:left;
margin:10px;
padding:2px;
}

.lista_galeria ul li p{
margin:10px;
}

#page .post{
width:650px;

}

#page h2{
font-size:25px;
color:#484848;
margin:0px 0px 20px;
padding:0;
}



#page .entry img{
float:left;
border:1px solid #ccc;
padding:2px;
margin-right:5px;
}

#page .entry .alignleft{
float:left;
}

#page .entry .wp-caption-text, .wp-caption-dd{
font-size:10px;
text-align:center;
display:none;
}

#page ol{
margin:0;
padding:0;
}

#page ol li{
font-size:12px;
margin-bottom:5px;
list-style:none;
}

#page p.relacionadas{
margin-top:20px;
padding:0;
font-size:16px;
}

#page .entry{
margin-bottom:40px;
float:left;
width:680px;
}


#page .entry h3{
font-size:20px;
margin:0;
padding:0;
}
#page .mceTemp{
margin:0;
padding:0;
}

#page .links ul{
	margin:0;
	padding:0;
}

#page .links ul li {
background:none repeat scroll 0 0 #FFFFFF;
border:1px dotted #CCCCCC;
display:block;
float:left;
height:100px;
list-style:none outside none;
margin:5px;
padding:15px;
width:277px;
}

#page .links ul li small a {
color:#CCCCCC;
display:block;
font-size:13px;
margin-top:10px;
text-decoration:none;
}
#page .links ul li small a:hover{
text-decoration:underline;
}

	
#page .links h3{
margin:0;
padding:0;
font-size:18px;
}

.entry ol li a{
color:#484848;
}


/* SIDEBAR */
#sidebar{
float:right;
width:250px;
}

#sidebar ul{
margin:0;
padding:0;
}

#sidebar ul li{
list-style:none;
}

h2.widgettitle{
margin:0;
padding:0;
}

#sidebar ul{
padding:5px;
}

#sidebar ul li#collapsible-archive{
padding:10px;
margin:0;
}

#sidebar ul li#collapsible-archive ul{
margin-left:0;
}

#sidebar ul li#collapsible-archive ul li a{
font-size:14px;
color:#484848;
}



#share-widget-3{
margin:5px;
}

#sidebar h2{
font-size:18px;
color:#999;
}

#sidebar .screen-reader-text{
display:block;
font-size:11px;
}

#sidebar .widget_search{
margin-bottom:15px;
}

#sidebar .widget_search input[type="text"]{
border:1px solid #ccc;
}
#sidebar .widget_search input[type="submit"]{
border:0;
background:#484848;
color:#fff;
}

.single_tags a{
font-size:12px;
}

#container_rodape img{
float:left;
}

#container_rodape .info{
float:right;
text-align:right;
font-size:14px;
}

#container_rodape .info p.contato{
font-size:12px;
}

#page .compartilhe h2 {
color:#CC0033;
font-size:30px;
margin:20px 0;
padding:0;
}


/*  SUBMENU GALERIA */
a, a:hover, a:active, a:focus {
	outline:0; 
	direction:ltr;
}

.menu_interno_galeria {
position:absolute;
right:200px;
top:0;
} 
	
.submenu_galeria {
font-family:Verdana,Geneva,sans-serif;
font-size:10px;
font-weight:normal;
line-height:25px;
position:absolute;
width:200px;
z-index:100;
}

.submenu_galeria ul.menu {
	padding:0; 
	margin:0; 
	list-style:none; 
	width:100px; 
	overflow:hidden; 
	float:left; 
	margin-right:1px;
	background:#eaeaea;
}

.submenu_galeria ul.menu a {
	background:#eaeaea;
	text-decoration:none; 
	color:#484848; 
	padding-left:5px;
}
 
.submenu_galeria ul.menu li.list {
	float:left;
	width:250px;
	margin:-32767px -125px 0px 0px;
}

.submenu_galeria ul.menu li.list a.category {
	position:relative;
	z-index:50;
	display:block;
	float:left;
	width:120px;
	margin-top:32767px;
	background:transparent;
}

.submenu_galeria ul.menu li.list a.category:hover,
.submenu_galeria ul.menu li.list a.category:focus,
.submenu_galeria ul.menu li.list a.category:active {
	margin-right:1px;
	background-repeat:no-repeat;
	background-position:left top;

}

.submenu_galeria ul.submenu {
	float:left; 
	padding:25px 0px 0px 0px; 
	margin:0; 
	list-style:none; 
	margin:-25px 0px 0px 0px;
}
	
.submenu_galeria ul.submenu li a {
	float:left;
	width:120px;
	background:#eaeaea;
	clear:left;
	color:#484848;
}

.submenu_galeria ul.submenu li a.endlist {
}
 
.submenu_galeria ul.submenu li a.endlist:hover,
.submenu_galeria ul.submenu li a.endlist:focus,
.submenu_galeria ul.submenu li a.endlist:active {
}
 
.submenu_galeria ul.submenu a:hover,
.submenu_galeria ul.submenu a:focus,
.submenu_galeria ul.submenu a:active {
	background:#999;
	margin-right:1px;
	color:#fff;
}

