/* CSS Document */
body {
  background-color: #000000;
  margin: 0px;
  font-family: Arial;
  color: #888888;
  line-height: 1.1em;
  /*background-image: url(/images/b.gif);
  background-repeat: repeat-x;	 */
}

a, a:visited, a:hover {
	color: #ffffff;
	text-decoration: underline;
}


#main {
	background-color: #000000;
	width: 880px;
	margin-right: auto;
	margin-left: auto;
}

#maincontent {
	background-color: #000000;
	padding: 4px;
	color: #dddddd;
	float: left;
	width: 592px;
}

#header {
    float: left;
    background-image: url(/images/head-iz.jpg);
    background-repeat: no-repeat;

    width: 657px;
    height: 151px;
    background-repeat: no-repeat;
    text-align: center;
}

#player2{

    float: left;
    width: 223px;
    height: 151px;
    padding: 0px;
    margin: 0px;
}

#header2 {
  background-image: url(/images/b.jpg);
  background-repeat: repeat-x;
  padding:0px;
    margin-left: auto;
    margin-right: auto;  
	clear:both;
	width: 880px;
}

#head_left{
    float: left;
    height:  143px;
    width:  132px;
    background-repeat: no-repeat;
}

#head_right{
    float: left;
    height:  143px;
    width:  479px;
}

#head_right_sup{

    background-repeat: no-repeat;
    width: 480px;
    height: 114px;
}


#header h1 {
  color: #ffffff;
  font-size: 20px;
  font-family: Trebuchet MS;
  margin: 0px;
  padding: 0px;
  padding-top: 170px;
}

#promocam {
  text-align: justify;
  width: 633px;
  margin: 0px;
  padding: 0px;
  float: left;
}

#promofav {
  width: 220px;
  position: relative;
  float: left;
}

#promocam .iz,
#promofav .iz {
  width: 16px;
  height: 263px;
  background-repeat: no-repeat;
  float: left;
}

#promocam .center {
  background-repeat: repeat-x;
  float: left;
  width: 570px;
  height: 263px;
  padding-top: 10px;
}

#promofav .center {
  width: 170px;
  float: left;
  background-repeat: repeat-x;
  height: 263px;
  padding-top: 10px;
  color: #ffffff;
  font-size: 11px;
}

#promofav .center h4 {
  margin: 0px;
  padding: 0px;
  margin-bottom: 20px;
  font-size: 16px;
}

#promocam .der {
  width: 43px;
  height: 263px;
  background-repeat: no-repeat;
  float: left;
}

#promofav .der {
  width: 15px;
  height: 263px;
  background-repeat: no-repeat;
  float: left;
}

.enterchat td a {
  font-weight: bold;
  color: #ffffff;
  font-size: 100%;
}

.pagering{

}

.webcamer{
  cursor: pointer;
  background-image: url(/images/layout_todo.jpg);
  background-repeat: no-repeat;
  color: #888888;
  width: 141px;
  height: 222px;
  margin-top: 		3px;
  margin-bottom:	3px;
  margin-left: 		2px;
  margin-right:		2px;
  overflow:hidden;
:}

.overflow{
    overflow: hidden;
    height: 1.25em;
    width:117;
}

.description {
  font-family: Verdana,Arial;
  font-size: 11px;
  text-transform: lowercase;  
  font-weight: normal;
  overflow-x: hidden;
  overflow-y: hidden;
  color: 	#ffffff;
  width: 	134px;
  height:	54px;
  text-align: 	justify;
  padding-top: 	2px;  
  padding-left: 4px;
  padding-right: 4px;
  padding-bottom: 4px;    
}

.lobby_table{
    background-color: #000000;
    margin-left: auto;
    margin-right: auto;
}

.menu{
	/*    background-image: url(/images/barramenu.jpg); */
	text-align: center;
	margin-bottom: 10px;
}

.menu a{
    color:	#ffffff;
    font-size: 	12px;
    text-decoration: underline;
    padding-left: 1em;
    padding-right: 1em;
    font-weight: normal;
}

img.preview_img{
    width: 137px;
    height: 114px;
    border: 0px;
}


.webcamer1{
/*    background-image: url(/img/layout_arriba.gif);
    background-repeat: no-repeat; */

    text-transform: lowercase;
    font-size: 11px;
    color: #ffffff;
    font-family: Arial;
    font-weight: bold;
    height: 14px; 
    padding-left: 0em;
    padding-top: 2px;
    overflow-y: hidden;
    margin:0px;
    overflow-x: hidden;
    text-align: center;
}

.webcamer1 a, .webcamer2 a{
    color: #ffffff;
}

.webcamer2{
/*    background-image: url(/img/layout_enmedio.gif);
    background-repeat: repeat-y;*/
   color: #888888;
   font-weight: bold;    
   font-size: 11px;
   
}

.webcamer3{
/*    background-image: url(/img/layout_abajo.gif);
    background-repeat: no-repeat; */
    color: #888888;
    font-weight: bold;
}



/* payscreen */
#payscreen a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: 000000;
	text-decoration: none;
}

#payscreen a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: 000000;
	text-decoration: underline;
}
#payscreen .main-bor {
	border-right-width: 0px;
	border-left-width: 0px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #000000;
}
#payscreen .tab-803-active {
	background-color: #D6D4D4;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-left-color: #000000;	
}
#payscreen .tab-803-nactive {
	background-color: #BBBBBB;
	border: 1px solid #000000;
}
#payscreen .tab-cc-active {
	background-color: #D6D4D4;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: 000000;
	border-right-color: 000000;
}
#payscreen .tab-cc-nactive {
	background-color: #BBBBBB;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
}
#payscreen .tab-bank-active {
	background-color: #D6D4D4;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
}
#payscreen .tab-bank-nactive {
	background-color: #BBBBBB;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
}
#payscreen .blok {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-image: url(http://www.espanacams.com/xstmpl-images/transparent/blok-bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
}
#payscreen .tab-blank {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
#payscreen .tab {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: 000000;
	text-decoration: none;
}
#payscreen a.tab-link-active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	width: 165px;
	height: 30px;
}
#payscreen a:hover.tab-link-active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
	width: 165px;
	height: 30px;
}
#payscreen a.tab-link-nactive {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	width: 165px;
	height: 30px;
}
#payscreen a:hover.tab-link-nactive {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: 000000;
	text-decoration: underline;
	width: 165px;
	height: 30px;
}
#payscreen a.tab-link-bank-active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: 000000;
	text-decoration: none;

}
#payscreen a:hover.tab-link-bank-active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: 000000;
	text-decoration: underline;

}
#payscreen a.tab-link-bank-nactive {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: 000000;
	text-decoration: none;

}
#payscreen a:hover.tab-link-bank-nactive {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: 000000;
	text-decoration: underline;

}
#payscreen .preview-border {
	border: 1px solid 000000;
}
#payscreen td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

#payscreen .name {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
#payscreen .nummer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #FF0000;
}
#payscreen .tarif {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	padding-right: 40px;
}

#topbar {
  margin-top: 22px;
  width: 100%;
  height: 38px;
  background-image: url(/images/barra.jpg);
  background-repeat: repeat-x;
  position: absolute;
  text-align: center;
  overflow:hidden;
  left: 0px;
}

#topbar .logo {
  float: left;
  width: 219px;
  padding: 0px 20px;
}


#topbar .opts {
  float: left;
  height: 38px;
  margin: 0px;
  padding: 0px;
  width: 661px;
}

#topbar .opts ul {
  margin: 0px;
  padding: 0px;
}

#topbar .opts ul li {
  float: left;
  display: block;
  list-style: none;
  margin: 0px;
  padding: 0px;
  height: 38px;
  font-size: 11px;
  padding: 0px 10px;
  font-weight: bold;
}

#topbar .opts ul li a {
  display: block;
  padding-top: 13px;
  color: black;
  font-size: 11px;
}

#topbar .opts ul li.pagin {
  background-image: url(/images/inicio.jpg);
  background-repeat: no-repeat;
  background-position: 5px 0px;
  padding-left: 30px;
}

#topbar .opts ul li.fav {
  background-image: url(/images/favoritos.jpg);
  background-repeat: no-repeat;
  background-position: 5px 0px;
  padding-left: 30px;
}

#topbar .content {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}

#footer {
  margin-left: auto;
  margin-right: auto;
  background-image: url(/images/b.gif);
  background-repeat: repeat-x;
  width: 880px;
  color: #FFFFFF;
  clear: both;
  
}

.paginering td {
  font-size: 12px;
}

.paginering{
  font-size: 12px;
  color: #888888;
  text-decoration: none;
}


#left_place{
	background-color: black;
	border: 0px solid black;
	margin-left: 0px;    
	width: 140px;
	clear: left;
	float: left;
}


#right_place{
	background-color: black;
	border: 0px solid black;
	margin: 0px; padding: 0px;
	width: 140px;
	clear: right;
	float: left;
}

#top_place{
	border: 0px solid black;
	width: 577px;
	margin-left: auto;
	margin-right: auto;
}

#bottom_place{
	border: 0px solid black;
	width: 577px;
	margin-left: auto;
	margin-right: auto;
}

.column{
	background-image: url(/images/columna-enmedio.gif); 
	background-repeat: repeat-y;	
}

.top_column{
	background-image: url(/images/columna-arriba.jpg);
	padding-top: 9px;
	background-repeat: no-repeat;
}
.bottom_column{
	background-image: url(/images/columna-abajo.jpg);
	padding-bottom: 9px;
	background-repeat: no-repeat;	
}


.row{
	background-image: url(/images/content-arriba.jpg); 
	padding-top: 0px;
	background-repeat: no-repeat;
	background-color: #a20000;
	padding-bottom:9px;
}

.row_title{
	font-size: 12px;
	text-align: left;
	color: #ffd484;
	padding: 4px;
	padding-bottom: 8px;
}

.top_content{
	width: 576px;
	margin-left: auto;
	margin-right: auto;
}


.bottom_content{
	background-image: url(/images/content-abajo.jpg); 
	height: 9px;
	background-repeat: no-repeat;	
}


.style1 {
	color:#FFFFFF;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:lighter;
}
.style3 {
	color:#aaaaaa;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:lighter;
	text-transform:none;
}
.style4 {
	color:#aaaaaa;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:lighter;
}
#camblock {
    width: 141px;
    border: solid 1px #000000;
    background-color: ;
    font-size: 11px;
    padding-top:8px;
    background-position:bottom;
    background-image: url(/images/cam.png);	
    background-repeat: no-repeat;}
#realname {
    color: #aaaaaa;	
}
#age {
    color: #aaaaaa;
}
a.infolink {
    color: #ffffff;
	font-weight: bold;
	    text-decoration: none;
	    }
	    a.infolink:hover {
		color: #ffffff;
		    text-decoration: underline;
		    }
		    a.chattenlink {
			color: #ffffff;
			    font-weight: bold;
				text-decoration: none;
				}
				a.chattenlink:hover {
				    color: #ffffff;
					text-decoration: underline;
					}