@charset "utf-8";

/*Start RESET CSS*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*END RESET CSS*/



::-webkit-scrollbar {
    width: 7px;
}
::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.12);
    -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1);
}
::-webkit-scrollbar-thumb {
    background: #CCC;
    -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.2);
}
::-webkit-scrollbar-thumb:hover {
    background: #AAA;
}
::-webkit-scrollbar-thumb:active {
    background: #888;
    -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);
}



.ui-widget{  
	font-size: 13px !important; 
}

.ui-dialog{
	text-align: center;
}

body {
	margin: 0;
	padding: 0;
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.4;
	color: rgba(255,255,255,1);
}


/* ~~ This fixed width container surrounds all other blocks ~~ */
#main_container {
	width: 928px;
	height:525px;
	background-image: url(../images/bkg2_pal.jpg);
}

#age {
	background-color: rgba(255,0,51,1);
	font-weight: bold;
	padding: 1px;
	width: 25px;
	text-align: center;
	border: medium solid rgba(255,255,255,1);
	border-radius: 17px;
	position: absolute;
	left: 35px;
	top: 20px;
}

@-webkit-keyframes resize {
	0% {
		-webkit-transform: scale(0.8,0.8);
	}

	60% {
		-webkit-transform: scale(0.8,0.8);
	}
	
	65% {
		-webkit-transform: scale(1,1);
	}

	95% {
		-webkit-transform: scale(1,1);
	}

	100% {
		-webkit-transform: scale(0.8,0.8);
	}
}


#title_container {
	text-shadow: 0px 3px 4px rgba(0,0,0,1);
	overflow: visible;
	top: 0px;
	position: absolute;
	width: 928px;
	height: 87px;
}


#title_container ul li {
	vertical-align: middle;
}


#title_container .title{
	margin-top:0px;
	margin-left:80px;
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: bold;
	font-size: 21px;
}

#title_container .subtitle{
	margin-left:80px;
	font-family: "Arial Black", Gadget, sans-serif;
	color: #FC6;
	font-size: 18px;
	line-height: 13px;
}

#title_container .keyword{
	display:none;
}

#title_container .short_code{
	font-size: 60px;
	color: rgba(255,204,0,1);
	font-weight: bold;
	font-family: "Arial Black", Gadget, sans-serif;
	position: absolute;
	left: 655px;
	top: -15px;

	-webkit-text-stroke: 2px #F0C; /* stroke color and weight */
	-webkit-animation-name: resize;
	-webkit-animation-duration: 8s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	-webkit-animation-timing-function: ease-in-out;
}


#title_container .price {
	display:none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	position: absolute;
	left: 485px;
	top: 10px;
}

#chat_container {
	background-color: rgba(0,0,0,0.75);
	height: 420px;
	width: 662px;
	border-radius: 10px 0px 0px 10px;
	float: left;
	margin-left: 35px;
	margin-top: 56px;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: rgba(255,255,0,1);
	border-right-color: rgba(255,255,0,1);
	border-bottom-color: rgba(255,255,0,1);
	border-left-color: rgba(255,255,0,1);
}

#messages {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: normal;
	color: rgba(255,255,255,1);
	margin-left: 5px;
	overflow: auto;
	height: 420px;
	line-height: 18px;
	text-align: left;
	margin-right: 3px;
	font-size: 19px;
}

.sms {
	margin-top: 30px;
}

.sms .tlf {
	color: rgba(0,204,255,1);
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 17px;
	background-image: url(../images/envelope.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	background-size: auto 100%;
}

.fecha_mensaje {
	font-size: 10px;
	color: rgb(255, 163, 0);
	margin-left: 8px;	
}

.texto_mensaje{
	line-height: 24px;	
}

.ultimo_sms {
	margin-top: 15px;
	color: rgba(255,204,51,1);
	font-weight: bold;
}

.ultimo_sms .tlf {
	color: rgba(0,204,255,1);
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 17px;
	background-image: url(../images/envelope.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	background-size: auto 100%;
}





#sidebar_container_1 {
	background-color: rgba(0,0,0,0.75);
	height: 420px;
	width: 190px;
	border-radius: 0px 10px 10px 0px;
	float: right;
	margin-right: 35px;
	margin-top: 56px;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: rgba(255,255,0,1);
	border-right-color: rgba(255,255,0,1);
	border-bottom-color: rgba(255,255,0,1);
	border-left-color: rgba(255,255,0,1);
	overflow: hidden;
}

#sidebar_container_2 {
	background-color: rgba(0,0,0,0.75);
	height: 225px;
	width: 300px;
	border-radius: 10px;
	float: right;
	margin-right: 20px;
	margin-top: 5px;
	border: thick solid rgba(255,255,255,1);
}


#ad_container {
	width: 450px;
	height: 340px;
	position: absolute;
	z-index: 3;
	left: 40px;
	top: 95px;
}



#footer{
	clear: both;
	height: 63px;
}

#legal {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	text-shadow: 0px 0px 8px rgba(0,0,0,1);
	font-size: 14px;
}

#marquee {
	font-weight: bold;
	color: rgba(255,204,51,1);
	text-shadow: 0px 0px 8px rgba(0,0,0,1);

}