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

html, body { width:100%; height:100%; }

body {
	position: relative;
	margin: 0;
	padding: 0;
	font-family: "Gotham Rounded A","Gotham Rounded B", sans-serif;
	font-weight: 300;
	font-size: 14px;
	text-rendering: optimizelegibility !important;
	-webkit-font-smoothing: antialiased;
	font-smooth: always;
	color: #654;
	background: #eaf2fa url('../images/bground.jpg') no-repeat center top;
}

h1, h2, h3, h4, h5, h6 { margin:0; letter-spacing:-0.5px; -webkit-text-size-adjust:none; font-size-adjust:none; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	h1, h2, h3, h4, h5, h6 { letter-spacing:-1px; }
}
@viewport         { width:1024px; max-zoom:3; }
@-moz-viewport    { width:1024px; max-zoom:3; }
@-webkit-viewport { width:1024px; max-zoom:3; }
@-ms-viewport     { width:1024px; max-zoom:3; }
@-o-viewport      { width:1024px; max-zoom:3; }


ul, li { margin:0; padding:0; list-style:none; }

p { margin:0 0 10px 0; font-size-adjust:none; }
p:last-child { margin:0; }

img { display:inline-block; border:0; }

strong { font-weight:500; }

a {
	color: #da5b3a;
	text-decoration: none;
	transition:0.3s all; -moz-transition:0.3s all; -webkit-transition:0.3s all; -ms-transition:0.3s all; -o-transition:0.3s all;
}
a:hover { color:#654; }
a:focus { outline:none; }

table, tr, th, td { border-collapse:collapse; border:0; border-spacing:0; padding:0; }

header, hgroup, nav, menu, article, section, footer, aside, figure { display:block; }

.left { float:left; }
.right { float:right; }

.hideme { display:none; visibility:hidden; }


/*[draggable] {
	user-select:none; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; -o-user-select:none; -khtml-user-select:none;
	-moz-user-drag:none; -webkit-user-drag:element; -khtml-user-drag:element;
}*/


/* CABECERA
---------------------------------------------------------------------------------------------*/
#header {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 60px;
	margin: 0 0 29px 0;
	border-bottom: 1px solid #FFF;
	background: #da5b3a url('../images/header-bg.png') repeat-x left;
	box-shadow: 0 0 29px #5d8ac0; -moz-box-shadow: 0 0 29px #5d8ac0; -webkit-box-shadow: 0 0 29px #5d8ac0; -ms-box-shadow: 0 0 29px #5d8ac0;
}
#header .content { width:960px; height:60px; margin:0 auto; }

#header #logo {
	float: left;
	width: 144px;
	height: 60px;
	margin: 0 0 0 0;
}
#header #logo h1 a {
	display: block;
	width: 128px;
	height: 32px;
	padding: 14px 16px 14px 0;
	background: transparent url('../images/logo-toovari-b.png') no-repeat left center;
	background-size: 128px 32px;
}


/* Menu principal */
#header #main-menu {
	float: left;
	height: 60px;
	max-width: 490px;
	padding: 0 1px;
	background: url('../images/header-menu-right.png'), url('../images/header-menu-left.png');
	background-repeat: no-repeat, no-repeat;
	background-position: left center, right center;
}
#header #main-menu ul {
	display: block;
	overflow: hidden;
	height: 60px;
}
#header #main-menu ul li { float:left; }

#header #main-menu ul li a {
	position: relative;
	display: block;
	height: 60px;
	padding: 0 14px;
	font-size: 16px;
	color: #FFF;
	line-height: 60px;
	text-transform: uppercase;
	font-weight: 500;
	background: url('../images/header-menu-left.png'), url('../images/header-menu-right.png');
	background-repeat: no-repeat, no-repeat;
	background-position: left center, right center;
	background-color: rgba(255,255,255,0.0);
}

#header #main-menu ul li.active a,
#header #main-menu ul li a:hover { background-color:rgba(255,255,255,0.33); }

#header #main-menu .alerta {
	position: absolute;
	top: 8px;
	right: 5px;
	z-index: 11;
	display: block;
	width: 16px;
	height: 16px;
	font-size: 9px;
	color: #FFF;
	line-height: 16px;
	text-align: center;
	border: 1px solid #FFF;
	background: transparent url('../images/header-alerts.png') no-repeat center center;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
	box-shadow: 0 1px 6px #654; -moz-box-shadow: 0 1px 6px #654; -webkit-box-shadow: 0 1px 6px #654; -ms-box-shadow: 0 1px 6px #654;
}


/* Menu usuario */
#header #user-menu {
	float: right;
	width: 310px;
	height: 60px;
}
#header #user-menu ul>li {
	float: left;
	display: block;
	color: #FFF;
}

#header #user-menu li.avatar a {
	display: block;
	width: 52px;
	height: 60px;
	margin: 0 8px 0 0;
}
#header #user-menu li.avatar img {
	width: 50px;
	height: 50px;
	margin: 4px 0;
	border: 1px solid #FFF;
	background-color: #FFF;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}

#header #user-menu li.datos {
	width: 200px;
	height: 50px;
	margin: 5px 0;
}
#header #user-menu li.datos .nombre {
	float: left;
	width: 200px;
	padding: 4px 0 0 0;
	font-size: 18px;
	font-weight: 500;
}
#header #user-menu li.datos .puntos {
	float: left;
	margin:0 7px 0 0;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -1px;
}
#header #user-menu li.datos .puntos img {
	display: inline;
	width: 24px;
	height: 16px;
	margin: 0 0 -3px 2px;
}
#header #user-menu li.datos .reputacion { float:left; margin:-1px 0; }

#header #user-menu li.menu {
	position: relative;
}
#header #user-menu li.menu a.desplegable {
	display: block;
	width: 50px;
	height: 60px;
	background: transparent url('../images/header-options.png') center center no-repeat;
	background-size: 30px 30px;
}

#header #user-menu .submenu {
	display: none;
	position: absolute;
	z-index: 10;
	top: 65px;
	right: 0;
	border: 1px solid #FFF;
	background-color: rgba(171,61,21,0.9);
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
	box-shadow: 0 2px 10px #5d8ac0; -moz-box-shadow: 0 2px 10px #5d8ac0; -webkit-box-shadow: 0 2px 10px #5d8ac0; -ms-box-shadow: 0 2px 10px #5d8ac0;
}
#header #user-menu .submenu li a {
	display: block;
	width: 200px;
	padding: 8px 32px 8px 0;
	text-align: right;
	font-size: 15px;
	color: #FFF;
	font-weight: 500;
	background-color: rgba(255,255,255,0.0);
	background-position: 204px center;
	background-repeat: no-repeat;
	background-size: 22px 22px;
}
#header #user-menu li.menu ul li a:hover { background-color:rgba(255,255,255,0.33); }

#header #user-menu .submenu .perfil a   { background-image:url('../images/header-user-perfil.png'); }
#header #user-menu .submenu .amigos a   { background-image:url('../images/header-user-amigos.png'); }
#header #user-menu .submenu .reglas a   { background-image:url('../images/header-user-reglas.png'); }
#header #user-menu .submenu .problema a { background-image:url('../images/header-user-problema.png'); }
#header #user-menu .submenu .salir a    { background-image:url('../images/header-user-salir.png'); }




/* CONTENIDO PRINCIPAL
---------------------------------------------------------------------------------------------*/
#container {
	width: 960px;
	margin: 0 auto;
	min-height: 100%;
	overflow: hidden;
}

.main-block h2 {
	display: block;
	font-size: 24px;
	font-weight: 300;
}

.main-block .title { margin:0 0 10px 0; }
.main-block .title .icon {
	float: left;
	width: 40px;
	height: 40px;
	margin: 0 7px 0 0;
	border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px;
}
.main-block .title .icon.icon2 {
	margin: 0 7px 0 -12px;
}
.main-block .title h2 {
	overflow: hidden;
	display: block;
	font-size: 20px;
	font-weight: 500;
	color: #da5b3a;
}
.main-block .title h3 {
	display: block;
	font-size: 16px;
	font-weight: 300;
	color: #650;
}

.block h2.title {
	overflow: hidden;
	display: block;
	height: 35px;
	padding: 0 10px;
	font-size: 16px;
	font-weight: 700;
	color: #654;
	line-height: 36px;
	text-transform: uppercase;
}
.block h2.title strong {
	float: left;
	font-size: 38px;
	line-height: 34px;
	margin: 0 4px 0 -8px;
}
.block h2.title a.more {
	display: block;
	float: right;
	height: 35px;
	margin: 0 2px 0 0;
	font-size: 30px;
	font-weight: 500;
	color: #654;
	line-height: 36px;
}
.block h2.title a.more:hover { color:#da5b3a; }


/* Breadcrumb */
#main #breadcrumb p {
	display: block;
	height: 40px;
	margin: 0;
	padding: 0 15px;
	font-size: 16px;
	letter-spacing: -0.5px;
	line-height: 40px;
	background: url('../images/bg-breadcrumb-left.png'), url('../images/bg-breadcrumb-right.png');
	background-repeat: no-repeat, no-repeat;
	background-position: left center, right center;
	border-radius:4px 0 4px 0; -moz-border-radius:4px 0 4px 0; -webkit-border-radius:4px 0 4px 0; -ms-border-radius:4px 0 4px 0; -o-border-radius:4px 0 4px 0;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { #main #breadcrumb p { letter-spacing:-1px; } }

#main #breadcrumb p span {
	display: block;
	float: left;
	height: 40px;
	color: #654;
	font-weight: 300;
}
#main #breadcrumb p img {
	display: block;
	float: left;
	margin: 15px 0 0 0;
}
#main #breadcrumb p a {
	display: block;
	float: left;
	height: 40px;
	padding: 0 6px;
	color: #654;
	font-weight: 500;
}
#main #breadcrumb p a:hover {
	color: #DA5B3A;
}
#main #breadcrumb p span.actual {
	display: block;
	float: left;
	height: 40px;
	padding: 0 0 0 6px;
	font-size: 24px;
	color: #DA5B3A;
	font-weight: 500;
}


/* 1 columna */
#container.no-sidebar #main {
	position: relative;
	width: 960px;
	margin: 90px 0 0 0; /*margin: 90px 0 160px 0;*/
}
#container.no-sidebar #main #breadcrumb {
	width: 960px;
	padding: 0 0 20px 0;
	background: url('../images/sombra33.png') no-repeat center bottom;
}

#container.no-sidebar #main section {
	padding: 0 0 20px 0;
	background: url('../images/sombra33.png') no-repeat center bottom;
}
#container.no-sidebar #main section .main-block {
	width: 930px;
	padding: 15px;
	background: transparent url('../images/bg-mainblock2.png') no-repeat right top;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}


/* 2 columnas - main */
#container.with-sidebar #main {
	position: relative;
	float: left;
	width: 690px;
	margin: 90px 0 0 0; /*margin: 90px 0 160px 0;*/
}
#container.with-sidebar #main #breadcrumb {
	width: 690px;
	padding: 0 0 20px 0;
	background: url('../images/sombra23.png') no-repeat center bottom;
}

#container.with-sidebar #main section {
	padding: 0 0 20px 0;
	background: url('../images/sombra23.png') no-repeat center bottom;
}
#container.with-sidebar #main section .main-block {
	width: 660px;
	padding: 15px;
	background: transparent url('../images/bg-mainblock2.png') no-repeat right top;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}

#container.with-sidebar #main section .block .title {
	width: 670px;
	background: transparent url('../images/bg-block1.png') no-repeat right top;
	border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; -ms-border-radius:4px 4px 0 0; -o-border-radius:4px 4px 0 0;
}
#container.with-sidebar #main section .block .content {
	width: 670px;
	padding: 10px;
	overflow: hidden;
	background-image: url('../images/bg-block2.png');
	background-size: 100% 100%;
	border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; -ms-border-radius:0 0 4px 4px; -o-border-radius:0 0 4px 4px;
}


/* 2 columnas - sidebar */
#container.with-sidebar #sidebar {
	position: relative;
	float: right;
	width: 250px;
	margin: 90px 0 0 0; /*margin: 90px 0 160px 0;*/
}
#container.with-sidebar #sidebar section {
	clear: both;
	padding: 0 0 20px 0;
	background: url('../images/sombra13.png') no-repeat center bottom;
}

#container.with-sidebar #sidebar section .block .title {
	width: 230px;
	background: transparent url('../images/bg-block1.png') no-repeat right top;
	border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; -ms-border-radius:4px 4px 0 0; -o-border-radius:4px 4px 0 0;
}
#container.with-sidebar #sidebar section .block .content {
	position: relative;
	width: 230px;
	padding: 10px;
	overflow: hidden;
	background: transparent url('../images/bg-block2.png');
	background-size: 100% 100%;
	border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; -ms-border-radius:0 0 4px 4px; -o-border-radius:0 0 4px 4px;
}
#container.with-sidebar #sidebar section .block .content .aviso { text-align:center; }




/* FOOTER
---------------------------------------------------------------------------------------------*/
#footer {
	display: none;
	visibility: hidden;
	z-index: 1;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 170px;
	margin-top: -170px;
	background: transparent url('../images/bg-footer.png') repeat-x center top;
}
#footer .content {
	width: 960px;
	height: 100px;
	margin: 0 auto;
	padding: 70px 0 0 0;
	text-align: center;
}

#footer .menu { padding: 10px 0; }
#footer .menu ul,
#footer .menu ul li {
	display: inline;
	margin: 0 6px;
	font-size: 13px;
}
#footer .menu img { margin:0 0 3px 2px; }
#footer .menu ul li.copy { color:#da5b3a; }
#footer .menu ul li.copy img { margin:0 0 2px 0; }
#footer .menu ul li a { color:#654; }
#footer .menu ul li a:hover { color:#da5b3a; }


#footer .options a { opacity:1; }
#footer .options a:hover { opacity:0.5; }

#footer .options .toovari {
	float: left;
	width: 510px;
	height: 50px;
	margin: 0 0 0 40px;
}
#footer .options .toovari img {
	display: block;
	float: left;
	margin: 0 10px 0 0;
}

#footer .options .apps {
	float: right;
	width: 350px;
	height: 32px;
	margin: 0 40px 0 0;
	padding: 9px 0;
	font-size: 12px;
	font-weight: 700;
	line-height: 32px;
	text-align: right;
	text-transform: uppercase;
}
#footer .options .apps img {
	display: block;
	float: right;
	margin: 0 0 0 10px;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}




/* POPUP
---------------------------------------------------------------------------------------------*/
#popup-wrap {
	/*visibility: hidden;*/
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 99999;
	background-color: rgba(255,255,255,0.8);
}

#popup-wrap #popup {
	position: relative;
	overflow: hidden;
	width: 660px;
	margin: 140px auto 20px auto;
	padding: 30px;
	/*background-color: rgba(255,255,255,0.85);*/
	background-color: #FFF;
	border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px;
	box-shadow:0 0 90px rgba(102,85,68,0.5); -moz-box-shadow:0 0 90px rgba(102,85,68,0.5); -webkit-box-shadow:0 0 90px rgba(102,85,68,0.5); -ms-box-shadow:0 0 90px rgba(102,85,68,0.5);
}
.actividad #popup-wrap #popup,
.desafios #popup-wrap #popup { width:930px; margin:160px auto 20px auto; }

#popup-wrap #popup .rechazar {
	position: absolute;
	display: block;
	top: 10px;
	right: 10px;
	width: 22px;
	height: 22px;
}
#popup-wrap #popup .rechazar img {
	display: block;
	width: 22px;
	height: 22px;
}

#popup #pop-head {
	margin: 0 0 20px 0;
	padding: 15px;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
	background-color: #fdf8ec;
}
#popup #pop-head .icon {
	float: left;
	width: 40px;
	height: 40px;
	margin: 0 7px 0 0;
	border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px;
}
#popup #pop-head h2 {
	font-size: 24px;
	font-weight: 500;
	padding-left: 47px;
}
#popup #pop-head h3 {
	font-size: 16px;
	font-weight: 500;
	padding-left: 47px;
}
#popup #pop-head p {
	font-size: 13px;
	font-weight: 300;
	padding-left: 47px;
}

#popup #pop-body { overflow:hidden; }
#popup #pop-body h4 {
	font-size: 18px;
	font-weight: 500;
	margin: 0 0 7px 0;
}
#popup #pop-body.big p {
	font-size: 24px;
	text-align: center;
	margin: 0 0 20px 0;
}
#popup-wrap #popup .boton {
	width: 150px;
	height: 30px;
	font-size: 16px;
	line-height: 28px;
	margin: 0 auto;
}


/* POPUP FORMULARIO */
#pop-body form .form-item {
	overflow: hidden;
	width: 550px;
	min-height: 30px;
	margin: 0 auto 10px auto;
}
#pop-body form .form-item:last-child { margin:0 auto; }

#popup #pop-body form h4,
#pop-body form .form-item label {
	font-size: 16px;
	font-weight: 500;
	color: #da5b3a;
}
#pop-body form .form-item .left,
#pop-body form .form-item label {
	display: block;
	float: left;
	width: 140px;
	padding: 5px 10px 0 0;
}
#pop-body form .form-item label img {
	float: left;
	width: 30px;
	height: 30px;
	margin: -5px 5px 0 0;
}

#pop-body form .form-item.small .left small,
#pop-body form .form-item.small label small {
	display: block;
	margin-top: -3px;
	font-size: 12px;
	font-weight: 300;
	color: #876;
}
#pop-body form .form-item.small .left,
#pop-body form .form-item.small label { padding-top:0; }

#pop-body form .form-item .right {
	width: 360px;
	padding: 0 40px 0 0;
}
#pop-body form .form-item .right p {
	margin-bottom: 5px;
	font-size: 13px;
	color: #987;
}
#pop-body form .form-item .right select,
#pop-body form .form-item .right input { margin-bottom:5px; }



#pop-body form .text-input input,
#pop-body form .pw-input input {
	width: 350px;
	height: 30px;
	padding: 0 5px;
	font-family: "Gotham Rounded", Arial, sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: #1786b5;
	line-height: 30px;
	border: none;
	background-color: #fdf8ec;
	transition:0.3s all; -moz-transition:0.3s all; -webkit-transition:0.3s all; -ms-transition:0.3s all; -o-transition:0.3s all;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}

#pop-body form .text-input input:focus,
#pop-body form .pw-input input:focus { color:#654; background-color:#f9eaca; }

#pop-body form .text-input textarea {
	resize: none;
	float: left;
	width: 350px;
	height: 88px;
	margin: 0;
	padding: 5px;
	font-family: "Gotham Rounded", Arial, sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: #1786b5;
	border: none;
	background-color: #fdf8ec;
	transition:0.3s all; -moz-transition:0.3s all; -webkit-transition:0.3s all; -ms-transition:0.3s all; -o-transition:0.3s all;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}
#pop-body form .text-input textarea:focus { color:#654; background-color:#f9eaca; }

#pop-body form .text-input.textarea textarea {
	float: none;
	width: 500px;
	height: 55px;
}
#pop-body form .select select {
	display: block;
	float: left;
	height: 30px;
	padding: 5px 5px;
	margin: 0 6px 0 0;
	font-family: "Gotham Rounded", Arial, sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: #1786b5;
	line-height: 40px;
	border: 1px solid rgba(212,178,136,0.5);
	background-color: #FFF;
	box-shadow: 0 0 2px rgba(212,178,136,0);
	transition:0.3s all; -moz-transition:0.3s all; -webkit-transition:0.3s all; -ms-transition:0.3s all; -o-transition:0.3s all;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}
#pop-body form .select select:focus { color:#654; border-color:#654; }

#pop-body form .select.box1 select { width:360px; margin:0; }
#pop-body form .select.box2 select { width:177px; }
#pop-body form .select.box3 select { width:116px; }

#pop-body form .select.multiple { height:120px; }
#pop-body form .select.multiple select { width:360px; height:118px; margin:0; }

#pop-body form .form-item *[disabled] { opacity:0.5; }

#pop-body form .form-item a.icon {
	display: block;
	float: right;
	width: 30px;
	height: 30px;
	margin:0 0 0 5px;
}
#pop-body form .form-item a.icon img {
	width: 30px;
	height: 30px;
}
#pop-body form .form-item a.icon:hover { opacity:0.7; }

#pop-body form .form-item.botones input {
	width: 360px;
	height: 30px;
	font-size: 16px;
	line-height: 30px;
	margin: 0 40px 0 150px;
}




/* FORMULARIO EN MAIN-BLOCK
---------------------------------------------------------------------------------------------*/
.main-block form .form-item {
	clear: both;
	width: 660px;
	min-height: 40px;
	margin: 0 auto 10px auto;
}
.main-block form .form-item h4,
.main-block form .form-item label {
	display: block;
	float: left;
	width: 245px;
	padding: 10px 10px 0 0;
	font-size: 16px;
	font-weight: 500;
	text-align: right;
	letter-spacing: 0;
}
.main-block form .form-item.small h4,
.main-block form .form-item.small label { padding-top:4px; }

.main-block form .form-item.small h4 small,
.main-block form .form-item.small label small {
	display: block;
	margin-top: -3px;
	font-size: 12px;
	font-weight: 300;
	color: #987;
}
.main-block form .form-item.small small a { color:#987; }
.main-block form .form-item.small small a:hover { color:#da5b3a; }

.main-block form .form-item a.icon {
	display: block;
	float: left;
	margin:0 0 0 5px;
}
.main-block form .form-item a.icon:hover { opacity:0.7; }

.main-block form .text-input input {
	float: left;
	width: 268px;
	height: 38px;
	padding: 0 5px;
	font-family: "Gotham Rounded", Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #1786b5;
	line-height: 38px;
	border: 1px solid rgba(212,178,136,0.5);
	background-color: #FFF;
	box-shadow: 0 0 2px rgba(212,178,136,0);
	transition:0.3s all; -moz-transition:0.3s all; -webkit-transition:0.3s all; -ms-transition:0.3s all; -o-transition:0.3s all;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}
.main-block form .text-input input:focus {
	color: #654;
	border-color: #654;
	box-shadow:0 0 8px rgba(212,178,136,1); -moz-box-shadow:0 0 8px rgba(212,178,136,1); -webkit-box-shadow:0 0 8px rgba(212,178,136,1); -ms-box-shadow:0 0 8px rgba(212,178,136,1);
}

.main-block form .text-input textarea {
	resize: none;
	float: left;
	width: 268px;
	height: 88px;
	margin: 0;
	padding: 5px;
	font-family: "Gotham Rounded", Arial, sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: #1786b5;
	border: 1px solid rgba(212,178,136,0.5);
	background-color: #FFF;
	box-shadow: 0 0 2px rgba(212,178,136,0);
	transition:0.3s all; -moz-transition:0.3s all; -webkit-transition:0.3s all; -ms-transition:0.3s all; -o-transition:0.3s all;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}
.main-block form .text-input textarea:focus { color:#654; border-color:#654; box-shadow:0 0 8px rgba(212,178,136,1); }

.main-block form .select select {
	float: left;
	width: 280px;
	height: 40px;
	padding: 10px 5px;
	margin: 0 6px 0 0;
	font-family: "Gotham Rounded", Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #1786b5;
	line-height: 40px;
	border: 1px solid rgba(212,178,136,0.5);
	background-color: #FFF;
	box-shadow: 0 0 2px rgba(212,178,136,0);
	transition:0.3s all; -moz-transition:0.3s all; -webkit-transition:0.3s all; -ms-transition:0.3s all; -o-transition:0.3s all;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}
.main-block form .select select option {
	font-size: 14px;
	padding: 2px 5px;
}
.main-block form .select select:focus { color:#654; border-color:#654; box-shadow:0 0 8px rgba(212,178,136,1); }

.main-block form .select.box1 select { width:280px; margin:0; }
.main-block form .select.box2 select { width:137px; }

.main-block form .form-item.botones {
	float: none;
	margin: 20px auto 10px auto;
	text-align: left;
}
.main-block form .form-item.botones input {
	margin: 0 0 0 255px;
	width: 280px;
	/*height: 40px;
	font-size: 16px;
	line-height: 40px;*/
}




/* BLOQUE PERFIL
---------------------------------------------------------------------------------------------*/
#reputacion .title span {
	display: block;
	float: right;
	height: 35px;
}
#reputacion .content .fila {
	height: 19px;
	line-height: 19px;
	margin: 0 0 6px 0;
}
#reputacion .content .fila:last-child { margin:0; }

#reputacion .content .fila .left {
	width: 110px;
	height: 19px;
	text-align: right;
}
#reputacion .content .fila .right {
	width: 110px;
	height: 19px;
	text-align: left;
}
#reputacion .content .fila .right .bar1 {
	width: 100px;
	height: 13px;
	margin: 3px 0;
	background-color: rgba(102,85,68,0.2);
	box-shadow: 0 1px 1px rgba(102,85,68,0.5) inset;
}
#reputacion .content .fila .right .bar2 {
	display: block;
	height: 13px;
}




/* BLOQUE LOGROS
---------------------------------------------------------------------------------------------*/
#logros .content {
	width: 235px !important;
	padding: 10px 5px 5px 10px !important;
}
#logros .content .box {
	float: left;
	width: 40px;
	height: 40px;
	padding: 1px;
	margin: 0 5px 5px 0;
	background-color: rgba(255,255,255,0.7);
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}
#logros .content .box img {
	display: block;
	width: 40px;
	height: 40px;
}




/* BLOQUE LOGRO PROXIMO
---------------------------------------------------------------------------------------------*/
#logro-prox .content { text-align:center; }
#logro-prox .content .box {
	width: 220px;
	height: 100px;
	padding: 5px 0 5px 10px;
	background-color: rgba(255,255,255,0.7);
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}
#logro-prox .content .box span {
	display: block;
	float: left;
	width: 110px;
	padding: 5px 0 0 0;
	font-size: 12px;
	font-weight: 500;
	text-align: left;
}
#logro-prox .content .box img {
	display: block;
	float: right;
	width: 100px;
	height: 100px;
}




/* BLOQUE AMIGOS
---------------------------------------------------------------------------------------------*/
#amigos .content {
	width: 235px !important;
	padding: 10px 5px 5px 10px !important;
}
#amigos .content .box {
	float: left;
	width: 42px;
	height: 42px;
	margin: 0 5px 5px 0;
}
#amigos .content .box img {
	display: block;
	width: 42px;
	height: 42px;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}




/* BLOQUE INVITACIONES DE AMISTAD
---------------------------------------------------------------------------------------------*/
#invitacion-amistad .content .box {
	display: block;
	width: 230px;
	height: 40px;
	margin: 0 0 5px 0;
	background: #e9ddca url('../images/bg-marron-claro.png');
	background-size: 100% 100%;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}
#invitacion-amistad .content .box:last-child { margin:0; }

#invitacion-amistad .content .box .avatar {
	display: block;
	float: left;
	width: 175px;
}
#invitacion-amistad .content .box .avatar img {
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	margin: 0 5px 0 0;
	border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; -ms-border-radius:4px 0 0 4px; -o-border-radius:4px 0 0 4px;
}
#invitacion-amistad .content .box .nombre {
	display: block;
	float: left;
	width: 125px;
	margin: 4px 0 0 0;
	font-size: 13px;
	color: #654;
}
#invitacion-amistad .content .box .apellidos {
	display: block;
	float: left;
	width: 130px;
	font-size: 11px;
	color: #654;
}
#invitacion-amistad .content .box .rechazar,
#invitacion-amistad .content .box .aceptar {
	display: block;
	float: left;
	width: 22px;
	height: 22px;
	margin: 9px 0 0 3px;
}
#invitacion-amistad .content .box .rechazar img,
#invitacion-amistad .content .box .aceptar img { width:22px; height:22px; }




/* BLOQUE BUSCAR / RECOMENDAR A UN AMIGO
---------------------------------------------------------------------------------------------*/
#buscar-amigo .content,
#recomendar .content { text-align:center; }

#buscar-amigo .content .form-item,
#recomendar .content .form-item {
	width: 230px;
	height: 30px;
	margin: 0 0 5px 0;
}
#buscar-amigo .content .form-item:last-child,
#recomendar .content .form-item:last-child { margin:0 auto; }

#buscar-amigo .content .form-item label,
#recomendar .content .form-item label { display:none; }

#buscar-amigo .content .text-input input,
#recomendar .content .text-input input {
	width: 220px;
	height: 30px;
	padding: 0 5px;
	font-family: "Gotham Rounded", Arial, sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: #654;
	line-height: 30px;
	border: none;
	box-shadow: 0 0 2px rgba(102,85,68,0) inset;
	background-color: rgba(255,255,255,0.6);
	transition:0.3s all; -moz-transition:0.3s all; -webkit-transition:0.3s all; -ms-transition:0.3s all; -o-transition:0.3s all;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}
#buscar-amigo .content .text-input input:focus,
#recomendar .content .text-input input:focus { color:#1786b5; background-color:rgba(255,255,255,1); box-shadow:0 0 2px rgba(102,85,68,0.7) inset; }

#buscar-amigo .content .select select,
#recomendar .content .select select {
	display: block;
	width: 230px;
	height: 30px;
	padding: 6px 5px 6px 2px;
	font-family: "Gotham Rounded", Arial, sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: #654;
	line-height: 30px;
	border: none;
	background-color: rgba(255,255,255,0.6);
	transition:0.3s all; -moz-transition:0.3s all; -webkit-transition:0.3s all; -ms-transition:0.3s all; -o-transition:0.3s all;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}
#buscar-amigo .content .select select:focus,
#recomendar .content .select select:focus { color:#1786b5; background-color:rgba(255,255,255,1); }

#buscar-amigo .content .form-item.botones input {
	float: left;
	width: 112px;
	height: 30px;
	margin: 0 0 0 6px;
	font-size: 16px;
	line-height: 30px;
}
#buscar-amigo .content .form-item.botones input:first-child { margin:0; }

#recomendar .content .form-item.botones input {
	width: 230px;
	height: 30px;
	font-size: 16px;
	line-height: 30px;
}




/* BLOQUE ENLACES
---------------------------------------------------------------------------------------------*/
#enlaces .content ul.listado {
	overflow-x: hidden !important;
	overflow-y: auto !important;
	max-height: 250px;
}
#enlaces .content ul.listado li { margin:0 0 5px 0; }
#enlaces .content ul.listado li:last-child { margin:0; }

#enlaces .content ul.listado li a.box {
	display: block;
	padding: 5px 7px;
	color: #654;
	background-color: rgba(255,255,255,0.7);
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}
#enlaces .content ul.listado li a.box:hover {
	color: #cba;
	background-color: rgba(255,255,255,1);
}

#enlaces .content ul.listado li a.box span {
	display: block;
	overflow: hidden;
}
#enlaces .content ul.listado li a.box .main { font-size:14px; font-weight:500; }
#enlaces .content ul.listado li a.box .second { font-size:12px; font-weight:300; }




/* BLOQUE ESTADISTICAS
---------------------------------------------------------------------------------------------*/
#estadisticas .content .box {
	overflow: hidden;
	padding: 5px 7px;
	margin-bottom: 5px;
	background-color: rgba(255,255,255,0.7);
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}
#estadisticas .content .box:last-child { margin:0; }

#estadisticas .content .box div:first-child {
	float: left;
	width: 115px;
	font-size: 12px;
	font-weight: 300;
	line-height: 22px;
}
#estadisticas .content .box div:last-child {
	float: right;
	width: 100px;
	font-size: 18px;
	font-weight: 500;
	line-height: 22px;
	text-align: right;
}




/* BLOQUE PRODUCTO STORE
---------------------------------------------------------------------------------------------*/
#store-product .content h3 { font-size:16px; font-weight:500; }
#store-product .content h4 { font-size:14px; font-weight:300; }

#store-product .content .tovis {
	position: absolute;
	right: 10px;
	top: 10px;
}
#store-product .content .prod {
	margin: 10px 0 0 0;
	text-align: center;
	background-color: rgba(255,255,255,0.7);
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}
#store-product .content .mensaje {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 230px;
	padding: 10px;
	color: #FFF;
	text-align: center;
	background-color: rgba(102,85,68,0.8);
}




/* BLOQUE DESAFIAR AMIGO (IGUAL QUE BLOQUE INVITACION DE AMISTAD)
---------------------------------------------------------------------------------------------*/
#desafiar-amigo .content .box {
	display: block;
	width: 230px;
	height: 40px;
	margin: 0 0 5px 0;
	background: #e9ddca url('../images/bg-marron-claro.png');
	background-size: 100% 100%;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}
#desafiar-amigo .content .box:last-child { margin:0; }

#desafiar-amigo .content .box .avatar {
	display: block;
	float: left;
	width: 190px;
}
#desafiar-amigo .content .box .avatar img {
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	margin: 0 5px 0 0;
	border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; -ms-border-radius:4px 0 0 4px; -o-border-radius:4px 0 0 4px;
}
#desafiar-amigo .content .box .nombre {
	display: block;
	float: left;
	width: 140px;
	margin: 4px 0 0 0;
	font-size: 13px;
	color: #654;
}
#desafiar-amigo .content .box .apellidos {
	display: block;
	float: left;
	width: 140px;
	font-size: 11px;
	color: #654;
}
#desafiar-amigo .content .box .desafio {
	display: block;
	float: right;
	width: 30px;
	height: 30px;
	margin: 5px 5px 0 5px;
}
#desafiar-amigo .content .box .desafio img { width:30px; height:30px; }




/* BLOQUE BUSCAR MIS PORCIONES
---------------------------------------------------------------------------------------------*/
#buscar-mis-porciones .content { text-align:center; }

#buscar-mis-porciones .content .form-item {
	width: 230px;
	height: 30px;
	margin: 0 0 5px 0;
}
#buscar-mis-porciones .content .form-item:last-child { margin:0 auto; }

#buscar-mis-porciones .content .form-item label { display:none; }

#buscar-mis-porciones .content .text-input input {
	width: 220px;
	height: 30px;
	padding: 0 5px;
	font-family: "Gotham Rounded", Arial, sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: #654;
	line-height: 30px;
	border: none;
	box-shadow: 0 0 2px rgba(102,85,68,0) inset;
	background-color: rgba(255,255,255,0.6);
	transition:0.3s all; -moz-transition:0.3s all; -webkit-transition:0.3s all; -ms-transition:0.3s all; -o-transition:0.3s all;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}
#buscar-mis-porciones .content .text-input input:focus { color:#1786b5; background-color:rgba(255,255,255,1); box-shadow:0 0 2px rgba(102,85,68,0.7) inset; }

#buscar-mis-porciones .content .select select {
	display: block;
	width: 230px;
	height: 30px;
	padding: 6px 5px 6px 2px;
	font-family: "Gotham Rounded", Arial, sans-serif;
	font-weight: 300;
	font-size: 14px;
	color: #654;
	line-height: 30px;
	border: none;
	background-color: rgba(255,255,255,0.6);
	transition:0.3s all; -moz-transition:0.3s all; -webkit-transition:0.3s all; -ms-transition:0.3s all; -o-transition:0.3s all;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}
#buscar-mis-porciones .content .select select:focus { color:#1786b5; background-color:rgba(255,255,255,1); }

#buscar-mis-porciones .content .form-item.botones input {
	width: 230px;
	height: 30px;
	font-size: 16px;
	line-height: 30px;
}




/* PORCIONES COCINADAS / PORCIONES POR HACER
---------------------------------------------------------------------------------------------*/
#porciones-cocinadas .content .box,
#porciones-borrador .content .box {
	display: block;
	width: 220px;
	height: 40px;
	margin: 0 0 2px 0;
	padding: 0 5px;
	background-size: 100% 100%;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px;
}
#porciones-cocinadas .content .box { color:#ae59a7; background-image:url('../images/bg-kitchen-mimenu.png'); }
#porciones-borrador .content .box { color:#654; background-image:url('../images/bg-marron-claro.png'); }

#porciones-cocinadas .content .box:last-child,
#porciones-borrador .content .box:last-child { margin:0; }

#porciones-cocinadas .content .box span,
#porciones-borrador .content .box span {
	display: table-cell;
	vertical-align: middle;
	width: 154px;
	height: 40px;
	font-size: 13px;
	font-weight: 500;
	line-height: 14px;
}
#porciones-cocinadas .content .box span small,
#porciones-borrador .content .box span small { font-size:11px; font-weight:300; }

#porciones-cocinadas .content .box a,
#porciones-borrador .content .box a {
	display: table-cell;
	vertical-align: middle;
	width: 30px;
	height: 30px;
}
#porciones-cocinadas .content .box a img,
#porciones-borrador .content .box a img {
	width: 30px;
	height: 30px;
	margin: 0 0 0 3px;
}