/*  
Theme Name: Gossip City
Theme URI: http://wp-themes.designdisease.com/
Description: Designed by <a href="http://www.designdisease.com">Elena G.</a> for  <a href="http://www.celebrific.com">Celebrific</a>
Version: 2
Author: Design Disease
Author URI: http://wp-themes.designdisease.com/

Modify: Surlance
Modify URL: http://www.surlance.com
*/


body {
	background : #FFFFFF;
	font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
	padding : 0px;
	margin : 0px;
	color:#35383d;
	background : url(images/0-fondo-general.png) no-repeat top center #0066ff;
}
.invisible {
	display : none;
}

html { padding: 0; margin: 0;}

a:link { text-decoration: none; color : #0044aa; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: underline; color : #0044aa; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: none; color : #0044aa; border: 0px; -moz-outline-style: none;}
a:hover	{ text-decoration: underline; color : #0099cc; border: 0px; -moz-outline-style: none;} 
a:focus { outline: none;-moz-outline-style: none;}

h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif;}

img { padding: 0px; margin: 0px; border: none; text-align: center;}
hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px;  }

form { padding: 0px; margin: 0px;}
input { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
textarea { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
select { font-family: 'Verdana'; color: #282b31; font-size: 11px;}

.limpiador {
	clear : both;
}
.absoluto {
	position:absolute;
}
.relativo {
	position:relative;
}

/* barra superior */
#barra-superior {
	width : 986px;
	height : 37px;
	background : url(images/0-barra-superior.png);
	margin-left : auto;
	margin-right : auto;
	position : relative;
}
#barra-superior h1 {
	font-size : 11px;
	color : #003380;
	margin : 0px;
	position : absolute;
	top : 8px;
	left : 18px;
}
#barra-superior div {
	position : absolute;
	right : 18px;
	top : 7px;
	background : url(images/0-rss-logo.png) no-repeat left;
	padding-left : 25px;
	font-size : 11px;
}
#barra-superior div ul {
	padding : 0px;
	margin : 0px;
	list-style : none;
}
#barra-superior div ul li {
	display : inline;
	line-height : 17px;
}
#barra-superior div ul li a, #buscador label, #form-buscador {
	color : #003380;
}

/* cabezal */
#cabezal {
	width : 986px;
	height : 146px;
	position : relative;
	background : url(images/0-cabezal.png);
	margin-left : auto;
	margin-right : auto;
}
#link-logo {
	position : absolute;
	width : 278px;
	height : 65px;
	top : 13px;
	left : 190px;
}
#cabezal h2 {
	position : absolute;
	font-size : 11px;
	font-weight : normal;
	width : 245px;
	top : 77px;
	right : 521px;
	text-align : right;
	color : #000;
	padding : 0px;
	margin : 0px;
}
#banner-cabezal {
	position : absolute;
	width : 468px;
	height : 60px;
	top : 12px;
	right : 10px;
}

/* camarita */
#camarita {
	position : absolute;
	width : 78px;
	height : 48px;
	background : url(images/0-camarita.gif);
	top : 66px;
	left : 116px;
}

/* buscador */
#buscador label {
	position : absolute;
	font-size : 11px;
	top : 93px;
	left : 512px;
}
#buscador p {
	padding : 0px;
	margin : 0px;
}
#form-buscador {
	position : absolute;
	top : 119px;
	left : 510px;
	width : 425px;
	border : none;
	background : none;
}
#buscador div input {
	position : absolute;
	width : 33px;
	height : 25px;
	border : none;
	top : 113px;
	right : 7px;
	background : none;
	cursor : pointer;
}

/* menu horizontal */
#menu-horizontal {
	width : 986px;
	height : 27px;
	background : url(images/0-barra-menu-horizontal.png);
	margin : 0px;
	padding : 0px;
	padding-top : 16px;
	margin-left : auto;
	margin-right : auto;
	list-style : none;
}
#menu-horizontal li {
	display : inline;
	padding-left : 20px;
}
#menu-horizontal li a {
	color : #002255;
	font-weight : bold;
	font-size : 12px;
}

/* contenedor */
#contenedor-general {
	width : 986px;
	margin-left : auto;
	margin-right : auto;
	background : url(images/0-fondo-contenido2.png);
}
#contenedor-general2 {
	background : url(images/0-fondo-contenido1.png) top no-repeat;
}

/* modulo webcam y topsites */
#contenedor-modulos-destacados {
	width : 986px;
	height : 168px;
}
#contenedor-modulos-destacados h2, #contenedor-modulos-destacados h3, #contenedor-modulos-destacados ul {
	margin : 0px;
	padding : 0px;
}
#cont-webcams, #cont-topsites {
	float : left;
	height : 168px;
}
#cont-webcams h2, #cont-topsites h2 {
	color : #FFF;
	font-size : 12px;
	line-height : 34px;
	padding-left : 13px;
}
#cont-webcams {
	width : 536px;
	background : url(images/0-fondo-webcams.png);
	margin-left : 8px;
	position : relative;
}
#cont-webcams h3 a {
	display : block;
	position : absolute;
	color : #FFF;
	font-size : 12px;
	text-align : center;
	width : 78px;
	line-height : 33px;
	top : 127px;
	left : 7px;
}
#cont-webcams div {
	position : absolute;
	width : 450px;
	left : 100px;
	top : 52px;
}
#cont-webcams div a {
	display : block;
	float : left;
	width : 90px;
	color : #FFF;
	font-size : 11px;
	padding : 5px 5px 5px 5px;
	margin-right : 9px;
}
#cont-webcams div a:hover {
	text-decoration : none;
	color : #00ccff;
}
#cont-webcams div a img {
	margin-bottom : 5px;
}

#cont-topsites {
	width : 429px;
	background : url(images/0-fondo-topsites.png);
	margin-left : 4px;
}
#cont-topsites ul {
	list-style : none;
	padding-left : 12px;
}
#cont-topsites ul li {
	display : block;
	width : 138px;
	float : left;
	color : #00ccff;
	font-size : 11px;
	padding : 0px;
	padding-top : 4px;
}
#cont-topsites ul li a {
	color : #FFF;
}
#cont-topsites ul li a b {
	color : #00ccff;
}

/* banner 468x60 */
.banner-468x60 {
	width : 468px;
	margin-left : auto;
	margin-right : auto;
	padding : 10px 0px 10px 0px;
}

/* noticias relacionadas */
.noticias-relacionadas {
	padding : 10px;
	background : #d5fff6;
	border : 1px solid #87cdde;
	margin : 10px 0px 10px 0px;
}

/* Side Central Single +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SCS {
	width : 536px;
	float : left;
}
.cont-pagina {
	margin-left : 17px;
	width : 516px;
	margin-top : 10px;
}
.SCS h1 { font-size: 26px; font-weight: normal; letter-spacing: -1px; border-bottom: solid 1px #d0c1c1; padding-bottom: 15px; padding-top: 0px; margin-top: 0px; color:#000066;}
.SCS h2 { font-size: 18px; font-weight: normal; }
.SCS h3 { font-size: 14px; font-weight: bold; }

.SCS { padding: 0px; font-size: 11px; line-height: 1.4em ; color:#63565f;}
.SCS p { font-size: 11px; line-height: 1.4em; color:#63565f;}
.SCS p strong {}
.SCS img {}
.SCS ul { padding: 10px 0px; margin: 0px; }
.SCS li { padding: 3px 0px 3px 15px; list-style-type: none; background: url(images/PostContentLiIco.png) no-repeat left top; font-size: 12px; line-height: 16px; color:#63565f; }
.SCS blockquote { padding: 5px 25px; margin: 0px; color:#993366; font-family: 'Georgia'; font-style: italic; border-top: dashed 1px #cc99cc; border-bottom: dashed 1px #cc99cc; }
.SCS blockquote p { font-size: 13px; padding: 5px 0px; margin: 5px 0px; line-height: 18px; color:#993366; }
.SCS blockquote li { padding: 3px 0px 3px 15px; list-style-type: none; background: url(images/PostContentBlockLiIco.png) no-repeat left top; font-size: 13px; line-height: 18px; color:#993366; }

/* Side Central +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SC {
	width : 536px;
	float : left;
	margin-left : 8px;
	margin-top : 5px;
}
.SC2 {
	width : 536px;
}
.SC h2 { font-weight: normal;}
.pagetitle { font-size: 26px; font-weight: normal; letter-spacing: -1px; border-bottom: solid 1px #d0c1c1; padding-bottom: 15px; padding-top: 0px; margin-top: 0px; color:#000066;}

/* Post +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Post {
	padding : 15px 0px;
	position : relative;
	clear : left;
	background : url(images/0-fondo-titulo-post.png) no-repeat top;
}

.PostHead h1 { font-size: 19px; line-height: 24px; letter-spacing: -1px; font-weight: bold; padding: 10px 0px 1px 15px; margin: 0px; color:#000066;}
.PostHead h1 a { color: #0044aa; text-decoration: none;}
.PostHead h1 a:visited { color: #000; text-decoration: none;}
.PostHead h1 a:hover { color:#000055; text-decoration: none;}

.PostTime {  padding:10px 0px 10px 15px; margin: 0px; font-size: 11px; color:#0044aa; font-weight: bold; font-family: 'Arial'; position: absolute; letter-spacing: -1px; top: 0px; text-transform: lowercase;}

.PostDet { padding: 3px 0px 0px 15px; margin: 0px; font-size: 10px; color:#0044aa; font-weight: bold;}
.PostDet a { color:#0044aa; text-decoration: underline;}
.PostDet a:visited { color:#000; text-decoration: underline;}
.PostDet a:hover { color:#0044aa; text-decoration: underline;}

.PostContent { padding: 15px 0px 0px 0px; font-size: 11px; line-height: 1.4em ; color:#63565f;}
.PostContent p { font-size: 11px; line-height: 1.4em; color:#63565f;}
.PostContent p strong {}
.PostContent img {}
.PostContent ol { padding: 10px 0px 10px 25px; margin: 0px; }
.PostContent ol li { padding: 2px 0px 2px 0px; font-size: 11px; line-height: 15px; color:#63565f; }
.PostContent ul { padding: 10px 0px; margin: 0px; }
.PostContent ul li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#63565f; }
.PostContent blockquote { padding: 5px 0px; margin: 0px; color:#993366; font-style: italic; border-top: dashed 1px #cc99cc; border-bottom: dashed 1px #cc99cc; }
.PostContent blockquote p { font-size: 11px; padding: 3px 0px; margin: 3px 0px; line-height: 15px; color:#993366; }
.PostContent blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentBlockLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#993366; }
.PostContent a { text-decoration: underline;}

.PostContent {
	width : 520px;
	margin-left : auto;
	margin-right : auto;
}

.PostCom { padding-top: 15px; width : 520px; padding-left : auto; padding-right : auto;}
.PostCom ul { padding: 0px; margin: 0px;}
.PostCom li { padding: 5px 0px 5px 24px; margin: 0px; list-style-type: none; display: inline; color:#336699; font-size: 12px; background: url(images/PostCom.png) no-repeat left center; } 
.PostCom li a { text-decoration: underline; } 


/* Note ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.Note { padding: 0px; margin: 0px;}
.Note li { padding: 3px 0px 3px 15px; margin: 0px; list-style-type: none; font-size: 12px;}
.NoteRss { background: url(images/NoteRss.png) no-repeat left top;}
.NoteTrackBack { background: url(images/NoteTrackBack.png) no-repeat left top;}

/* TrackbackList ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.TrackList { background: #f4ebef url(images/TrackListBottom.gif) no-repeat bottom; padding: 15px; margin-top: 20px; position:relative;}
.TrackListTop { background: #f4ebef url(images/TrackListTop.gif) no-repeat top; position: absolute; top: 0px; left: 0px; width: 455px; height:10px; }
.TrackList h3 { font-size: 14px; font-weight: bold; margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; color:#333366; letter-spacing: -1px; border-bottom: dashed 1px #beb4c1;}
.TrackList ul { padding: 0px; margin: 0px;}
.TrackList li { padding: 0px 0px 0px 10px; margin: 0px; list-style-type: none; font-size: 11px; background:url(images/TrackListIco.gif) no-repeat left top;}
.TrackList li a { color:#cc3366; }

/* Navigation - PlugIn +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.NavEnd { background: url(images/NavEnd.gif) no-repeat left top; width: 15px; height: 33px; position: absolute; top: 0px; margin: 0px; right: 0px;}
/**/ *html .NavEnd  { top: 1px;} /**/ 

.Nav { font-size: 11px; background: #cde7f7 url(images/NavLeft.gif) no-repeat left top; padding: 10px; color:#003366; position: relative;}
.Nav a { padding: 1px 6px 1px 4px; border-right: solid 1px #91bdd8; font-size: 11px;}
.Nav a:visited { padding: 1px 6px 1px 4px; border-right: solid 1px #91bdd8;}
.Nav a:hover { padding: 1px 6px 1px 4px; border-right: solid 1px #91bdd8; text-decoration: none;}
.Nav span { padding: 1px 6px 1px 4px; color:#6666; border-right: solid 1px #91bdd8; }
.Nav .on { padding: 1px 6px 1px 4px; border-right: solid 1px #91bdd8; font-size: 11px; color:#003366;}

/* Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments { margin: 20px 0px 0px 0px;}
.Comments h3 { font-size: 16px; font-weight: bold; margin: 0px 0px 5px 0px; padding: 5px 0px; color:#999; letter-spacing: -1px; border-bottom: dashed 1px #999;}

/* Comments List  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.List h3 { font-size: 16px; font-weight: bold; margin: 0px 0px 5px 0px; padding: 5px 0px; color:#999; letter-spacing: -1px; border-bottom: dashed 1px #999;}
.List ol { padding: 0px; margin: 0px;}
.List li { position: relative; padding: 65px 5px 10px 5px; margin: 0px 0px 10px 0px; list-style-type: none;}
.List .ComListLi {  }
/**/ * html .List .ComListLiTop { left: -5px;} /**/ 
.List .ComListLiTop { position: absolute; no-repeat left top; height: 73px; width: 455px; left: 0px; top: 0px; padding: 35px 0px 0px 0px;}

/**/ * html .List .ListNr { right: 25px;} /**/ 
.List .ListNr { display : none; position: absolute; top: 35px; font-size: 28px; line-height: 28px; font-family: 'Arial'; font-weight: normal; letter-spacing: -1px; padding: 0px; right: 25px; }

/**/ * html .List .ListGrav { left: 10px;} /* */ 
.List .ListGrav { position: absolute; top: 35px; left: 15px;}
.List .ListGrav img { border: solid 1px #fff;}

.List big { margin: 0px; padding: 2px 0px 2px 10px; font-size: 14px; line-height: 14px; letter-spacing: -1px; color:#996633; font-weight: bold; display: block; font-family: 'Arial';}
.List small { color:#0066ff; padding: 2px 0px 2px 10px; margin: 0px; font-size: 11px; }
.List small a { color:#0066ff; text-decoration: none;}
.List small a:visited { text-decoration: none;}

.List .ListContent { margin: 5px 0px 0px 5px; padding: ; font-size: 11px; line-height: 15px; display: block;}
.List .ListContent blockquote { padding: 0px 15px; margin: 0px; color:#cc6600; font-family: 'Georgia'; font-style: italic; border-top: dashed 1px #cc6600; border-bottom: dashed 1px #cc6600; }
.List .ListContent blockquote p { font-size: 12px; padding: 5px 0px; margin: 5px 0px; line-height: 16px; color:#cc6600; }
.List .ListContent ul { padding: 0px; margin: 0px; }
.List .ListContent ul li { padding: 0px; list-style-type: none; background: none; font-size: 11px; line-height: 13px; color:#63565f; }

/* Comments Form ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments .Form { padding: 10px 15px 15px 15px; position: relative;}
/**/ *html .Comments .FormTop  { left: -15px;} /**/ 
.Comments .FormTop {no-repeat left top; position: absolute; top: 0px; left: 0px; width: 504px; height: 7px;}
.Comments .Form form {margin: 0px; padding: 0px;}
.Comments .Form a { text-decoration: underline;}
.Comments .Form p { padding: 0px 0px 2px 0px; margin: 0px; color:#330000; }
.Comments .Form p small strong { font-size: 10px; font-weight: bold; color:#FF3300;}
.Comments .Form p small { font-size: 13px; display: block; padding: 5px 0px;}
.Comments .Form .TextField { background: #fff; border: solid 2px #6dafff; padding: 6px; font-size: 12px; display: block;}
.Comments .Form .TextArea { background: #fff; border: solid 2px #6dafff; padding: 6px; font-size: 12px;}

.Comments .Form input.SubmitComment { width: 204px; height: 26px; margin-top: 8px;}



/* Side Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SR { width: 429px; float: right; position: relative; padding: 0px 0px 20px 0px; margin-right : 8px; margin-top : 5px; }
.SR h2 { font-size: 14px; font-weight: bold; color:#003380; padding-left: 40px; margin: 0px; line-height : 43px; }
.SR h3 { font-size: 14px; font-weight: bold; color:#003380; padding-left: 40px; margin: 0px; line-height : 43px; }
.SRR h3 { color:#ff6600;}

.SR ul { margin: 0px; padding: 0px 0px 0px 10px;}
.SR li { margin: 0px; padding: 2px 0px 3px 20px; list-style-type: none; background: url(images/0-estrellita.gif) no-repeat left top; font-size: 11px;}
.SR li a { color:#003380; }
.SR li a:visited { color:#000; }
.SR li a:hover { color:#000055;}

/* Side Right Left +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SRL { width: 212px; float: left; padding: 0px; margin-top : 0px;}

/* modulo 1 */
.modulo1 {
	background : url(images/0-fondo-modulo1-a.png) no-repeat top #e6e6e6;
}
.modulo1-pie {
	height : 12px;
	background : url(images/0-fondo-modulo1-b.png);
}

/* Side Right Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SRR { width: 212px; float: right; padding: 0px;}

/* modulo 2 */
.modulo2 {
	background : url(images/0-fondo-modulo2.png) no-repeat top;
}

/* Categories +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Categ {}

.Categ ul { margin: 0px; padding: 0px 0px 0px 10px;}
.Categ ul li { margin: 0px; padding: 1px 0px 2px 20px; list-style-type: none; font-size: 11px; background: url(images/0-estrellita.gif) no-repeat left top; color:#999;}
.Categ ul li a { color:#003380;}
.Categ ul li a:visited { color:#000;}
.Categ ul li a:hover { color:#000055;}

.Categ ul ul { margin: 2px 0px 0px 0px; padding: 0px; list-style-type: none; background: none; border-bottom: none;}
.Categ ul li li { margin: 0px; padding: 1px 0px; list-style-type: none; background: none; border-bottom: none; font-size: 10px; }
.Categ ul li li a { color:#003380;}
.Categ ul li li a:visited { color:#000;}
.Categ ul li li a:hover { color:#000055;}

/* Flickr RSS - PlugIn ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Flickr { margin-bottom: 10px;}
.Flickr h3 { background: url(images/FlickrH3.gif) no-repeat left center; padding: 5px 0px 5px 20px; margin: 0px; color:#ff3366; letter-spacing: -1px; font-size: 14px; font-weight: bold;}
.Flickr ul { padding: 10px 0px; margin: 0px;}
.Flickr li { background: none; padding: 0px; margin: 0px 6px 0px 0px; list-style-type: none; display: inline; border-bottom: none;}
.Flickr li a img { background: #fff; padding: 1px; border: solid 4px #d4e7f2; width: 53px; height: 53px; margin-bottom: 5px;}
.Flickr li a:hover img { background: #fff; padding: 1px; border: solid 4px #ff3366; margin-bottom: 5px;}



/* Extra ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.EBG {  width: 100%; float: left; margin-top : 9px; background : url(images/0-pie-1.png);}
.Extra { background : url(images/0-pie1.png) no-repeat top; padding-top : 18px;}
#pie-1pie {
	height : 16px;
	background : url(images/0-pie-2.png);
}

/* Latest Comments  - PlugIn ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Cols { width: 287px; float: left; margin-left : 40px;}
.Cols h3 { font-size: 14px; margin: 0px; color:#333366; letter-spacing: -1px; padding-bottom: 5px; }
.Cols ul { margin: 0px; padding: 10px 0px 0px 0px;}
.Cols li { display: block; color:#333366; margin: 0px; padding: 2px 0px 3px 15px; list-style-type: none; font-size: 11px; background: url(images/0-estrellita.gif) no-repeat left top; font-size: 11px; }
.Cols li a { font-size: 11px; font-weight: normal; color:#002255;}


/* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.FBG { background: #0066ff; width: 100%; float: left;}
.Footer { position : relative; width: 795px; margin: 0 auto 0px 25px; background: url(images/0-logo-pie.png) no-repeat left center; padding: 10px 0px 10px 150px;}
.Footer p { font-size: 10px; color:#fff; padding: 0px; margin: 0px; }
.Footer a { color:#d5f6ff; text-decoration: underline;}
#sur {
	display : block;
	width : 16px;
	height : 16px;
	background : url(images/oinki.gif);
	right : 0px;
	top : 10px;
	position : absolute;
}


/* /////////////////////////////////////////////*/
#cont-topsites td {
	color:#c0c0c0 !important;
	font-size: 10px !important;
	white-space:nowrap !important;
}
#cont-topsites a {
	color:#FFF !important;
	font-size: 10px !important;
}
.opcion-links1, .opcion-links2 {
	bottom:10px  !important;
	color: #eee !important;
	font-size: 11px;
}
.opcion-links1 {
	left:15px;
}
.opcion-links2 {
	left:85px;
}