/*  
Theme Name: Audi Attitudes
Theme URI: 
Description: 
Version: 1.0
Author: DoubleYou
Author URI: www.doubleyou.com
*/

/**************** Body *********************/
*{margin:0; padding:0; border:0px;}
body{background:#1b1b1b url(images/stripe.gif); font:11px Arial; color:#767676;}
#wrapper {width:815px; margin:0px auto; overflow:hidden;}

/**************** Links *********************/
a{text-decoration:none; color:#767676;}
a:hover {text-decoration:none; color:#DF0909;}

/**************** Header *********************/
#header {width:815px; height:142px; margin:0px auto; display:block; overflow:hidden; clear:both; position:relative;}

#header h1 {width:250px; height:31px; display:block; position:relative; float:left; padding:46px 0 0; left:3px;}

#header h1 a {display:block; width:250px; height:31px;}

#aros{position:absolute; width:94px; height:33px; right:0px; top:46px; float:right;}

#headUtils{width:300px; float:right; text-align:right; height:28px; position:relative; top:115px; font-size:9px; font-weight:bold;}
#headerSearch{width:180px; float:right; text-align:right;}
#rss {float:right; height:25px; line-height:20px; margin:0; position:relative; top:5px; width:100px;}
#rss span{float:left;left:9px;position:relative;}
#rss ul{display:block; overflow:hidden;}
#rss ul li{float:right;}

/**************** Navigation *********************/
#navigation{ font-size:10px; font-weight:bold;float:left; width:243px;}
#navigation #sidebar{font-size:11px; display:block; font-size:11px; padding:40px 0 0;}

#menu{margin-bottom:20px; text-transform:uppercase;}
#menu li{list-style:none;  margin-bottom:5px; }
.page_item a:link, .page_item a:visited{color: #6F6F6F;  background:#D9D9D9 url(images/menu_left.gif) no-repeat top left; padding:0px 0px 0px 10px; height:25px; line-height:25px; display:block; width:233px; overflow:hidden;}
.page_item a:hover {color:#FFFFFF; background:#C5C5C5 url(images/menu_left_hover.gif) no-repeat top left; padding:0px 0px 0px 10px; height:25px; line-height:25px; display:block; width:233px;}
.current_page_item a:link, .current_page_item a:visited, .current_page_parent a{color: #FFF !important; background:#C5C5C5 url(images/menu_left_hover.gif) no-repeat top left !important; padding:0px 0px 0px 10px !important; line-height:25px; height:25px; display:block; width:233px;}
.widget_categories{text-transform:uppercase;}
ul.xoxo li a {text-transform:uppercase;}
a.recursos-educativos {background:url(images/pdf-icon.jpg) no-repeat left 0px; padding: 5px 0 9px 30px; text-decoration: none !important; display: block;}
a.videos-divulgativos {background:url(images/video.jpg) no-repeat left 0px; padding: 5px 0 9px 30px; text-decoration: none !important; display: block;}


/**************** Search *********************/
.topsearch{ background:#262626 url(images/menu_left.gif) no-repeat top left; margin-bottom:10px; padding:8px 5px 5px 10px; height:19px; width:250px; display:block; }
.searchfield{ float:left; position:relative; left:10px; width:130px; color: #666666; font-weight:bold; font-size:11px; font-family:Arial; border:1px solid #D9D9D9; background:#D9D9D9 url(images/search.gif) left no-repeat; padding:2px 0 0 16px;}

h2.search {font-size:14px; font-family:Arial; padding-top:10px; color:#CCCCCC; background:none!important;}

.searchBox{background:url(images/searchbackground.gif) no-repeat top right; width:171px; height:21px; float:right; position:relative;}


/**************** Content *********************/

#content {width:572px; background:#f9f9f9 url(images/mid-content.jpg) repeat-y; float:right; display:block; position:relative;}


#contentTop,#contentBottom {width:572px; height:15px;}

.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{
  font-weight: bold;
  font-style: normal;
  text-align: left;
  background:none!important;
  padding:8px 0 8px 0!important;
}

.content h1{
  font-size: 11px;
  letter-spacing: 0;
}
.content h2{
  font-size: 12px;
  color:#525151;
  font-weight:bold;
}
.content h3{
  font-size: 10px;
  color:#525151;
  font-weight:bold;
}
.content h4,.content h5,.content h6{
  font-size: 9px;
  color:#525151;
  font-weight:bold;
}

.comments {background:url(images/comments.gif) right no-repeat; padding-right:20px;}
.info {clear:both; color:#767676; display:block; font-size:10px; line-height:22px; overflow:hidden; height:35px; padding:2px 0 0;}
.date, .meta,.tags, .cats{float:left;}
.comments{float:right;}
.info a {color:#767676;}
.info a:hover {color:#5C5C5C;}
.info strong{color:#df0909;}
.entry {width:572px; display:block; margin:0px auto; min-height:1000px;}
.entry h2{padding-bottom:10px; background:url(images/dashed.gif) repeat-x left bottom; margin:0px; line-height:18px;}
.entry h2 a {color:#525151!important; font-family:Arial; font-size:16px;}
.entry h2 a:hover {color:#C5C5C5;}
.entry p{padding:0 0 10px 0;}
.no-padding-top {margin-top:-10px !important;}
h2.h2Page{margin:0 0 20px 0;}
.post{background:url(images/arrow.gif) no-repeat left 13px; }
.post{padding:20px 40px 10px 42px; text-align:left; margin-bottom:20px; line-height:14px; color: #767676; position:relative;}
.posttop{padding:20px 45px 0px 45px;text-align:left; line-height:14px; color: #767676; position:relative;}

.content{overflow:hidden; background:url(images/dashed.gif) repeat-x left bottom; width:100%; position:relative;}
.contentArchive {overflow:hidden!important; background:url(images/dashed.gif) repeat-x left bottom; display:block; clear:both; padding:0 0 10px; height:130px}
.content strong{color:#757575; font-weight:bold;}
.content a{color:#757575; text-decoration:underline;}
.content a:hover{color:#DF0909; text-decoration:none;}
.content ul, .content ol{padding:0px 0 10px 0; margin:0px;}
.content ul li, .content ol li{list-style:none; padding: 0 0 0 10px; background:url(images/bullet.gif) no-repeat left 5px; line-height:16px;}

.share{color:#767676; font-size:9px; font-weight:bold; height:25px; overflow:hidden; padding:5px 0 0; width:490px; position:relative;}
.permalink{ float:left; width:120px;}
.permalink a{text-decoration:underline; color:#767676;}
.permalink a:hover{text-decoration:none; color:#DF0909;}
.compartelo{float:right; text-align:right; position:relative; width:140px;}
.compartelo ul li{display:inline; float:left;}
.entry img {border:5px solid #C5C5C5;}
.imgThumb{margin:0 10px 10px 0!important;}
.meta {font-weight:bold;}
.cats, .date{ text-transform:uppercase; padding:0 5px 0 0;}

.pagination{
	color:#767676;
	line-height:16px;
	padding:0px 39px 0px 39px;
	text-align:left;
	display:block;
	overflow:hidden;
}
.top {margin-top:25px;}


.diezAttitudes {
    display: block;
    overflow: hidden;
    padding: 15px 0 8px 0;
    width: 490px;
}



.thumb-attitudes {
    display: block;
    float: left;
    margin: 0 5px 0 0;
    width: 174px;
}

.diezAttitudes_text {
    float: right;
    width: 290px;
}

.diezAttitudes_text p{

}

/**************** Comments *********************/
#comments {font-size:14px; border-top:10px solid #262626; font-family:Arial;}
h2#respond {font-size:14px; margin-top:10px; font-family:Arial; font-weight:bold; background:none; text-transform:uppercase;}
.commentlist{margin-top:10px;}
.commentlist li{ list-style:none; margin:0 0 20px;}
.commentlist p{ padding:10px; margin:5px 0 0 0; background:#EDEDED;}
.commentmetadata {font-size:10px; text-transform:uppercase;}
.commentmetadata a{color:#DF0909;}
.commentmetadata strong {color:#DF0909;}
#commentform label small{font-size:10px; font-family:Arial;}
#author, #email, #url{width:12em; font:12px Arial; color:#666666; font-weight:normal; padding:3px; margin-right:5px; border:1px solid #C4C4C4; background-color:#EBEBEB;}
#submit{
	width:147px;
	height:24px;
	position:relative;
	right:10px;
	float:right;
	top:0px;
}
#respond{padding-top:20px; padding-bottom:10px; font-weight:lighter;}
#comment{width:98%; border:1px solid #C4C4C4; font:12px Arial; color:#666666; background-color:#EBEBEB;}
h3 #comments {font-size:13px;}
#commentform h2 {font-size:14px; font-weight:bold;}
#commentsbox{padding:30px 0 0;}

/**************** Sidebar *********************/
#sidebar { text-align:right;}
#sidebar ul {list-style:none;}
#sidebar h2 {font-size:15px; font-family:Arial; color:#9A9A9A; padding-right:10px; border-bottom:1px solid #C5C5C5; text-transform:uppercase;}
#sidebar ul ul {margin:10px; padding-bottom:60px;}

#sidebar ul.collapsing ul{padding-bottom:0;}
#sidebar ul#collapsArch-previous{margin: 10px 0 10px 10px;}

#logo10, #medalla{right:20px; position:relative;}
#logo10{top:-37px; }
#medalla{top:-25px;margin-bottom: 12px;	}

.widget_delicious ul{padding:0px!important;}
/**************** Footer *********************/
#footer{width:815px; margin:0px auto; display:block; clear:both; text-align:right; padding:10px 0 10px 0;}

/**************** Misc *********************/
.leerMas {
	display:block;
	left:0;
	position:relative;
	text-align:right;
	top:-10px;
	text-decoration:none!important;
	color:#DF0909!important;
	font-weight:bold;
	clear:both;
}
.leerMas:hover{color:#757575!important;}

acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote cite{ margin: 5px 0 0; display: block; }
blockquote p {font-style:italic;}
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.alignright{float:right;}
.alignleft{float:left;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline; margin:0 10px 0px 0!important;}
img.alignleft{display:inline;margin:0 10px 0px 0!important;}

code {font-size:12px; font-family:Arial; color: #6C6C6C; display:block; background-color:#262626; padding:10px; margin:10px 0 10px 0; border:1px solid #3F3F3F;}

/**************** avatar *********************/
.gravs {margin-top:20px; padding:0 15px 0 15px;}
.avatar {float:left; margin-right:10px; padding:3px;  border:1px solid #191919;}

/**************** Gallery *********************/
.gallery {text-align:center;}
.attachment {text-align:center;}
.attachment img { padding:5px; border:1px solid #999999;}
.imgnav {text-align:center;}
.imgleft {float:left;}
.imgleft img{ padding:5px; border:1px solid #999999;}
.imgright {float:right;}
.imgright img{ padding:5px; border:1px solid #999999;}

/**************** ROLLOVERS *********************/
.ico-facebook, .ico-twitter, .ico-delicious{
	height:16px;
	width:16px;
}
.ico-facebook {
 margin:0px 9px 0 9px;
}
.ico-twitter, .ico-delicous {
 margin:0px 9px 0 0;
}
.ico-facebook a, .ico-twitter a, .ico-delicious a, .twitterTop a, .rssTop a{
	display:block;
	overflow: hidden;
	height: 0px !important;
	background-repeat: no-repeat!important;
	cursor:pointer;
	padding: 16px 0 0 0;
	position:relative;
	width:16px;
}

.ico-facebook a {background:url(images/ico-facebook.gif); background-position: -16px 0px;}
.ico-twitter a{ background:url(images/ico-twitter.gif); background-position: -16px 0px;}
.ico-delicious a{ background:url(images/ico-delicious.gif);background-position: -16px 0px;}

a.deliciousSide {height:16px; width:16px; margin:0 10px 0 0;}

.twitterTop{ margin:0 5px 0 5px;}
.twitterTop a{ background:url(images/ico-twitter-trans.gif);}
.rssTop a{ background:url(images/ico-rss-trans.gif);}

.ico-facebook a:hover,.ico-twitter a:hover,.ico-delicious a:hover, .twitterTop a, .rssTop a { background-position: 0px 0px;}
.galeria{
	margin-bottom:15px;
	margin-left:0;
	margin-right:0;
	margin-top:5px;
}

.delicious-item, .blogroll li{ padding: 0 0 5px 0;}

/*NOTA LEGAL*/
.notaLegal{
	background:#FFFFFF;
	clear:both;
	float:right;
	padding:0 0 30px 0;
	text-align:left;
	width:400px;
}
.notaLegal p{
	padding:10px 30px 10px 30px;
}
.notaLegal h2{
	padding:30px 30px 10px 30px;
}

.post .hilite{background:#DF0909; color:#FFF;}


/* Campañas */

.campana{background:url(images/dashed.gif) repeat-x left top; padding:15px 0 8px 0px; overflow:hidden; display:block; width:490px;}
.jornada{background:url(images/ralla.gif) repeat-x left top; padding:15px 0 8px 0px; overflow:hidden; display:block; width:490px;}

.thumbCampana{
	display:block;
	float:left;
	height:75px;
	margin:0 5px 0 0;
	width:75px;
}
.thumbJornada{
	display:block;
	float:left;
	height:60px;
	margin:0 5px 0 0;
	width:60px;
}
.txtCampana, .txtJornada{
	float:right;
	width:405px;
}
.txtCampana em{padding: 3px 0 0 0; display:block;}
.txtJornada p{ padding: 10px 30px 0 0;}

h3.titJornada{font-size:11px!important; padding:0px!important;}

.back-2011{background:url(images/back-2011.gif) no-repeat right top;}
.back-2010{background:url(images/back-2010.gif) no-repeat right top;}
.back-2009{background:url(images/back-2009.gif) no-repeat right top;}
.back-2008{background:url(images/back-2008.gif) no-repeat right top;}
.back-2007{background:url(images/back-2007.gif) no-repeat right top;}
.back-2006{background:url(images/back-2006.gif) no-repeat right top;}
.back-2005{background:url(images/back-2005.gif) no-repeat right top;}
.back-2004{background:url(images/back-2004.gif) no-repeat right top;}
.back-2003{background:url(images/back-2003.gif) no-repeat right top;}
.back-2002{background:url(images/back-2002.gif) no-repeat right top;}

ul.pdfDownload li{	background:url(images/ico-pdf.jpg) no-repeat 160px top;	float:left;	height:30px; line-height:30px;	width:230px;}
ul.educacionLinks li{	float:left;	width:230px;}
ul.educacionLinks li a{	font-weight:bold;}
.pagePag{display:block; padding: 0 0 10px 0; text-align:right;}

/*accordion recursos educativos*/
.hide {display:none;}
.flecha , .flecha2{background: url("images/arrow.jpg") no-repeat scroll 0 10px transparent; display: block;	padding-left: 15px;}
.show {display:block !important;}
.bold {font-weight:bold;}
.desplegable-recursos, .desplegable-recursos2 {margin-left: 66px !important;padding-bottom: 0 !important;}
.desplegable-recursos  li, .desplegable-recursos2  li{list-style-type: decimal !important; background:none !important; padding-bottom:10px !important; 
}
.desplegable-recursos  li a, .desplegable-recursos2  li a{	text-decoration:none;}
.desplegable-recursos  li a:hover, .desplegable-recursos2  li a:hover{	text-decoration:underline;}
#attitudes_archives_select{	margin-top: 8px; background-color:#9A9A9A;	color:#fff;}

#attitudes_archives_select option{	margin-right:10px; text-align: right;}