@charset "utf-8";
/*
Theme Name: Transexuales123.com
Author: Camilo Holguin
Author URI: http://www.camiloholguin.com
*/
html, body, div, span, applet, abbr, big, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, cite, em, img, q, samp, 
strong, dl, dt, dd, ol, ul, li, fieldset, form, input, label, textarea, table, caption, tbody, tfoot, thead, tr, th, td {
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	font-family: inherit;
	vertical-align: baseline;
	border: 0;
	outline: 0;
	margin: 0;
	padding: 0; }

ol, ul { list-style: none; }
 
strong { font-weight: bold; }
 
/*	--------------------------------------------------
Global
-------------------------------------------------- */
body {
	font: 11px/20px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background: #7e5192 url(../Images/bg.jpg) repeat-x; }
 
a, a:hover, a:active { text-decoration: none; }
 
.indent { text-indent: -9999px; }
 
/*	--------------------------------------------------
Container
-------------------------------------------------- */
#container {
	width: 890px;
	margin: 0 auto; }
 
/*	--------------------------------------------------
Header
-------------------------------------------------- */
#header {
	height: 146px;
	background: url(../Images/header.jpg) no-repeat;
	position: relative; }
 
	#header .logo {
		width: 405px;
		height: 85px;
		position: absolute;
		top: 28px;
		right: 140px; }
 
		#header .logo h1 a {
			height: 85px;
			display: block; }
 
/*	--------------------------------------------------
Headline
-------------------------------------------------- */
#headline {
	height: 128px;
	background: url(../Images/headline.jpg) no-repeat;
	position: relative; }
 
	#headline .menu {
		position: absolute;
		top: 10px;
		left: 40px; }
 
		#headline .menu a { color: #FFF; }
 
			#headline .menu a:hover { color: #ffed9b; }
 
		#headline .menu ul {
			font-size: 20px;
			color: #FFF;
			overflow: hidden; }
 
			#headline .menu ul li {
				height: 42px;
				background: url(../Images/menu-line.gif) right 0 no-repeat;
				display: block;
				padding: 3px 15px 0;
				float: left; }
 
				#headline .menu ul li span {
					font-size: 11px;
					line-height: 10px;
					color: #c391ca;
					display: block; }
 
				#headline .menu ul li.cut { background: url(../Images/menu-cut.gif) right 0 no-repeat; }
 
	#headline p {
		width: 535px;
		height: 65px;
		line-height: 22px;
		color: #786584;
		position: absolute;
		top: 59px;
		left: 42px; }
 
/*	--------------------------------------------------
Wrapper 
-------------------------------------------------- */
#wrapper {
	width: 850px;
	background: #fffbf7 url(../Images/wrapper-m.jpg) repeat-y;
	padding: 0 20px;
	margin: 0 auto; }
 
	#wrapper .webcams {
		height: 238px;
		background: url(../Images/webcams.jpg) center 0 no-repeat;
		margin-bottom: 8px;
		position: relative;
		clear: both; }
 
		#wrapper .webcams a.videochat {
			width: 26px;
			height: 180px;
			position: absolute;
			top: 10px;
			left: 25px; }
 
		#wrapper .webcams .chat {
			width: 410px;
			position: absolute;
			top: 5px;
			right: 35px; }
 
	#wrapper .chat h1 {
		font-size: 28px;
		letter-spacing: -1px;
		color: #fff59e; }
 
	#wrapper .chat p {
		font-size: 12px;
		line-height: 24px;
		color: #fcf3ff;
		padding: 6px 5px; }
 
	#wrapper .chat span {
		width: 382px;
		height: 43px;
		font-size: 13px;
		line-height: 30px;
		color: #30113e;
		background: url(../Images/webcams-field.gif) no-repeat;
		display: block;
		padding: 8px 20px 0; }
 
		#wrapper .chat span a {
			width: 123px;
			height: 33px;
			background: url(../Images/webcams-send.gif) no-repeat;
			display: inline-block;
			margin-left: 45px; }
 
	#wrapper .webcams .player {
		width: 318px;
		height: 238px;
		overflow: hidden;
		position: absolute;
		top: -11px;
		left: 67px; }
 
	/*	--------------------------------------------------
Columns
-------------------------------------------------- */
#wrapper #columns {
		background: url(../Images/columns-t.gif) center top no-repeat;
		padding: 17px 10px 10px;
		overflow: hidden; }
 
/*	--------------------------------------------------
Colz
-------------------------------------------------- */
#columns #colz {
	width: 211px;
	background: url(../Images/colz-m.gif) repeat-y;
	float: left; }
 
#colz h2 {
	width: 177px;
	height: 32px;
	font-size: 18px;
	letter-spacing: -1px;
	color: #412a64;
	background: url(../Images/colz-title.gif) no-repeat;
	padding: 13px 10px 0;
	margin: 0 0 5px 6px; }
 
/* Video */

#colz .video {
	width: 178px;
	padding: 5px 0 10px;
	margin: 0 auto; }
 
	#colz .video img {
		background-color: #FFF;
		border: 1px #cbbdd8 solid;
		padding: 1px; }
 
	#colz .video a {
		font-size: 12px;
		font-weight: bold;
		color: #412a64;
		display: block;
		padding: 3px 0; }
 
		#colz .video a:hover , #colz .tags a:hover , #colz .recomendamos ul li a:hover { color: #ea0779; }
 
/* Tags */

#colz .tags {
	width: 190px;
	padding: 4px 0 15px;
	margin: 0 auto; }
 
	#colz .tags span { display: inline-block; }
 
	#colz .tags .tag1 {
		font-size: 16px;
		font-weight: lighter;
		color: #3a2d46; }
 
	#colz .tags .tag2 {
		font-size: 18px;
		font-weight: normal;
		color: #5e506b; }
 
	#colz .tags .tag3 {
		font-size: 20px;
		font-weight: bolder;
		color: #827490; }
 
/* Recomendamos */

#colz .recomendamos {
	background: url(../Images/colz-b.gif) 0 bottom no-repeat;
	padding: 4px 14px 16px; }
 
	#colz .recomendamos ul {
		font-size: 12px;
		line-height: 24px;
		color: #3a2d46; }
 
		#colz .recomendamos ul li {
			background: url(../Images/icon-recomendamos.gif) 0 8px no-repeat;
			display: block;
			padding-left: 16px; }
 
			#colz .recomendamos ul li a {
				width: 140px;
				color: #3a2d46;
				display: inline-block; }
 
			#colz .recomendamos ul li span {
				width: 10px;
				font-weight: bold;
				display: inline-block; }
 
	#colz .recomendamos a.add {
		width: 128px;
		height: 23px;
		text-align: center;
		color: #FFF;
		background: url(../Images/recomendamos-add.gif) no-repeat;
		display: block;
		padding-top: 3px;
		margin: 2px auto; }
 
/* ads */

#colz .ads { padding: 4px 0 10px; }
 
/*	--------------------------------------------------
Colh
-------------------------------------------------- */
#columns #colh {
	width: 614px;
	background: url(../Images/colh-m.gif) repeat-y;
	float: right; }
 
#colh h2 {
	width: 574px;
	height: 32px;
	font-size: 18px;
	letter-spacing: -1px;
	color: #412a64;
	background: url(../Images/colh-title.gif) no-repeat;
	padding: 13px 10px 0;
	margin: 0 auto 10px;
	position: relative; }
 
	#colh h2 span { color: #bc01cd; }
 
	#colh h2 a.favorites , #colh h2 a.trade {
		color: #341c59;
		background: url(../Images/icon-fav.png) 0 1px no-repeat;
		display: block;
		padding-left: 24px;
		position: absolute;
		top: 13px;
		right: 35px; }
 
	#colh h2 a.favorites:hover , #colh h2 a.trade:hover { color: #ea0779; }
 
	#colh h2 a.trade { background-image: none; }
 
/* Webcams */

#colh #webcams {
	padding: 0 12px 10px;
	overflow: hidden; }
 
#colh .acceso { 
	width: 570px; 
	overflow: hidden; 
	float: right; }
 
#colh .cams {
	width: 190px;
	height: 205px;
	background: url(../Images/colh-webcams.jpg) no-repeat;
	margin: 5px 6px 2px 0;
	float: left; }
 
	#colh .cams h3 {
		font-size: 12px;
		color: #FFF;
		padding: 3px 0 4px 25px; }
 
	#colh .cams img {
		border: 1px #352453 solid;
		margin: 0 1px; }
 
	#colh .cams a {
		font-size: 12px;
		font-weight: bold;
		color: #ffec4d;
		display: block;
		padding-left: 15px; }
 
	#colh .cams span.flags {
		display: block;
		padding: 4px 30px 2px; }
 
/* Links */

#colh #links {
	background: url(../Images/colh-b.gif) 0 bottom no-repeat;
	padding: 0 12px 16px;
	overflow: hidden; }
 
#links ul { padding: 0 10px 5px; }
 
	#links ul li {
		width: 120px;
		height: 22px;
		background: url(../Images/icon-links.gif) 0 6px no-repeat;
		display: block;
		padding: 2px 3px 0 15px;
		overflow: hidden;
		float: left; }
 
		#links ul li a { color: #3a2d46; }
 
			#links ul li a:hover { color: #ea0779; }
 
		#links ul li:hover { background: url(../Images/icon-links.gif) 0 -13px no-repeat; }
 
/*	--------------------------------------------------
Footer
-------------------------------------------------- */
#footer {
	width: 820px;
	height: 142px;
	background: url(../Images/footer.jpg) no-repeat;
	padding: 5px 35px 0;
	margin: 0 auto; }
 
	#footer p {
		width: 390px;
		font: 12px/22px Tahoma, Geneva, sans-serif;
		color: #794e8c;
		padding: 14px 10px 0; }
 
	#footer span {
		display: block;
		padding-bottom: 4px; }
 
		#footer span a { color: #794e8c; }
 
			#footer span a.active { font-weight: bold; }