/* CSS Document */
@import url(sinhtml.css);

body {font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px;}
#web {width:950px; margin:5px auto;}
#web #cita {width:950px; float:left; height:15px; background-color:#000; color:#fff; margin-bottom:2px; padding:3px 0px 3px 0px;}
#web #cita p{ text-align:center;}
#web #header {width:950px; float:left; background:url(fnd_header.jpg) repeat-x;}
#web #header #logo{ width:300px; height:50px; float:left;}
#web #header #search{ width:400px; float:left; height:50px;}
#web #header #search fieldset{border:none; padding:10px 0px 10px 0px; text-align:right;}
#web #header #search input{ border:4px solid #fff; background-color:#eee; margin-left:5px; font-size:16px;}
#web #header #search .button{ font-size:15px; font-weight:bold; padding:0px 10px 0px 10px; background-color:#333; color:#FFF;}
#web #header #search .button:hover{ font-size:15px; font-weight:bold; padding:0px 10px 0px 10px; background-color:#f00; color:#FFF; border-color:#900;}
#web #header #rss{ width:200px; float:left; margin-left:50px; height:50px;}
#web #menu{ width:950px; float:left; margin-top:2px;}
#web #menu #mainmenu{ width:950px; float:left;}
#web #menu #mainmenu ul{ list-style:none; background-color:#F90; width:950px; height:30px;}
#web #menu #mainmenu ul li{ float:left;}
#web #menu #mainmenu ul li a{ display:block; float:left; padding:8px 10px 6px 10px; height:16px; background-color:#f90; font-size:14px; font-weight:bold; color:#fff;}
#web #menu #mainmenu ul li a:hover{ background-color:#333;}

#web #bod { width:950px; float:left; margin-top:10px;}
#web #bod #list{ width:740px; float:left;}
#web #bod #list h1{ width:720px; float:left; padding:3px 10px 3px 10px; font-size:18px; font-weight:bold; margin-bottom:2px; border-bottom:5px solid #f60; background-color:#F90; color:#FFF; font-family:"trebuchet MS";}
#web #bod #list .text {width:740px; float:left;}
#web #bod #list .text p{width:740px; float:left; margin-top:5px; margin-bottom:3px; font-weight:normal;}
#web #bod #list .adslist{ width:728px; float:left; margin:5px 6px 5px 6px; height:90px;}
#web #bod #list .adsout{ width:726px; float:left; margin:5px 6px 5px 6px; padding:3px 0px 3px 0px; border:1px solid #09F; background-color:#eee;}
#web #bod #list .adsout p{text-align:center;}
#web #bod #list .adsout p a{color:#000;}
#web #bod #list .video{ width:180px; float:left; margin-right:5px; margin-top:5px; border-bottom:2px solid #ccc; background-color:#eee; padding-bottom:4px;}
#web #bod #list .video p.img{ text-align:center;}
#web #bod #list .video p.titulo{ text-align:center; height:25px; margin-top:3px; font-size:12px;}
#web #bod #list .video p.titulo a{ font-weight:bold; color:#000;}
#web #bod #list .video p.titulo a:hover{ color:#f60;}
#web #bod #list .video p.duracion{ text-align:center; margin-top:5px; color:#999;}

#web #bod #list ul.tags{width:740px; float:left; list-style:none; margin-top:5px;}
#web #bod #list ul.tags li{float:left;}
#web #bod #list ul.tags li a{display:block;float:left; width:180px; margin-right:5px; margin-top:3px; color:#000; font-size:12px;}
#web #bod #list ul.tags li a:hover{color:#06f;}

#web #bod #list #wcamsonline{ width:740px; float:left;}
#web #bod #list #wcamsonline .cam{ width:170px; float:left; margin:0px 5px 10px 5px;}
#web #bod #list #wcamsonline p{ width:160px; float:left; text-align:center;}
#web #bod #list #wcamsonline p a{ color:#333; margin-top:5px; font-weight:bold;}
#web #bod #list #wcamsonline p a:hover{ color:#F90;}

#web #bod #list #accesowebcam{ width:740px; float:left; padding-top:20px;}
#web #bod #list #accesowebcam .imagen{ width:200px; float:left;text-align:center;}
#web #bod #list #accesowebcam .acceso{ width:500px; float:left; margin-left:30px; text-align:center;}



#web #bod #right{ width:200px; float:left; margin-left:10px; }
#web #bod #right p.ads{ width:200px; float:left; margin-bottom:5px;}
#web #bod #right p.ads160{ width:160px; float:left; margin-top:5px; padding:0px 20px 0px 20px;}
#web #bod #right #banner200{width:200px; float:left; margin-top:5px;}
#web #bod #right #webcam{width:200px; float:left;}
#web #bod #right #webcam ul{ list-style:none;}
#web #bod #right #webcam ul li{ float:left;}
#web #bod #right #webcam ul li a{ display:block; float:left; padding:5px 5px 5px 5px; width:90px; text-align:center; height:60px; color:#000; font-weight:bold; font-size:12px; margin-top:2px;}
#web #bod #right #webcam ul li a:hover{color:#ff0; font-weight:bold; background-color:#eee;}

#web #categoryvid{width:940px; float:left; margin-top:10px; padding:4px 4px 4px 4px; border:1px solid #ccc; border-top:3px solid #ccc;}
#web #categoryvid ul{ width:940px; float:left; list-style:none;}
#web #categoryvid ul li{float:left;}
#web #categoryvid ul li a{ display:block;float:left; padding:3px 10px 2px 10px; font-size:13px; font-weight:bold; margin-top:3px; color:#333;}
#web #categoryvid ul li a:hover{color:#f60;}

#web #adsfooter{width:950px; float:left; margin:10px 0px 10px 0px;}

#web #footer{width:950px; float:left; }
#web #footer p.copy{width:950px; float:left; text-align:center; margin-top:5px; }
#web #footer p.webmaster{width:950px; float:left; text-align:center; margin:10px; 0px 10px 0px; }
#web #footer p.webmaster a{ font-size:15px; font-weight:bold; color:#333;}
#web #footer p.webmaster a:hover{ font-size:15px; font-weight:bold; color:#06f;}

#web #wfriends{width:940px; float:left; margin-top:10px; padding:4px 4px 4px 4px; border:1px solid #eee; border-top:3px solid #eee;}
#web #wfriends p.title{width:940px; float:left; font-size:14px; font-weight:bold; color:#333;}
#web #wfriends ul{ width:940px; float:left; list-style:none;}
#web #wfriends ul li{float:left;}
#web #wfriends ul li a{ display:block;float:left; padding:3px 10px 2px 10px; font-size:12px; font-weight:bold; margin-top:3px; color:#333;}
#web #wfriends ul li a:hover{color:#F90;}

#web #bod .pg{ width:740px; float:left; margin-top:10px;}
#web #bod .pg .paginador{width:740px; float:left; font-size:14px;}
#web #bod .pg .paginador .sel{display:block;float:left; padding:3px 5px 2px 5px; border:1px solid #333; margin-right:2px; background-color:#eee; font-weight:bold; margin-top:3px;}
#web #bod .pg .paginador a{display:block;float:left; padding:3px 5px 2px 5px; border:1px solid #ccc; margin-right:2px; color:#666;margin-top:3px;}
#web #bod .pg .paginador a:hover{ border:1px solid #666;}

#web #bod #videoplayer{ width:640px; float:left;}
#web #bod #videoplayer h1{ width:620px; float:left; padding:3px 10px 3px 10px; font-size:18px; font-weight:bold; margin-bottom:2px; border-bottom:5px solid #000; background-color:#333; color:#FFF; font-family:"trebuchet MS";}
#web #bod #videoplayer p.tagged{ float:left; margin-top:3px; width:640px;}
#web #bod #videoplayer p.tagged a{ font-style:italic; color:#000;}
#web #bod #videoplayer p.tagged a:hover{ color:#F90; text-decoration:underline;}

#web #bod #videoplayer p.playmovie{ float:left; margin-top:10px; width:640px; text-align:center;}

#web #bod #movierate{ width:640px; float:left; margin-top:5px; height:75px;}
#web #bod #videoplayer p.optvideos{ width:630px; float:left; margin-top:5px;}



#web #bod #playercol{ width:300px; float:left; margin-left:10px; }
#web #bod #playercol .banner{ width:300px; float:left; margin-bottom:5px;}
#web #bod #playercol #utils{ width:300px; float:left; margin-top:10px;}
#web #bod #playercol #utils h4{ width:290px;font-size:14px; font-weight:bold; background-color:#333; color:#fff; padding:4px 5px 3px 5px; border-bottom:3px solid #000;}
#web #bod #playercol #utils p.codigo{ font-size:12px; font-weight:bold; color:#333; margin-top:7px;}
#web #bod #playercol #utils p .txtimput {width:100%; font-size:10px; border:1px solid #ccc; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666;}

#web #othervideos{width:950px; float:left; margin-top:5px;}
#web #othervideos h2{width:930px; float:left; padding:5px 10px 3px 10px; background-color:#333; font-size:18px; font-weight:bold; color:#fff; border-bottom:3px solid #000;}

#web #othervideos .video{ width:180px; float:left; margin-right:5px; margin-left:4px; margin-top:5px; border-bottom:1px solid #eee; padding-bottom:4px;}
#web #othervideos .video p.img{ text-align:center;}
#web #othervideos .video p.titulo{ text-align:center; height:25px; margin-top:3px; font-size:12px;}
#web #othervideos .video p.titulo a{ font-weight:bold; color:#000;}
#web #othervideos .video p.titulo a:hover{ color:#F90;}
#web #othervideos .video p.duracion{ text-align:center; margin-top:3px; color:#999;}

/* RATEIT FORMAT */
#voteshow{ width:640px; height:75px; background-color:#333; display:none; margin:0px 0px 0px 0px;}
#voteshow p{ width:640px; text-align:center; font-size:14px; color:#FFF; padding-top:5px; font-weight:bold;}
#rateit { width:640px; float:left;}
#rateit #ratefoto{ width:100px; height:75px; float:left;}
#rateit #data{ width:430px; height:75px; float:left; margin-left:10px;}
#rateit #data p.title{ font-size:13px; font-weight:bold; color:#333;}
#rateit #data p.rategraph{ margin-top:5px; width:430px; float:left;}
#rateit #votpercent {width:100px; height:65px; float:left; padding-top:10px;}
#rateit #votpercent p.score{ text-align:center; font-size:20px; font-weight:bold; color:#666; padding:3px 0px 2px 0px;}
#rateit #votpercent p.text{ text-align:center; font-size:14px; font-weight:bold; color:#fff; background-color:#333; padding:3px 0px 2px 0px;}


#web #bod #list #noreg{ width:740px; float:left;}
#web #bod #list #noreg p.result{width:740px; float:left; font-size:22px; text-align:center; color:#F00; padding:20px 0px 20px 0px; font-weight:bold;}
#web #bod #list #noreg .publisinreg{ width:740px; float:left;}
#web #bod #list #noreg .publisinreg p{ width:740px; text-align:center;}

/* WEBCAM STYLE */
			#web #bod #list .wcam_gallery{ width:180px; float:left; display:block;}
			#web #bod #list .wcam_gallery ul {list-style:none; float:left; margin-bottom:10px; }
			#web #bod #list .wcam_gallery ul li{list-style:none; display:block; float:left;}
			#web #bod #list .wcam_gallery ul li.img{ width:180px; height:131px;float:left; }
			#web #bod #list .wcam_gallery ul li.name h3{ width:135px; font-size:14px; color:#444;float:left; }
			#web #bod #list .wcam_gallery ul li.name h3 a{ text-decoration:none; color:#036;}	
			#web #bod #list .wcam_gallery ul li.status{ width:40px; font-size:14px; color:#444; float:left;}		
			#web #bod #list .wcam_gallery ul li.rate{ width:120px; font-size:14px; color:#444; float:left; text-align:right; font-weight:bold; }
			#web #bod #list .wcam_gallery ul li.profile{ font-size:11px; color:#444; float:left; margin-top:1px; float:left; text-align:center; }
			#web #bod #list .wcam_gallery ul li.profile a{ display:block;  width:175px;text-decoration:none; color:#000; background:url(profile.jpg) no-repeat; height:17px; padding-top:3px; font-weight:bold;}
			#web #bod #list .wcam_gallery ul li.profile a:hover{ color:#fff;background:url(profileup.jpg) no-repeat; height:17px; padding-top:3px;}
			
			#web #bod #list .wcam_gallery ul li.profiled{ font-size:11px; color:#444; float:left; margin-top:1px; float:left; text-align:center; }
			#web #bod #list .wcam_gallery ul li.profiled a{ display:block;  width:175px;text-decoration:none; color:#fff; background:url(profiler.jpg) no-repeat; height:17px; padding-top:3px; font-weight:bold;}
			#web #bod #list .wcam_gallery ul li.profiled a:hover{ color:#fff;background:url(profileupr.jpg) no-repeat; height:17px; padding-top:3px;}
			
			#web #bod #list .wcam_gallery ul li.chat{ font-size:11px; color:#444; float:left; margin-top:1px; float:left; text-align:center; }
			#web #bod #list .wcam_gallery ul li.chat a{ display:block;  width:175px;text-decoration:none; color:#000; background:url(profile.jpg) no-repeat; height:17px; padding-top:3px; font-weight:bold;}
			#web #bod #list .wcam_gallery ul li.chat a:hover{ color:#fff;background:url(profileup.jpg) no-repeat; height:17px; padding-top:3px;}
			#web #bod #list #pages { width:720px; float:left; padding:5px 0px 5px 0px; font-size:12px; font-weight:bold; }
			#web #bod #list #pages .sel{ margin-right:5px; display:block; float:left; padding:5px 10px 5px 10px; border:2px solid #000; color:#000;}
			#web #bod #list #pages a{ margin-right:5px; display:block; float:left; padding:5px 10px 5px 10px; border:2px solid #eee; color:#999;}
			#web #bod #list #pages a:hover{ border:2px solid #9C0; color:#000;}
			