@charset "utf-8";
/* CSS Document */

/* RESET */
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,font,img,ins,kbd,q,s,samp,small,strike,sub,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {	margin:0;	padding:0;	border:0;	outline:0;	font-weight:inherit;	font-style:inherit;	font-size:100%;	font-family:inherit; }/* remember to define focus styles! */:focus {	outline:0;}body {	color:black;	background:white;}ol,ul {	list-style: none;}/* tables still need 'cellspacing="0"' in the markup */table {	border-collapse:separate;	border-spacing:0;}caption,th,td {	text-align:left;	font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after {	content:"";}blockquote,q {	quotes: "" "";}a:link,a:visited {	text-decoration: none;}a:hover,a:active {	text-decoration: underline;}

/*  FRONTEND  */

body {
	font-family: "Helvetica Neue",Helvetica,Verdana,Arial,sans-serif;
	font-size: 14px;
	color:#333;
	background-color: #EEEEEE}

a {
	color:#FF9900;
	text-decoration:none;
}

a:hover {
	color:#FF9900;
	text-decoration:none;
}

/***************/
/*** colors ***/
/***************/

.colorMand {
}

.colorImputBor {
	border: 1px solid #e55800!important;
}

.colorBtn_1 {
	background-color: #FF9900!important;
	border-color: #e55800!important;
}

/***************/
/*** blocks ***/
/***************/

.contentHolder {
	width:100%;
	margin:0 auto;
}


.header {
	background:url(../images/patt1.jpg) repeat-x #C800FF;
	width: 100%;
	height: 160px;
	display: block;
	color:#FFF;
	float: left;
}

.headerCont {
	width: 960px;
	margin:0 auto;
	display: block;
}

.logo {
	width: 530px;
	height: 80px;
	display: block;
	padding: 15px 0 0 20px;
	float:left;
}

.logo img{
	float: left;
}

#pswLogin {
	width: 140px;
	display: block;
}

.blockLogin {
	background: url(../images/fndLogin.png) no-repeat scroll 10px -10px transparent;
	width: 380px;
	height: 80px;
	display: block;
	padding: 10px 20px;
	*padding-top: 5px;
	float:right;
	font-size: 11px;
}

.fndBtnT_1 {
	background: url(../images/fndBtn_1.png) repeat-x;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	*padding-left: 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
	
.btnT_1 {
	background: none repeat scroll 0 0 transparent;
    border: 0 none;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    outline: medium none;
    white-space: nowrap;
}
	
.fndText_1 {
    cursor: pointer;
}

input {
	background:#FFF;
	padding: 2px;
}

.inputTextBig {
	width: 250px;
	font-size: 16px;
	padding: 2px;
}

select {
	height: 30px;
	padding: 2px;
	margin: 2px 0 0;
}

.columnLogin td{
	padding-left: 5px;
}

.blockLogin td{
	padding-left: 5px;
}

.columnLogin td{
	padding-left: 7px;
}

.contentBlock {
	width: 100%;
	display: block;
	float: left;
}

.content {
	background-color:  #FFFFFF;
	width: 960px;
	margin: 0 auto;
	padding: 20px;
	margin-top: 10px;
	display: block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
    border: 1px solid #ccc;
}

.imageCont {
	background: url(../images/imagenHome.jpg) no-repeat;
	width: 350px;
	height: 300px;
	margin-left: 510px;
	margin-top: 80px;
	display: block;
}

.formCont {
	width: 450px;
	height: 350px;
	margin-top: 0px;
	display: block;
	float: left;
}

.txt_16_b {
	font-size: 16px;
	font-weight: bold;
}

.shad_1 {
	text-shadow: 1px 1px 0 #ccc;
}

.padding_tf_15 {
	padding: 15px 0px;
}

.padding_tf_5 {
	padding: 5px 0px;
}

.padding_r_10 {
	padding-right: 10px;
}

.border_b_1 {
    border-bottom: 1px solid #ccc;
}

.align_ri {
	text-align: right;
}

.footer {
	width: 100%;
	display: block;
	float: left;
}

.linkFoot {
    color: #666!important;
}

.footerCont {
	width: 960px;
	margin: 40px auto 30px;
	text-align: center;
	font-size: 11px;
}

.mensaje {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #ccc;
    padding: 20px;
	width: 500px;
	margin: 10px;
}

.menuCont {
	display: block;
	width: 100%;
	height: 40px;
	float: left;
	display: block;
	background: url(../images/fndMenu.png) repeat-x #C800FF!important;
	margin: 25px auto;
}

.menu {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

.menuLi {
	float: left;
}

.linkMenu {
	display: block;
	float: left;
	padding:10px;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	color: #FF9900;
	text-transform: uppercase;
}

.linkMenu:hover {
	background: #C800FF}

.menuFirst {
	border-left: none !important;
}

#search {
	z-index: 35;
	width: 235px;
	margin: 40px 0 0;
}

.floatR {
	float: right;
}

#search input {
	width: 150px;
	height: 20px;
	margin: 0 10px 0 0;
	padding: 5px;
	color: #333333;
	float: left;
	border:1px solid #666666;
	color:#666666;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

#search .btn_search {
	display: block;
	width: 32px;
	height: 35px;
	margin: 0;
	padding: 0;
	background: transparent url(../images/searchbtn.png) no-repeat top left;
	float: right;
	cursor: pointer;
}

#search .btn_search:hover{
	background-position: -32px 0!important;
}

.fLeft {
	float: left!important;
}

.fRight {
	float: right!important;
}

.fixBloqueLast {
	margin-right: 0!important;
}

.bloqueGrande {
	width: 420px;
	padding: 20px;
	margin-right: 36px;
	border:1px solid #BBBBBB;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	float: left;
}

.tituloBloqueGrande {
	display: block;
	text-transform: uppercase;
	color: #C800FF;
	font-size: 20px;
	font-weight: bold;
}

.tituloVideo {
	text-transform: uppercase;
	color: #FF9900;
	font-size: 16px;
	font-weight: bold;
}

.btnVideo {
	float: none!important;
	margin-top: 10px!important;
}

.bloqueMedianoSBorde {
	width: 290px;
	padding: 0;
	margin-right: 36px;
	margin-top: 36px;
	float: left;
}

.bloqueMedianoSBorde .bloqueMedianoCBorde{
	margin-top: 0!important;
}

.bloqueMedianoCBorde {
	width: 270px;
	padding: 20px;
	margin-right: 36px;
	margin-top: 36px;
	border:1px solid #BBBBBB;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	float: left;
}

.bloqueMedianoPub {
	width: 250px;
	padding: 30px;
	margin: 0 auto;
	float: left;
}

.bloqueMedianoPubTop {
	width: 250px;
	padding: 10px;
	margin: 0 auto;
	float: left;
}

.blogITemHome {
	margin-top: 10px;
}

.blogITemHome a{
	display:block;
	font-weigth:normal;
	text-decoration: underline!important;
	margin-left: 5px;
}

.linkTrabTit, .linkTrabTit:hover {
	font-size: 13px;
	font-weight: bold;
	line-height: 1.2;
	color: #FF9900;
}

.linkTrabText, .linkTrabText:hover {
	color: #828282;
	font-size: 12px;
	line-height: 1.2;
}

.linkTrab, .linkTrab:hover {
	color: #C800FF;
	font-size: 10px;
	line-height: 1.2;
}

.clear {
	clear:both;
}

.bloqueChicoJuegos {
	width: 270px;
	float: left;
	padding: 20px 20px 0;
}

.bloqueChicoJuegos a{
	display: block;
}

.bloqueChicoJuegos img{
	margin-right:10px;
}

.cloudTagCont {
	padding: 10px 0;
	width: 270px;
	float: left;
}

.cloudTagCont h1{
	padding: 10px 0;
}

.cloudTagCont a{
	font-weight: bold;
}

.cloudTagCont a:hover{
	text-decoration: underline;
}

.tagExtraSmall {
	font-size: 12px;
}

.tagSmall {
	font-size: 14px;
}

.tagMedium {
	font-size: 16px;
}

.tagLarge {
	font-size: 18px;
}

.tagExtraLarge {
	font-size: 20px;
}

.socialCont {
	padding: 10px 0;
	width: 270px;
	float: left;
}

.socialCont h1{
	padding: 10px 0;
}

.mainContent {
	width: 540px;
	padding: 20px;
	margin-right: 36px;
	margin-top: 0;
	border:1px solid #BBBBBB;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	float: left;
}

.rightContent {
	width: 290px;
	padding: 20px;
	margin-right: 36px;
	margin-top: 0;
	border:1px solid #BBBBBB;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	float: left;
}

/*video*/

.tagsVideo {
	display: block;
	float: left;
	width: 100%;
}

.shareBoxCont {
	display: block;
	float: left;
	width: 520px;
	border:1px solid #BBBBBB;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:#EEEEEE;
	padding:10px;
	margin: 10px 0;
}

.videoCont {
	display: block;
	float: left;
	width: 520px;
	margin: 10px 0;
}

.videoDesc {
	display: block;
	margin: 10px 0;
	font-size: 12px;
	font-weight: normal;
	font-family: Verdana,Arial,sans-serif;
}

.shareBoxCont .facebookBox, .shareBoxCont .twitterBox, .shareBoxCont .google1Box {
	float: left;
	width: 120px;
}

.shareBoxCont .facebookBox {
	margin-left: 110px;
}

.videoRels {
	display: block;
	float: left;
	width: 510px;
	border:1px solid #BBBBBB;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:#EEEEEE;
	padding:15px;
	margin: 10px 0;
}

.itemRelacionado {
	display: block;
	float: left;
	width: 130px;
	margin: 10px 20px;
	text-align: center;
}

.juegoRel {
	padding: 10px 0;
	width: 270px;
	float: left;
}

.juegoRel h1{
	padding: 10px 0;
}

.fechaPost {
	display: block;
	float: left;
	width: 520px;
	margin: 10px 0;
	color: #999999;
	font-size: 12px;
	font-weight: bold;
}

.bajadaPost {
	display: block;
	float: left;
	width: 520px;
	margin: 10px 0;
	color: #FF9900;
	font-size: 14px;
	font-weight: bold;
}

.textoPost {
	display: block;
	float: left;
	width: 520px;
	margin: 10px 0;
	font-size: 12px;
	font-weight: normal;
	font-family: Verdana,Arial,sans-serif;
	line-height: 20px;
}

.linkPostRel {
	display: block;
	margin: 10px 0;
}

.imagenPost {
	display: block;
	margin-right: 20px;
	margin-bottom: 20px;
}

.separadorPost {
	display: block;
	border:1px solid #BBBBBB;
	margin: 10px 0;
	width: 540px;
	float: left;
}

.paginador {
	margin: 10px 0;
	width: 540px;
	float: left;
	display: block;
	text-align: center;
}

.paginador .fixPag{
	width: 20px;
	float: none;
	display: inline-block;
}

.publicidadPost {
	display: block;
	margin: 10px auto;
	width: 336px;
}

.videoRes {
	display: block;
	margin: 10px 0;
	width: 540px;
	float: left;
}

.videoRes .imagenVideo img{
	display: block;
	margin-right: 20px;
	margin-bottom: 20px;
}

.videoRes .tituloVideo{
	display: block;
	text-transform: uppercase;
	color: #C800FF;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
}

.videoRes .descVideo{
	display: block;
	font-size: 12px;
	font-weight: normal;
	font-family: Verdana,Arial,sans-serif;
	margin: 0 0 5px;
}

/* juego */


#mainGame {
	border:1px solid #BBBBBB;
}
input.greenButton,button.greenButton,input.orangeButton,button.orangeButton,input.greyButton,button.greyButton,input.blueButton,button.blueButton,input.disabledButton,button.disabledButton{height:32px;}
.greenButton{text-shadow:rgba(0, 0, 0, 0.1) 0 -1px 0;cursor:pointer;display:block;font:bold 11px/30px "Helvetica Neue",Helvetica,Arial,sans-serif;height:30px;padding:0 10px;text-align:center;text-transform:uppercase;background:#a7e300;background:-webkit-gradient(linear, left top, left bottom, from(#a7e300), to(#99d100));background:-moz-linear-gradient(top, #a7e300, #99d100);border:1px solid #87b800;color:#ffffff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:rgba(0, 0, 0, 0.1) 0 0 2px 0px;-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0 0 2px 0px;box-shadow:rgba(0, 0, 0, 0.1) 0 0 2px 0px;}.greenButton:hover{text-decoration:none;background:#b2eb14;background:-webkit-gradient(linear, left top, left bottom, from(#b2eb14), to(#a4da14));background:-moz-linear-gradient(top, #b2eb14, #a4da14);}
.greenButton:active{background:#99d100;background:-webkit-gradient(linear, left top, left bottom, from(#99d100), to(#a7e300));background:-moz-linear-gradient(top, #99d100, #a7e300);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.link.greenButton,a.greenButton,.greenButton a{color:#fff;}
.greenButton:hover,.link.greenButton:hover{text-decoration:none;}
.orangeButton{text-shadow:rgba(0, 0, 0, 0.1) 0 -1px 0;cursor:pointer;display:block;font:bold 11px/30px "Helvetica Neue",Helvetica,Arial,sans-serif;height:30px;padding:0 10px;text-align:center;text-transform:uppercase;background:#ff9900;background:-webkit-gradient(linear, left top, left bottom, from(#ff9900), to(#ff6200));background:-moz-linear-gradient(top, #ff9900, #ff6200);border:1px solid #e55800;color:#ffffff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:rgba(0, 0, 0, 0.1) 0 0 2px 0px;-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0 0 2px 0px;box-shadow:rgba(0, 0, 0, 0.1) 0 0 2px 0px;}.orangeButton:hover{text-decoration:none;background:#ffad32;background:-webkit-gradient(linear, left top, left bottom, from(#ffad32), to(#ff8132));background:-moz-linear-gradient(top, #ffad32, #ff8132);}
.orangeButton:active{background:#ff8132;background:-webkit-gradient(linear, left top, left bottom, from(#ff8132), to(#ffad32));background:-moz-linear-gradient(top, #ff8132, #ffad32);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.link.orangeButton,a.orangeButton,.orangeButton a{color:#fff;}
.orangeButton:hover,.link.orangeButton:hover{text-decoration:none;}
.orangeButton, .greenButton {
	float: left;
	margin: 0;
}