/*  
Theme Name: Masssup
Theme URI: http://www.manuelodesigns.com
Description: Theme realizado para Madsssup
License.
Version: 1.0
Author: Manuel Acuna
Author URI: http://www.www.manuelodesigns.com
*/

/*++++++ BODY ++++++++*/
* { margin: 0px; 
	padding: 0px; 
	list-style:none; 
	text-decoration:none; 
	}

body {
	background-image:url(images/bg.png);
	background-position:top;
	background-repeat:repeat-x;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#313131;
	font-size:13px;
	}

/*++++++ HYPERLINKS ++++++++*/
h3 { padding:10px 0 10px 0; font-size:14px;}

a {
	color:#c62222;
	}

a:hover 
{ 
text-decoration:none;
color:#313131;
}

.more-link a{
	color:#bd0000;
	}

.more-link a:hover{
	color:#333;
	 
	}
 

/*++++++ MAIN ++++++++*/
#wrapper { 
width: 990px; 
margin-left:auto;
margin-right:auto;
}

#main {	
	margin:30px auto 10px;
	width: 990px; 
	float:left;
}


#left {
	float: left; 
	width: 670px;
	padding-left:10px;
	}


#right {
	float: right;
	width: 288px;
	margin-right: 20px;
}


#right h1{
	background-image:url(images/h1bgside.png);
	background-repeat:no-repeat;
	background-position:top right;
	width:269px;
	height:33px;
	text-align:right;
	padding-right:10px;
	font-size:18px;
	color:#FFF;
	font-weight:normal;
	padding-top:6px;
	float:right;
	}

/*++++++ HEADER ++++++++*/
#header {
	height: 233px;
	width: 990px;
	background-image: url(images/header.png);
	background-position: top center;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
}
#logo {
	width: 431px;
	float:left;
	margin-top: 55px;
	margin-left: 33px;
}
#logo h1{ 
text-indent:-10000px;
}
#logo h1 a{
	display:block;
	background: url(images/logo.png) no-repeat;
	height:138px;
	outline:none;
}

/*++++++ SEARCH ++++++++*/
#searchbox {
	float:right;
	width: 245px;
	height: 25px;
	background-image: url(images/buscadorbg.png);
	background-repeat: no-repeat;
	background-position: top center;
	margin-top: 5px;
}
#searchbox #s {
	float: left;
	margin: 6px 0 0 6px;
	border: 0;
	width: 185px;
	background: none;
	color:#999999;
}
#searchbox #go {
	float: right;
	margin: 0;
	width:48px;
	height:25px;
}


#rssboxside{
	float:left;
	width:30px;
	height: 30px;
	padding-left: 8px;
	padding-top: 2px;
	}


/*++++++ BOTONERA ++++++++*/
ul#nav {  
	list-style:none;
	margin:0;
	padding:0;
	}
ul#nav li {
	padding:0;
	float:left;
	}
ul#nav li a {
	padding-top:20px;
	display:block;
	margin-right:0px;
	height:40px;
	text-decoration:none;
	float:left;
	color:#CCC;
	text-align:center;
	font-size:17px;
	line-height:5px;
	 }
	
ul#nav li a:hover {
	background-position:bottom;
	color:#FFF;
	}
ul#nav li a span {
	padding-top:15px;
	display:inline-block;
	text-align:center;
	font-size:9px;
	color:#999;
	padding-bottom:3px;
	}
#inicio 
{
	width: 190px;
	}
#agenda 
{
	width: 169px;
	margin-left:3px;
	}
#lugares
{
	width: 212px;
	margin-left:5px;
	}
#paginas 
{
	width: 183px;
	margin-left:2px;
	}
#quienes 
{
	width: 215px;
	margin-left:1px;
	}


/*++++++ NAV ++++++++*/
#nave {
	width:990px;
	height:61px;
	margin-bottom:22px;
	background-image: url(images/botonerabg.png);
	background-repeat: no-repeat;
	background-position: top center;
	margin-left: auto;
	margin-right: auto;
}


#nav ul li.current_page_item {
	color:#FFF;
	
}

#nav ul li.current_page_item a {
	color:#FFF;
	background-image:url(images/activebg.png);
	background-position:bottom center;
	background-repeat:no-repeat;
}

	
/*-------------- ACTIVO HOME ---------------------*/	

#nav ul li.current_page_iteminicio {
	color:#FFF;
	}

#nav ul li.current_page_iteminicio a {
	color:#FFF;
	background-image:url(images/homeactive.png);
	background-position:8px 0px;
	background-repeat:no-repeat;
}

 
/*-------------- ACTIVO MADSSSUP ---------------------*/	

#nav ul li.current_page_itemmad {
	color:#FFF;
	}

#nav ul li.current_page_itemmad a {
	color:#FFF;
	background-image:url(images/madactive.png);
	background-position:12px 0px;
	background-repeat:no-repeat;
}

	
/*-----------------------------------*/	




/*++++++ MISC ++++++++*/
.clear { clear:both; }
img.centered { display: block; margin-left: auto; margin-right: auto; }

img.alignright {
	padding: 4px 1px 4px 4px; 
	margin: 0 0 2px 7px; 
	display: inline; 
	}

img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; } 
.alignleft { float: left ;}
img { border:none;}

/*++++++ ENTRY ++++++++*/
#content 
{
	width: 660px;
	float:left;
	margin-left: 8px;
	}
	
.entry {
	width: 660px;
	line-height:140%;
	margin-bottom:20px;
}
.entry p { margin-bottom:10px;}
 
.entry h2 {
	line-height:22px;
color:#333;
font-size:22px;
padding:5px 0 5px 0; 
text-transform: uppercase;
}
.entry h2 a 
{ 
color:#bd0000; 
}

.entry a 
{ 
		margin-bottom:5px;
}




.fechaentry{
	margin-top:-3px;
	padding-top: 0px;
	margin-right:5px;
	margin-bottom:5px;
	float:left;
	width:39px;
	height:46px;
	background-image:url(images/fechabg.png);
	background-repeat:no-repeat;
	color:#FFF;
	font-size:16px;
	text-align:center;

	}


.entry img {
	padding-top:10px;
	margin:0px 10px 10px 10px;
	}


html>body .entry ul { padding: 0 0 0 30px; padding-left: 10px; } 
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before { content: "\00BB \0020"; }


.entry p.postinfo { 
padding-bottom:8px; 
margin-bottom:5px;
}


.entry p.postinfo span.upper { text-transform:uppercase;}
.entry p.postinfo span.category {padding-left:2px;}
.entry p.postinfo span.comment { background:url(images/comments.gif) no-repeat; padding-left:14px;}
.post {margin-bottom:15px;}
.navigation { width: 550px; font-size:11px; text-transform:uppercase; margin-top:20px;}
.navigation span.older { background:url(images/older.gif) no-repeat right; padding-right:25px; }
.navigation span.newer { background:url(images/newer.gif) no-repeat left; padding-left:25px; }


.socials {
	float:left;
	margin-bottom:10px;
	width:550px;
	clear: both;
}

.socials span{
	display:none;
}

.socials a {
	display:block;
	height:32px;
	width:32px;
	}

.btn_facebook {
	float:left;
	background-image:url(images/openid-facebook.png);
	background-repeat:no-repeat;
	height:32px;
	width:32px;
	margin-right:10px;
}

.btn_twitter {
	float:left;
	background-image: url(images/openid-twitter.png);
	background-repeat:no-repeat;
	height:32px;
	width:32px;
	margin-right:10px;
	}
 
.btn_meneame {
	float:left;
	background-image: url(images/openid-meneame.png);
	background-repeat:no-repeat;
	height:32px;
	width:32px;
	margin-right:10px;
	}
 

/*++++++ Calenadrio ++++++++*/

#calenadrio_{
	width:265px;
	padding-bottom:4px;
	padding-top: 20px;
	float: right;
	}

/*++++++ tags ++++++++*/

.tags_{
	width:265px;
	padding-bottom:8px;
	padding-top: 15px;
	float: right;
	}

.tags_ li {
	text-align:right;
	}

.tags_ li a{
	text-align:right;
	}
/*++++++ SIDEBAR ++++++++*/

#sads {
	width:296px;
	font-size:10px;
	text-transform:uppercase;
	text-align:right;
	padding:8px;
	margin-bottom:10px;
}

#sads ul {}
#sads ul li { float:left; padding-right:6px;}
#sads ul li.last { float:right; padding:0px; }
#sads p { background:url(images/adsdotdot.gif) no-repeat center left; margin-top:5px;}
#sads a { color:#5e5d5a;}
#tab {
	width:296px;
	background:#eeedea;
	border:1px solid #d6d4cd;
	padding:8px;
	margin-bottom:10px;
}
#sidebar { width:400px; padding-left:10px;}
#sidebar h2 { font-size:12px; margin-bottom:10px; color: #000000; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif;}
#sidebar ul{ margin:10px auto 20px;}
#sidebar ul li{}
#sidebar ul li ul{}
#sidebar ul li ul li{display:block; background:url(images/bullet.gif) no-repeat 0 2px; padding-left:18px; margin-bottom:6px; padding-bottom:5px;border-bottom:1px dotted #dadada;font-size:11px;}
 

/*+++++++ CALENDAR +++++++*/
#calendar #calendar_wrap #wp-calendar { width: 100%; }
#calendar #calendar_wrap #wp-calendar caption { text-align:left; border-bottom:1px solid #dadada; padding-bottom:5px; }
#calendar #calendar_wrap #wp-calendar th { text-align:left; font-weight:bold; padding-top:5px; }
#calendar #calendar_wrap #wp-calendar td{ text-align:left; }

/*+++++++ COMMENTS +++++++*/
#c { float:left; width:225px;}
#cc { float:right; width:304px;}
#commentform p { padding-bottom:5px;}
#commentform #author { border:1px solid #bbb9b2; height:20px; width:200px; background:#f5f5f3; padding-left:5px; }
#commentform #email { border:1px solid #bbb9b2; height:20px; width:200px; background:#f5f5f3; padding-left:5px; }
#commentform #url { border:1px solid #bbb9b2; height:20px; width:200px; background:#f5f5f3; padding-left:5px;}
#commentform #comment { border:1px dotted #bbb9b2; height:200px; width:410px; background:#f7f5f5; padding-left:5px; float:right;}
.commentlist cite { background:#f5f5f3; padding:5px 5px 5px 10px; }
.commentlist cite a { color:#333;}

.commentlist .ctext
{ background:url(images/doth.gif) repeat-x bottom; font-size:13px; line-height:16px;}


.postmetadata {
	padding:10px;
	border:1px dotted #bbb9b2;
}
.ccomment {
	width: 660px; 
	line-height:16px;
	margin-bottom:0px;
	}
.ccomment ol {
	
	}
.ccomment ol li { 
background-color:#fff;
margin:5px; 
clear:both;
background-image:url(images/bg_coment0.gif);
background-repeat:no-repeat;
background-position:top center;

 
}

.ccomment ol li.alt { 
background-color:#fff;
margin:5px; 
clear:both;
background-image:url(images/bg_coment1.gif);

background-repeat:no-repeat;
background-position:top center;
}

.gravatar_{
	float:left;
	width:90px;
	height:90px;
	margin-left:4px;
	margin-top:4px;
	border:2px #4c4c4c solid;
	margin-right:4px;
	margin-bottom:4px;
	}

/*++++++ FOOTER ++++++++*/
#footerwrap {
	width:100%;
	height:187px;
	background-image: url(images/bgfooter_.gif);
	background-repeat: repeat-x;
	background-position: top center;
}
.footer {
	width:960px;
	margin-left: auto;
	margin-right: auto;
	height: 187px;
}
.footer p {
	color:#a5a5a5;
	font-size:12px;
	line-height:15px;
}


.footer a { color:#e7e5de;}
.footer a:hover { color:#99cc33;}

#footersomos{
	float:left;
	width:440px;
	background-image:url(images/sobremad.png);
	background-repeat:no-repeat;
	background-position:0px 1px;
	padding-top: 40px;
	}

#socialfooter{
	float:right;
	width:315px;
	}

.redessocialeslinks{
	float:left;
	width:102px;
	height:48px;
	margin-top: 50px;
	}
	
#endfooter{
	clear:both;
	margin-left:auto;
	margin-right:auto;
	width:900px;
	height:20px;
	padding-top:30px;
	}

#endfooter p{
	font-size:13px;
	color:#adadad;
	text-align:center;
	}

/**************** Misc *********************/
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 15px 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}

/**************** Gallery *********************/
.gallery {text-align:center;}
.gallery img {padding:2px; height:100px; width:100px;}
.gallery a:hover {background-color:#ffffff;}
.attachment {text-align:center;}
.attachment img { padding:2px; border:1px solid #999999;}
.attachment a:hover {background-color:#FFFFFF;}
.imgnav {text-align:center;}
.imgleft {float:left;}
.imgleft a:hover {background-color:#FFFFFF;}
.imgleft img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}
.imgright {float:right;}
.imgright a:hover {background-color:#FFFFFF;}
.imgright img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}


.comment-avatar {

	margin: 0px 0px 0px 8px;

	padding: 0px;

	float: left;

	height: 52px;

	width: 52px;

}

.comment-avatar img {

	border-width: 0px;

}


ul {
	list-style: outside;
	list-style-type: inherit;
	padding:0;
	margin-left:15px;
	margin-bottom:10px;
	}
ul li {
	margin:0;
	font-size: 15px;
	color: #585858;
	line-height: 18px;
	padding-bottom: 5px;
	}
	
ul li a {
	display:block;
	text-decoration:none;
	 
	color:#313131;
	line-height:17px;
	margin-right:9px;
	}
	
ul li a:hover {
	color:#bd0000;
	font-weight:normal;
	}
	
ul li a span {
	display:none;
	}
	
	
#carousel_{
	float:left;
	width:651px;
	height:235px;
	background-image:url(images/bgcarousel.png);
	background-repeat:no-repeat;
	margin-bottom: 20px;
	}


#publicidad_x{
	float:left;
	width:653px;
	clear:both;
	margin-bottom:22px;
	}
	
	
	
	/**glyde **/
	
 

	#slidewrapper {
	float: left;
	width: 645px;
	height: 235px;
	border:none;
	}

	.glidecontentwrapper {
		position: relative;
		width: 645px;
		height: 170px;
		background:none;
		overflow: hidden;
		z-index: 90;
		margin-top:30px;
		margin-left:5px;
		margin-bottom:30px;
	}

	.glidecontent { 
	position: absolute;
	padding: 0px;
	background-color:#313131;
	visibility: hidden;
	width: 640px;
	 }

	.glide {
		width: 310px;
		float: left;
	}

	.glide a img {
		margin-left:12px;
		width:320px;
	}

	.glidetext { 
	width: 277px;
	margin-left:15px;
	color: #cdcdcd;
	float: left;
	font-size:12px;
	line-height:16px;
	text-align:left;
	}

	.glidetext h2 {
	width: 270px;
	margin-left:15px;
	line-height:22px;
	margin-bottom:5px;
	margin-top:2px;
	color: #333;
	}

	.glidetext h2 a {
	width: 270px;
	color: #797979;
	font-size:  14px;
	line-height:14px;
	font-weight:bold;
	padding:0;
	margin:0;
	text-decoration: none;
	}

	.glidetext h2 a:hover {
	color:#FFF;
	}

	.glidetext div {
	color: #cdcdcd;
	font-size: 12px;
	margin-left:15px;
	font-weight:normal;
	line-height:15px;
	text-align: left;
	clear: both;
	}

	.glidetext a{
		color:#FFF;
	 	}

	.cssbuttonstoggler{
		height: 26px;
		font-size: 14px;
		margin: 0px 10px 0px 0px;
		text-align: center;
		float: right;
		width: 65px;
		position: absolute;
		top: 551px;
		right: 460px;
		z-index:90;
	}

	.cssbuttonstogglerleft{
		float:left;
		background-image:url(http://www.manuelodesigns.com/arrows/back.gif);
		background-repeat:no-repeat;
		width:24px;
		height:24px;
		cursor:pointer;
		margin-right:5px;
		}

	.cssbuttonstogglerleft span{
		display:block;
		color:#FFF;

		}

	.cssbuttonstogglerright{
		float:left;
		background-image:url(http://www.manuelodesigns.com/arrows/next.gif);
		background-repeat:no-repeat;
		width:24px;
		height:24px;
		cursor:pointer;
		margin-left:5px;
		}

	.cssbuttonstogglerright span{
		display:block;
		color:#FFF;
	}



 
