/* ********************
   reset
**********************/
body {
	font:x-small Arial,Helvetica,sans-serif;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
	margin-bottom: 20px;
}
fieldset,img, abbr, acronym {
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
p, li {line-height:1.3em;
}
img {
	border:0;
}
h1,h2,h3,h4,h5,h6 {
	font-size:1em;
	font-size:100%;
	font-weight:normal;
}
a { 
	color:#3399CC;
	outline:none; 
}
a:hover {
	text-decoration: none;
}
/* *************************
	template
***************************/
body {
	background: #62839C;
}
#wrapper {
	
}
#content {
	padding: 20px 10px 20px;
	position:  relative;
	background:  #fff;
	overflow:  hidden;
	border-bottom: 1px solid #B5C4CF;
}
h1 {
	float: left;
	background:  url(../images/Movies.png) 0 0;
	display:  block;
	width: 250px;
	height:  226px;
	text-indent:  -99999px;;
	margin-right: 35px;
}
#what {
	width:  650px;
	float: left;
	text-align:  center;
}
#nowPlaying {
	font-size:  1.4em;
	color:  #686868;
	text-align:  right;
	margin-bottom: -20px;
}
#nowPlaying span {
	color: #b12;
}
h2 {
	color:#686868;
	font-size:1.9em;
	font-weight:bold;
	margin:1em 0 45px;
	font-weight:  bold;
	padding:  2px 0;
	text-align:  left;
}
h2 span {
	background: #ffb;
	border:  1px dashed #ff0;
	padding:  4px;
}
#changeMovie {
	color: #2683AE;
	text-decoration:  underline;
	font-size:  1.1em;
	cursor:  pointer;
}
#startPlay {
	margin:0 auto 20px;
	overflow:  hidden;
}
#startPlay p {
	float: left;
	line-height:  50px;
}
#startPlay a.boton  {
	background:  url(../images/boton_naranja.png) 0 0 no-repeat;
	font-size:  2em;
	font-weight:  bold;
	color: #fff;
	width:  190px;
	height: 50px;
	display: block;
	text-decoration:  none;
	cursor:  pointer;
	margin-right:  10px;
	text-align:  center;
	float: left;
}
#msg{
	display:none;
	width:  620px;
	margin: 0 auto 40px;
}
.alerta {
	border: 1px solid #6E8F62;
	background: #E2F9E3 url(../images/ico_ok.gif) 5px 5px no-repeat;
	color: #6E8F62;
	font-weight:  bold;
	font-size:  1.4em;
	padding:  10px 10px 10px 40px;
	text-align:  left;
	width:  430px;
	margin-bottom: 25px;
}
#msg .error {
	border: 1px solid #b12;
	background: #c00 url(../images/ico_error.gif) 5px 5px no-repeat;
	color: #fff;
}
#what p.back {
	font-size:  1.2em;
	text-align: right;
	width: 480px;
}
#countdown {
	display:  none;
	color: #686868;
	padding:  10px;
	margin:  0 auto 20px;
}
#answer {
	margin: 40px 0;
}
#answer input.texto {
	font-size:  1.5em;
	color: #999;
	border: 1px solid #d8d8d8;
	background:  #fff;
	padding:  4px 4px;
	height: 20px;
	width:  350px;
}
#answer input.boton {
	background:  url(../images/boton_verde.png) 0 0 no-repeat;
	width: 90px;
	height:  30px;
	font-size:  1.6em;
	font-weight:  bold;
	text-align: center;
	border:  none;
	color: #fff;
	vertical-align:bottom;
	margin-right: 7px;
}
#answer input#restart {
	font-size:  1.1em;
	color: #b12;
	border:  none;
	background:  transparent;
}
#countdown #reloj {
	font-size:  4.5em;
	color: #686868;
	border: 1px solid #d8d8d8;
	background:  #e9e9e9;
	padding:  10px 20px;
}
#foot {
	clear:  both;
	padding:  15px 0;
}
#groups {
	width:  900px;
	margin:  0 auto;
}
#groups .team {
	font-size:  1.4em;
	width:  150px;
	float:  left;
	background:  #fff;
	border: 1px solid #f2f2f2;
	padding:  10px;
	margin: 0 10px 10px 0;
	color: #686868;
	font-weight:  bold;
}
#groups .team h3 {
	padding:  2px 5px;
	background:  #62839C;
	margin-bottom: 5px;
	font-weight:  bold;
	font-size:  1.2em;
	color: #fff;
}
#groups .active {
	background: #ffb;
}
#groups .active h3 {color: #ffb;}
#groups .team .points span {color: #54CF4D; padding: 0 0 0 5px;}
#groups .team .total span {color: #b12; padding: 0 0 0 5px;}
/* **************************
	elementos comunes
****************************/
.hidden {display:none !important;}
.visible {display:block !important;}
.to-right {text-align:right;}
.to-center {text-align:center;}
.float-left {float:left;}
.float-right {float:right;}
.margin-top-10 {margin-top:10px;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac */ * html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */