@charset "UTF-8";

/* Load fonts */
@font-face {
	font-family: 'ReenieBeanie';
	src: url(../fonts/ReenieBeanie.ttf);
}

@font-face {
	font-family: 'Arizonia';
	src: url(../fonts/Arizonia-Regular-OTF.otf);
}

/* Restablece CSS predeterminado por el navegador */
html, body, div, abarca, object, input, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;padding: 0;border: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline; }
body { line-height: 1.5em; text-align: left; }
div { text-align: left; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
:focus { outline: 0; }
blockquote: before, blockquote: after, q: before, q: after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
p { margin: 0 0 1em; text-align: justify; }
p.ultimo { margin-bottom: 0; }
p img { margin: 0 auto; display: block; }
p img.superior { margin-top: 0; } /* Usa esto si la imagen se encuentra en la parte superior del elemento padre. */
img { margin: 0; }
abbr, acronym { border-bottom: 1px dotted #666; }
address { margin: 0; }
del { color: #666; }
blockquote { color: #666; }
strong { font-weight: 700; }
em,dfn { font-style: italic; background: #ffc; }
dfn { font-weight: 700; }
tt { display: block; margin: 1.5em 0; line-height: 1.5; }
input { font-size: 9.0pt; } 

/* Obligar scroll a todos los navegadores para evitar el parpadeo del centrado */
html {
	height: 100% !important;
	padding-bottom: 1px !important;
}

/* Body margin for a sensile default look. */
body {
	background: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	color: #58595b;
	font-size: 10.0pt;
}
/* Headers */
h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
}
h1 { font-size: 1.3em; line-height: 1.3em; margin-bottom: 0.5em; color: #2c2c2c; }
h2 { font-size: 1.2em; line-height: 1.2em; margin-bottom: 0.5em; color: #0f88c6; }
h2.border-bottom { border-bottom:2px solid #0f88c6; }
h3 { font-size: 1.1em; line-height: 1.1em; margin-bottom: 0.5em; color: #92aec3; }
h4 { font-size: 1em; line-height: 1em; margin-bottom: 0.5em; color: #b8d6ee; }
h5 { font-size: 1em; line-height: 1em; margin-bottom: 0.5em; color: #b8d6ee; }
h6 { font-size: 1em; line-height: 1em; margin-bottom: 0.5em; color: #b8d6ee; }


/* Medianil y flotar */
div.abarca-1, div.abarca-2, div.abarca-3, div.abarca-4, div.abarca-5, div.abarca-6, div.abarca-7, div.abarca-8, div.abarca-9, div.abarca-10, div.abarca-11, div.abarca-12, div.abarca-13, div.abarca-14, div.abarca-15, div.abarca-16 {
	float: left;
	margin-right: 20px;
}


/* Clase para la ultima columna sin medianil. */
.last { margin-right: 0 !important; }


/* Ancho de la columna. */
.abarca-1  { width: 40px;}
.abarca-2  { width: 100px;}
.abarca-3  { width: 160px;}
.abarca-4  { width: 220px;}
.abarca-5  { width: 280px;}
.abarca-6  { width: 340px;}
.abarca-7  { width: 400px;}
.abarca-8  { width: 460px;}
.abarca-9  { width: 520px;}
.abarca-10 { width: 580px;}
.abarca-11 { width: 640px;}
.abarca-12 { width: 700px;}
.abarca-13 { width: 760px;}
.abarca-14 { width: 820px;}
.abarca-15 { width: 880px;}
.abarca-16 { width: 940px; margin: 0; }


/* Add these to a column to append empty cols. */
.append-0  { padding-right: 5px;}
.append-1  { padding-right: 60px;}
.append-2  { padding-right: 120px;}
.append-3  { padding-right: 180px;}
.append-4  { padding-right: 240px;}
.append-5  { padding-right: 300px;}
.append-6  { padding-right: 360px;}
.append-7  { padding-right: 420px;}
.append-8  { padding-right: 480px;}
.append-9  { padding-right: 540px;}
.append-10 { padding-right: 600px;}
.append-11 { padding-right: 660px;}
.append-12 { padding-right: 720px;}
.append-13 { padding-right: 780px;}
.append-14 { padding-right: 840px;}
.append-15 { padding-right: 900px;}


/* Add these to a column to prepend empty cols. */
.prepend-05 { padding-left: 20px;}
.prepend-1  { padding-left: 60px;}
.prepend-2  { padding-left: 120px;}
.prepend-3  { padding-left: 180px;}
.prepend-33 { padding-left: 167px;}
.prepend-4  { padding-left: 240px;}
.prepend-44 { padding-left: 220px;}
.prepend-5  { padding-left: 300px;}
.prepend-6  { padding-left: 360px;}
.prepend-7  { padding-left: 420px;}
.prepend-8  { padding-left: 480px;}
.prepend-9  { padding-left: 540px;}
.prepend-10 { padding-left: 600px;}
.prepend-11 { padding-left: 660px;}
.prepend-12 { padding-left: 720px;}
.prepend-13 { padding-left: 780px;}
.prepend-14 { padding-left: 840px;}
.prepend-15 { padding-left: 900px;}


/* General */
.clearfix { display: block !important; }
.float-left { float: left !important; }
.float-right { float: right !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.margin-top { margin-top: 1em !important;}
.alt {color: #0081c3; font-weight:700;}
.tag_hidden {
	position: absolute;
	border: none !important;
	background: transparent !important;
	width: 0px !important;
	height: 0px !important;
}
.hide { display: none; }


/* Links */
a { color: #03a1de; text-decoration: none; }
a:hover, a:focus { color: #006B9F; text-decoration: underline; }


/* Lists */
ul li { display: inline; list-style: none; }
ul.lista-rosa { margin: 1em 0 1em 1em; }
ul.lista-rosa li { background: url(/img/bullets/rosa-blanco.gif) no-repeat 0 6px; padding-left: 12px; margin-bottom: 8px; list-style: none; display: list-item; }
ul.lista-verde { margin: 0em 0 1em 1em; }
ul.lista-verde li { background: url(/img/bullets/verde-transparente.gif) no-repeat 0 6px; padding-left: 12px; margin-bottom: 8px; list-style: none; display: list-item; }
ul.list { margin: 0em 0 1em 1em; }
ul.list li { background: url(/img/utils/list.png) no-repeat left 7px; padding-left: 12px; margin-bottom: 8px; list-style: none; display: list-item; }
ul.list-tic { margin: 0em 0 1em 1em; }
ul.list-tic li { background: url(/img/utils/tic.png) no-repeat left top; padding-left: 20px; margin-bottom: 8px; list-style: none; display: list-item; line-height: 1.3em}


/* Buttons */
.button {
	display: inline-block;
	background-color: #2494ca;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#66c9ec), to(#2494ca));
	background-image: -webkit-linear-gradient(top, #66c9ec, #2494ca);
	background-image: -moz-linear-gradient(top, #66c9ec, #2494ca);
	background-image: -ms-linear-gradient(top, #66c9ec, #2494ca);
	background-image: -o-linear-gradient(top, #66c9ec, #2494ca);
	background-image: linear-gradient(top, #66c9ec, #2494ca);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66c9ec',EndColorStr='#2494ca');
	border: 1px solid #2494ca;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	height: 30px;
	cursor: pointer;
	color: white;
	padding: 1px 15px 1px 15px;
}
.button:hover,
.button.hover,
.button:focus {
	background-color:#1a78b8;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#4db7e6), to(#1a78b8));
	background-image:-webkit-linear-gradient(top, #4db7e6, #1a78b8);
	background-image:-moz-linear-gradient(top, #4db7e6, #1a78b8);
	background-image:-ms-linear-gradient(top, #4db7e6, #1a78b8);
	background-image:-o-linear-gradient(top, #4db7e6, #1a78b8);
	background-image:linear-gradient(top, #4db7e6, #1a78b8);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorStr='#4db7e6',EndColorStr='#1a78b8');
	border: 1px solid #1a78b8;
	-moz-box-shadow: 1px 1px 4px #D2D3D4;
	-webkit-box-shadow: 1px 1px 4px #D2D3D4;
	box-shadow: 1px 1px 4px #D2D3D4;
	text-decoration: underline;
	color: white;
}
.button:disabled {
	background: #d2d5d6;
	color: #e6eaeb;
	padding-top: 2px !important;
	padding-bottom: 3px !important; 
	border: 2px solid #b3babc;
	cursor: wait;
	text-decoration: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.gray-button {
	display: inline-block;
	background-color: #F1F3F3;
	border: 1px solid #D2D3D4;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	height: 32px;
	padding: 5px;
	margin-right: 5px;
	cursor: pointer;
	color: #2C2C2C;
}
.gray-button:hover,
.gray-button.hover,
.gray-button:focus {
	border: 1px solid #D2D3D4;
	-moz-box-shadow: 1px 1px 4px #D2D3D4;
	-webkit-box-shadow: 1px 1px 4px #D2D3D4;
	box-shadow: 1px 1px 4px #D2D3D4;
	text-decoration: underline;
}
.gray-button:disabled,
.gray-button.disabled {
	background-color: #F2F4F5 !important;
	border: 1px solid #D2D3D4 !important;
	color: #D2D3D4 !important;
	cursor: default !important;
	filter: alpha(opacity=50);
	opacity: 0.5;
	text-decoration: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}


/* Pagina agrupa todas las columnas. */
.page {
	width: 940px;
	margin-left: auto;
	margin-right: auto;
}
.info .page {
	display: block;
	overflow: hidden;
	min-height: 550px;
}

/* Divs */
.logged-menu {
	float: left;
	margin: 0px;
	margin-right: 20px;
	width: 200px;
}
.logged-content {
	width: 720px;
	float: left;
	margin: 0px;
}


/* Header */
.header {
	background: #2c2c2c;
	padding-top: 5px;
	margin-bottom: 20px;
	height: 45px;
	min-width: 940px;
	-moz-box-shadow: 0 3px 5px #2c2c2c;
	-webkit-box-shadow: 0 3px 5px #2c2c2c;
	box-shadow: 0 3px 5px #2c2c2c;
}
.header .logo {
	float: left;
	height: 40px;
	width: 169px;
	background: url(/img/logo-fiabee-white.png) no-repeat left center;
	cursor: pointer;
}
.header-options {
	float: right;
	margin-top: 1px;
}
.header-options.logged {
	margin-top: 10px;
}
.header-options form {
	margin: 0px;
	padding: 0px;
}
.header-options input,
.header-options div {
	float: left;
	margin-left: 5px !important;
}
.header-options input[type="text"],
.header-options input[type="password"] {
	padding: 2px;
	width: 108px;
	height: 18px;
}
.header-options input[type="text"].aux {
	color: #B2ADAD !important;
}
.header-options .login-button {
	height: 24px;
	padding-left: 8px;
	padding-right: 8px;
}
.header-options .login-button:hover,
.header-options .login-button:focus {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.header-options .show-account-menu {
	background: url(/img/buttons/more.png) no-repeat center center;
	height: 20px;
	width: 20px;
	border: none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	cursor: pointer;
	position: relative;
	z-index: 1000;
}
.header-options .show-account-menu:hover {
	background: #fefefe url(/img/buttons/more-hover.png) no-repeat center center;
	border-right: 1px solid #d2d3d4;
	margin-right: -1px;
}
.header-options .account-menu {
	background: url(/img/utils/box-background.png) top left repeat-x;
	position: absolute; 
	top: 20px; 
	right: -1px; 
	z-index: 2;
	border: 1px solid #d2d3d4;
	border-top: none;
	border-radius: 5px;
	border-top-right-radius: 0px;
	padding: 10px;
	min-width: 170px;
	cursor: default;
	font-weight: bold;
	text-align: right;
}
.header-options .account-menu.es {
	min-width: 240px;
}
.header-home-info {
	padding-top: 30px;
	padding-bottom: 30px;
	color: #333;
	font-size: 25px;
	line-height: 32px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 1px;
}

	
/* Slider */
.slider {
	margin-top: -20px;
	margin-bottom: 20px;
	height: 249px;
	background: url(/img/slider/slider-background.png) repeat-x left center;
	border-bottom: 1px solid #b8bcbd;
}


/* Footer */
.footer {
	margin-top: 20px;
	margin-bottom: 20px;
	min-height: 100px;
}
.footer .page {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #92aec3; 
	overflow: hidden;
}
.footer .group {
	float: right;
	margin-left: 20px;
}
.footer .group.sn {
	float: left;
	width: 200px;
	overflow: hidden;
	margin: 0px;
}
.footer .group-title {
	font-weight: bold;
}


.info-index-banner {
	float: left;
	margin-bottom: 1em;
}
.info-index-title {
	width: 610px;
	padding: 5px;
	margin-bottom: 0.5em;
	color: #666;
}
.info-index-link {
	display: block;
	overflow: hidden;
	float: left;
	width: 280px;
	height: 61px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	line-height: 1em;
}
.info-index-link-he{
	float: left;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 0px;
	line-height: 3em;
}
.info-index-link-image {
	float: left;
	width: 55px;
	height: 60px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: top left;
	cursor: pointer;
}
.totally_automatic {
	background-image: url(/img/icons/online_backup.png);
}
.backup_for_everyone {
	background-image: url(/img/icons/backup_for_everyone.png);
}
.all_your_files_and_data {
	background-image: url(/img/icons/all_files_and_data.png);
}
.unlimited_storage {
	background-image: url(/img/icons/unlimited_storage.png);
}
.top_security {
	background-image: url(/img/icons/top_security.png);
}
.easy_fast_and_silent {
	background-image: url(/img/icons/easy_fast_silent.png);
}
.specific_date_recovery {
	background-image: url(/img/icons/date_recovery.png);
}
.advanced_search {
	background-image: url(/img/icons/advanced_search.png);
}
.unlimited_archiving {
	background-image: url(/img/icons/unlimited_archiving.png);
}
.unlimited_versions {
	background-image: url(/img/icons/unlimited_versions.png);
}
.incremental_backup {
	background-image: url(/img/icons/incremental_backup.png);
}
.recovery_wizard {
	background-image: url(/img/icons/recovery_wizard.png);
}
.self_destruction {
	background-image: url(/img/icons/self_destruction.png);
}
.info-index-link-image:hover {
	filter: alpha(opacity=75);
	opacity: 0.75;
}
.info-index-link-title a {
	font-size: 11px;
	font-weight: bold;
}
.info-index-link-title-he a {
	font-size: 13px;
	font-weight: bold;
	text-decoration:underline;
}
.info-index-link-subtitle {
	font-size: 10px;
	color: #666;
}
.info-index-more {
	float: left;
	width: 610px;
	padding: 5px;
	padding-top: 10px;
	text-align: right;
	margin-right: 30px;
}
.info-index-more a {
	color: #DF58A8;
}


/* Formularios */
input[type="text"], input[type="password"], input.inputText, select, textarea { border: 1px solid #809DB9; background-color: #fff; padding: 2px 3px 2px 3px; margin: 0px; }
input[type="text"], input[type="password"], input.inputText, select { height: 17px; }
select { padding:0px !important; height:23px !important; }
textarea { font-size: 100%; padding:6px; padding-right: 0px;}
input[type="text"]:focus, input[type="password"]:focus, input.inputText:focus, select:focus, textarea:focus { background-color: #FFFFCC; border: 1px solid #005177; }
.form label.title {
	margin-right: 5px;
	text-align: right;
	float: left;
}


/* Result */
#result { background: #fff; color: #000; padding: 1em; margin-bottom: 1em; margin-top: 1em; border: 2px solid #de1919; border-radius: 5px; font-size:100%; }
#result.information { border: 2px solid #66B35B; }
#result.hide { display: none; }
#result #result-title { font-weight: bold; }


/* Errors */
#errors { background: #fff; color: #000; padding: 1em; margin-bottom: 1em; margin-top: 1em; border: 2px solid #de1919; border-radius: 5px; font-size:100%; }
#errors.information { border: 2px solid #66B35B; }
#errors ul { margin: 0; }
#errors ul li { background: none; margin: 0; padding: 0; margin-left:0.5em; list-style: none; }
#errors ul li.atention { font-size: 120%; margin-left: 0em; font-weight: bold; padding-bottom: 0.5em; }


/* div-gray */
.div-gray-top {
	background-color: transparent;
	background-image: url(/img/backgrounds/div_gray_top.png);
	background-repeat: no-repeat;
	background-position: top left;
	height: 16px !important;
}
.div-gray-body {
	padding-left: 15px;
	padding-right: 15px;
	background-color: transparent;
	background-image: url(/img/backgrounds/div_gray_body.png);
	background-repeat: repeat-y;
	background-position: top left;
}
.div-gray-bottom {
	background-color: transparent;
	background-image: url(/img/backgrounds/div_gray_bottom.png);
	background-repeat: no-repeat;
	background-position: top left;
	height: 16px !important;
	margin-bottom: 1em !important;
}


/* gray-banner */
.gray-banner {
	clear: both;
	overflow: hidden;
	display: block;
	background-color: #E1E1E2;
	margin-bottom: 1em;
	padding-top: 20px;
	padding-bottom: 20px;
}


/* blue-banner & green-banner */
.blue-banner,
.green-banner {
	float: left;
	width: 452px;
}
.green-banner {
	float: right;
}
.green-banner-image {
	width: 34px;
	height: 36px;
	background-color: transparent;
	background-image: url(/img/backgrounds/lock_white+green.gif);
	background-repeat: no-repeat;
	background-position: top left;
	position: inherit;
	float: right;
	margin-top: 15px;
	margin-right: 15px;
}
.blue-banner-top,
.green-banner-top {
	background-color: transparent;
	background-image: url(/img/backgrounds/bottombox_top.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 15px !important;
}
.green-banner-top {
	background-image: url(/img/backgrounds/bottombox_green_top.gif);
}
.blue-banner-body,
.blue-banner-button,
.green-banner-body,
.green-banner-button {
	height: 290px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: transparent;
	background-image: url(/img/backgrounds/bottombox_blue_1pixel.gif);
	background-repeat: repeat-y;
	background-position: top left;
}
.green-banner-body,
.green-banner-button {
	background-image: url(/img/backgrounds/bottombox_green_1pixel.gif);
}
.blue-banner-button,
.green-banner-button {
	height: 43px;
}
.blue-banner-bottom,
.green-banner-bottom {
	background-color: transparent;
	background-image: url(/img/backgrounds/bottombox_blue_bottom.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 15px !important;
}
.green-banner-bottom {
	background-image: url(/img/backgrounds/bottombox_green_bottom.gif);
}
.green-banner-body h3,
.blue-banner-body h3 {
	color: #FFF;
	font-weight: bold;
	font-size: 2.2em;
	margin-bottom: 1em;
}
.green-banner-body ul li,
.blue-banner-body ul li {
	display: block;
	list-style: none;
	background-image: url(/img/bullets/aplay_white.gif);
	background-position: 4px 3px;
	background-repeat: no-repeat;
	padding-left: 15px;
	text-decoration: none !important;
	color: #FFF;
	margin-bottom: 1em;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.2em !important;
}
.green-banner-body ul li span,
.blue-banner-body ul li span {
	color: #000;
	font-weight:normal;
}
.green-banner-body ul li a,
.blue-banner-body ul li a {
	color: #000;
	font-weight:normal;
	text-decoration: underline;
}

/* Menu */
ul.menu li {
	display:block;
	list-style:none;
	font-weight:700;
	margin-bottom: 1em;
	position: relative;
}
ul.menu a.selected {
	text-decoration: underline;
	color: #006B9F;
}
ul.menu li.fmessage-point-imp {
	z-index: 5001;
	color: #FFFF00;
}
ul.menu li.fmessage-point-imp a {
	color: #FFFF00;
}
ul.menu li.lastmenu {
	margin-bottom: 0 !important;
}

/* Animations */
@-webkit-keyframes menueaster {
	from {
		background: #D2D3D4 url(../img/buttons/easter-egg.png) no-repeat 5px center;
	}
	to {
		background: #D2D3D4 url(../img/buttons/easter-egg.png) no-repeat 170px center;
	}
}
ul.menu li.easteregg {
	background: #D2D3D4 url(../img/buttons/easter-egg.png) no-repeat 170px center;
	margin-left: -15px;
	margin-right: -15px;
	padding: 10px;
	padding-left: 15px;
	-webkit-animation-name: menueaster;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-direction: alternate;
}


/*Elementos Barra lateral*/
.beta {background-color:#E6F2EA; padding:15px; margin:0; }
.beta h2 { font-size:1.667em; color:#2BB673;}
.beta input#email { float: left; margin-top:7px; width:151px}
.beta ul { margin-right:15px;}
.beta ol { padding-left: 30px;}
.beta ul li, .beta ol li { margin:0 0 4px 0 ;}


/* Interior-consejos */
.interior-consejos p { text-align: left; }


/* Products */
div.products_box {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left:auto;
	margin-right:auto;
	display: block;
	overflow: hidden;
}
div.products_box div.products {
	padding-left:15px;
	height: 195px;
	float: left;
	display: block;
	overflow: hidden;
	background-color: transparent;
	background-image: url(/img/backgrounds/productbox_gray.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
div.products_box div.prod_right {
	width: 15px;
	height: 195px;
	float: left;
	background-color: transparent;
	background-image: url(/img/backgrounds/productbox_gray_right.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
div.products div.prod_titles,
div.products div.prod_1,
div.products div.prod_2,
div.products div.prod_3 {
	float:left;
	width:158px;
	border:none;
	border-right:2px solid white;
	background-color: transparent;
}
div.products div.prod_titles {
	width:118px;
}
div.products div.prod_1 {
	background-color:#DCEDE1;
}
div.products div.prod_2 {
	background-color:#E4F4FC;
}
div.products div.prod_3 {
	background-color:#FFE6F3;
}
div.prod_name,
div.prod_description,
div.prod_price,
div.prod_size,
div.prod_button {
	border:none;
	border-top:2px solid white;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	height: 18px;
	font-size: 12px;
}
div.prod_name {
	border:none;
	height: 20px;
	font-weight:bold;
	font-size: 14px;
}
div.prod_description {
	height:38px;
}
div.prod_price {
	padding-top:15px;
	height:38px;
	font-weight:bold;
	font-size: 13px;
}
div.prod_size {
	font-weight:bold;
}
div.prod_button {
	padding-left:20px;
	height:28px;
}
.prod_btn {
	width: 100px;
	text-align: center;
}
div.prod_titles div.prod_description,
div.prod_titles div.prod_price,
div.prod_titles div.prod_size {
	color:#6F6F6F;
	font-weight:normal;
	font-size: 13px;
}
div.prod_1 div.prod_price { color:#39A95E; }
div.prod_1 div.prod_name { background-color:#39A95E; color: white; }
div.prod_2 div.prod_name { background-color:#B1E1F5; color:#00A1ED; }
div.prod_3 div.prod_name { background-color:#E0007A; color: white; }


/* Info Corner */
div.info_corner {
	position:absolute;
	top: 0px;
	right: 0px;
}


/* Invitation Table */
.invitation_table {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;
}
.invitation_table .no-border {
	border:none;
}
.invitation_table th,
.invitation_table td {
	text-align:center;
	border:2px solid white;
	padding:0px;
	margin:0px;
	padding-top:5px;
	padding-bottom:5px;
}
.invitation_table th {
	padding:5px;
}
.invitation_table .first {
	background: #E4F4FC;
	width:41%;
}
.invitation_table th.first {
	background: #B1E1F5;
	color:#00A1ED;
}
.invitation_table td.first {
	text-align:left;
	padding-left:10px;
}
.invitation_table .second {
	background: #DCEDE1;
	width:25%;
}
.invitation_table th.second {
	background: #39A95E;
	color:#FFFFFF;
}
.invitation_table .third {
	background: #DCEDE1;
	width:18%;
}
.invitation_table th.third {
	background: #39A95E;
	color:#FFFFFF;
}
.invitation_table .fourth {
	background: #DCEDE1;
	width:18%;
}
.invitation_table th.fourth {
	background: #39A95E;
	color:#FFFFFF;
}


/* MCAfee logos */
.mcafee_logobanner {
	text-align: right;
	margin-top: 10px;
	margin-bottom: -5px;
}
.mcafee_logofooter {
	text-align: right;
	margin-top: -5px;
	margin-bottom:-5px;
}
.mcafee_logobuy {
	float: right;
	margin-top: 37px;
	margin-right: 15px;
}


/* Browser file */
.path, .title-header, .title-header-pink {
	font-size:1.2em;
	font-weight:bold;
	line-height:1.5em;
	margin-bottom:1em;
}
.title-header-pink {
	color: #E0007A;
}
.browser-title,
.browser-subtitle {
	height: 20px;
	margin-bottom: 5px;
	padding: 5px 0px 0px 5px;
	font-size: 10.0pt; 
	color: #58595b;
	font-weight: bold;
	border-bottom: 1px solid #58595b; 
}
.browser-subtitle {
	padding-left: 52px;
}
#folder-info {
	position:relative;
}
#image-loading { 
	background: url(/img/backgrounds/loading.png) repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	min-height: 60px;
	z-index: 2;
	text-align: center; 
}
#image-loading img { 
	margin-top: 16px;
}
.browser-item-folder,
.browser-item-file { 
	border: 1px solid transparent;
	border-radius: 5px;
	clear: both;
	display: block;
	margin-bottom: 2px;
	padding: 3px 5px 3px 5px;
	height: 20px;
	cursor:pointer;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease;
}
.browser-item-folder:hover, .browser-item-file:hover { background-color:#f2f2f2; border-color:#d2d3d4; }
.browser-item-folder.selected, .browser-item-file.selected { 
	background: #B8D6EE !important;
	border: 1px solid #849CB0 !important;
}
.browser-item-folder.selected .more-options, .browser-item-file.selected .more-options {
	display: none;	 
}
.browser-item-folder.selected.bottom, .browser-item-file.selected.bottom {
	border-bottom-right-radius: 0px;
}
.browser-item-folder.selected.top, .browser-item-file.selected.top {
	border-top-right-radius: 0px;
}
.browser-item-folder.selected.bottom .more-options, .browser-item-file.selected.bottom .more-options,
.browser-item-folder.selected.top .more-options, .browser-item-file.selected.top .more-options {
	display: block;	 
}
.item-message { text-align:center; padding-top:10px; font-style:italic; }
.title-image, .item-image, .title-name, .item-name, .title-info, .item-info, .item-info-file, .title-delinfo, .item-delinfo, .item-actions-file-image { float: left }
.item-image { 
	width: 39px; 
	height: 20px;
	background-image: url(/img/metadata/folder.png);
	background-position: center right;
	background-repeat: no-repeat;
	margin-right: 5px;
	padding-top: 2px;
}
.browser-search .item-image,
.browser-deleted .item-image {
	width: 20px;  
}
.item-image.image-root { 
	background-image: url(/img/metadata/root.png);
}
.item-image.image-parent { 
	background-image: url(/img/metadata/folder_parent.png);
}
.item-image.image-shared-member { 
	background-image: url(/img/metadata/shared-member.png);
}
.item-image.image-shared-owner { 
	background-image: url(/img/metadata/shared-owner.png);
}
.item-image.image-device-android { 
	background-image: url(/img/metadata/device-android.png);
}
.item-image.image-device-blackberry { 
	background-image: url(/img/metadata/device-blackberry.png);
}
.item-image.image-device-chromeapp { 
	background-image: url(/img/metadata/device-chromeapp.png);
}
.item-image.image-device-facebook { 
	background-image: url(/img/metadata/device-facebook.png);
}
.item-image.image-device-flickr { 
	background-image: url(/img/metadata/device-flickr.png);
}
.item-image.image-device-googledocs { 
	background-image: url(/img/metadata/device-googledocs.png);
}
.item-image.image-device-iphone { 
	background-image: url(/img/metadata/device-iphone.png);
}
.item-image.image-device-linkedin { 
	background-image: url(/img/metadata/device-linkedin.png);
}
.item-image.image-device-picasa { 
	background-image: url(/img/metadata/device-picasa.png);
}
.item-image.image-device-tablet { 
	background-image: url(/img/metadata/device-tablet.png);
}
.item-image.image-device-twitter { 
	background-image: url(/img/metadata/device-twitter.png);
}
.item-image.image-device-windows { 
	background-image: url(/img/metadata/device-windows.png);
}
.item-image.image-device-default { 
	background-image: url(/img/metadata/device-default.png);
}
.item-image.image-pdf { 
	background-image: url(/img/metadata/pdf.png);
}
.item-image.image-archive { 
	background-image: url(/img/metadata/archive.png);
}
.item-image.image-document { 
	background-image: url(/img/metadata/document.png);
}
.item-image.image-presentation { 
	background-image: url(/img/metadata/presentation.png);
}
.item-image.image-image { 
	background-image: url(/img/metadata/image.png);
}
.item-image.image-music { 
	background-image: url(/img/metadata/music.png);
}
.item-image.image-spreadsheet { 
	background-image: url(/img/metadata/spreadsheet.png);
}
.item-image.image-video { 
	background-image: url(/img/metadata/video.png);
}
.item-image.image-text { 
	background-image: url(/img/metadata/text.png);
}
.item-image.image-binary { 
	background-image: url(/img/metadata/binary.png);
}
.title-name { width: 325px; padding-left: 45px; }
.browser-search .title-name,
.browser-deleted .title-name {
	padding-left: 25px;
}
.item-name { width: 325px; }
.title-delinfo, .item-delinfo { width: 140px; }
.title-info, .item-info { width: 160px;}
.more-options { 
	float: right; 
	background-image: url(/img/metadata/more-options.png);
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	width: 15px; 
	height: 19px; 
}
.browser-item-folder.selected.top .more-options, 
.browser-item-folder.selected.bottom .more-options, 
.browser-item-file.selected.top .more-options,
.browser-item-file.selected.bottom .more-options { 
	background-image: url(/img/metadata/less-options.png);
}
.item-name span:hover { text-decoration:underline; color:#00A1ED; cursor:pointer; }
#more-options {
	position: absolute;
	z-index: 3;
	right: -6px;
	background: #B8D6EE !important; 
	border: 1px solid #849CB0 !important;
	min-width: 193px;
}
#more-options.bottom {
	top: 23px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top: 0px !important;
}
#more-options.top {
	bottom: 22px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom: 0px !important;
}
#more-options div {
	background-position: 5px center;
	background-repeat: no-repeat;
	padding: 2px 2px 2px 25px; 
	cursor: pointer;
}
#more-options div:hover {
	background-color: #f2f2f2;
	text-decoration: underline;
	color: #006B9F; 
}
img.more-options-logo {
	margin-bottom: -5px;
	max-height: 17px;
	border: 1px solid white;
	border-radius: 3px;
}
.fistOptionRounded {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.lastOptionRounded {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.browser-item-page {
	text-align: center;
}
.browser-item-page a,
.browser-item-page span {
	padding: 2px;
}
.browser-item-page span {
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
}

/* Alert */
.alert { 
	display: none; 
	position: fixed; 
	top: 0px; 
	left: 0px;
	width: 100%;
	height: 100%; 
	background: url(/img/backgrounds/alert.png) repeat; 
	z-index: 1001;
}
.alert-content {
	background: url(/img/utils/box-background.png) top left repeat-x;
	border-radius: 5px;
	position: fixed;
	left: 50%;
	top: 50%;
	width: 400px;
	padding: 10px;
	margin-left: -210px;
	margin-top: -200px;
	text-align: center;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease;
}
.alert-info {
	color:gray;
	font-size:15px;
	padding:10px;
	padding-bottom:20px;
	text-align: center; 
}
.alert-info input {
	margin: 5px;
	margin-bottom: 10px;
}
.alert-result,
.alert-form-info { 
	background: #fff; 
	padding: 2px;; 
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	text-align: center;
	width: 350px;
	border: 2px solid red;
	border-radius: 5px;
	display: none;
	font-weight: bold;
}
.alert-result { 
	border-color: green;
}
.alert-result.error { 
	border-color: red;
}
.alert-form {
	text-align: center;
}
.alert-form-image {
	max-height: 50px;
}
.alert-form-label-div,
.alert-form-infoextra-div {
	width: 240px;
	margin: auto;
}
.alert-form-infoextra-div {
	width: 350px;
	margin-top: 15px;
}
#alert-form-text {
	width: 232px;
}
.alert-form-infoextra-div textarea {
	width: 342px;
	height: 50px;
	resize: none;
}
.alert-button-div { 
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	overflow: hidden;
	width: 200px;
}
.alert-button-div input {
	width: 200px;
}
.alert-buttons-yesno { 
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	overflow: hidden;
	width: 315px;
}
.alert-buttons-yesno input { 
	float: left;
}
.alert-extra-buttons {
	clear:both;
	height:20px;
	margin-top:15px;
}
.alert-extra-button-back,
.alert-extra-button-close {
	background-color:transparent;
	background-position:left center;
	background-repeat:no-repeat;
	background-image:url(/img/metadata/back.png);
	color: #00A1ED;
	text-decoration: none;
	padding-left:18px;
	float:left;
	cursor:pointer;
}
.alert-extra-button-close {
	background-position:right center;
	background-image:url(/img/metadata/close_extra.png);
	padding-right:23px;
	float:right;
}
.alert-extra-button-back:hover,
.alert-extra-button-close:hover {
	color: #006B9F;
	text-decoration: underline;
}

.alert-share-buttons {
	margin-left: auto;
	margin-right: auto;
	width: 350px;
	overflow: hidden;
}
.alert-share-buttons li {
	list-style: none;
	float: left;
	width: 70px;
	height: 70px;
	text-align: center;
}
.alert-share-buttons img {
	margin-top:7px;
	width: 50px;
}
.alert-share-buttons img:hover {
	margin-top:0px;
	width: 64px;
}
.alert-input-text {
	text-align: center;
	margin-bottom: 15px
}
.alert-input-text input {
	width: 120px;
}

.form-name{
	margin: 0px 0px 30px 0px;
	padding-top: 2px;
	*height: 40px;
}
#form-content-advanced{
	display: none;
}
.form-buttons a{
	float: right;
	margin: 0px 5px 0px 0px;
}
.results-searching{
	min-height: 100px;
}
.table_params td{
	border-bottom: none;
	padding-right: 5px;
}
.form-content-text{
	padding-top: 4px;
}

.disabled{
	opacity:0.2;
	filter:alpha(opacity=20); 
}
img#icon-delete{
	width: 15px;
	height: 15px;
	overflow: hidden;
}
#form-searching-input-name{
	vertical-align: middle;
}
form#form-searching div#more{
	width: 300px; 
	margin-bottom: 20px;
}
form#form-searching div#more p{
	height: 20px;
	*height: 30px;
}
#results-searching,
#form-content-buttons-less	{
	display:none;
}
#form-content-buttons a {
	float:left;
}
#comments_link #comments{
	float: left;
	width:353px;
}	
#comments_link a{
	margin-left: 20px; 
	margin-top: 130px;
}


/* Others */
.consejos {
	background: #f1f2f4;
	padding: 10px 28px 10px 28px;
	border: 1px solid #d2d3d5;
	border-radius: 5px; 
	margin: 10px 0px 10px 0px; 
}
.faqs h2 {
	cursor: pointer;
}


/* box */
.box {
	background: url(/img/utils/box-background.png) top left repeat-x;
	border: 1px solid #d2d3d4;
	border-radius: 5px;
	padding: 15px;
}
.box-index {
	height: 320px;
}
.box-shadow {
	height: 11px;
	background: url(/img/backgrounds/box-shadow.png) bottom left no-repeat;
}

/* new-banner */
.new-banner-top {
	background: #000;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #FFF;
	height: 30px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	padding-top: 10px;
}
.new-banner-box {
	background: url(/img/utils/box-background.png) top left repeat-x;
	border: 1px solid #d2d3d4;
	border-radius: 5px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-top: none;
	padding: 15px;
}
.new-banner-terms {
	font-size: 0.8em;
	line-height: 1.3em;
}
.new-banner-body input {
	margin-top: 0.2em;
	width: 240px;
}
.new-banner-body input.pwdText {
	background-color: #FFF !important;
	color: #B2ADAD !important;
	border: 1px solid #809DB9;
}
.new-banner-body #errors { font-size:90%; padding: 0.7em; margin-bottom: 0.2em; margin-top: 0.7em; }


/* Product */
.product,
.product-imp {
	width: 130px;
	border: 1px solid #d2d3d4;
	border-radius: 5px;
	background: #f4f6f6;
	padding: 10px;
	color: #87888a;
}
.product-imp,
.product:hover {
	background: #42b1e0;
	border: 1px solid #124064; 
	color: #FFF;
}
.product-name {
	background: #87888a;
	height: 25px;
	color: #FFF;
	text-align: center;
	font-size: 11pt;
	padding-top: 5px;
	margin: -11px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.product-imp .product-name,
.product:hover .product-name {
	background: #124064;
}
.product-promotion {
	margin-top: 10px;
	margin-left: -10px;
	margin-right: -10px;
	text-align: center;
	padding-top: 10px;
	height: 65px;
	border-bottom: 1px solid #d2d3d4;
	background: #e6e743;
	font-size: 0.9em;
}
.product-imp .product-promotion,
.product:hover .product-promotion {
	background: #fdff00;
	border-bottom: 1px solid #124064;
	color: #124064;
}
.product-price {
	margin-top: 10px;
	text-align: center;
	padding-top: 10px;
	height: 65px;
	border-bottom: 1px solid #d2d3d4;
}
.product-imp .product-price {
	border-bottom: 1px solid #124064;
}
.product-info { font-weight: bold; }
.product-size {
	text-align: center;
	padding-top: 10px;
	height: 50px;
}
.product-title {
	text-transform: uppercase;
	color: #d7d8d8;
}
.product-promotion .product-title {
	color: #87888a;
	font-size: 1.1em;
}
.product-imp .product-title,
.product:hover .product-title {
	color: #124064;
}
.product .button,
.product-imp .button {
    width: 130px;
}


/* Twitter-button */
.twitter-button {
	height:25px;
}
.twitter-button:hover {
	filter:alpha(opacity=75); 
	opacity:0.75;
}


/* fiastorage-box */
.fiastorage-box {
	width: 280px; 
	height: 65px;
	margin-left: 15px;
	margin-bottom: 15px; 
	background: url(/img/logo-fiastorage-white.png) no-repeat center center #2C2C2C; 
	border: 1px solid #66b35b; 
	border-radius: 5px; 
	cursor: pointer;
	float: right;
}


/* List table */
table.list-table {
	margin: 0px auto 30px auto;
	border: 1px solid #d2d3d4;
	border-collapse: collapse;
}
table.list-table.big {
	width: 95%;
}
table.list-table tr {
	height: 30px;
}
table.list-table tr.par {
	background: #eff2f2;
}
table.list-table tr.tall {
	height: 40px;
}
table.list-table tr.deleted {
	background: #de1919;
	color: #eff2f2;
}
table.list-table td {
	padding: 3px 20px 3px 10px;
	border-right: 1px dotted #d2d3d4;
}
table.list-table td.last {
	padding: 3px 10px 3px 10px;
	border-right: none;
}
table.list-table th {
	background: #0081C3;
	color: #FFF;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	height: 25px;
	border: none;
}
table.list-table tr.edit-form th {
	background: #d2d3d4;
	height: 45px;
}
table.list-table tr.edit-form th a,
table.list-table tr a.table-button {
	background-color: white;
	padding: 5px;
	color: black;
	border: 1px solid #2C2C2C;
	border-radius: 4px;
	margin-top: 2px;
	font-weight: bold;
}
table.list-table tr a.table-button {
	border: 1px solid #d2d3d4;
}
table.list-table tr.edit-form th a:hover,
table.list-table tr a.table-button:hover {
	background-color: #eff2f2;
}
table.list-table tr.edit-form th a:active,
table.list-table tr a.table-button:active {
	background-color: white;
}
table.list-table .save,
table.list-table .edit,
table.list-table .delete,
table.list-table .remove,
table.list-table .resend,
table.list-table .cancel {
	padding-left: 25px !important;
}
table.list-table .save {
	background: url(/img/metadata/disk.png) 5px center no-repeat;
}
table.list-table .edit {
	background: url(/img/metadata/edit.png) 5px center no-repeat;
}
table.list-table .delete {
	background: url(/img/metadata/delete.png) 5px center no-repeat;
	padding-right: 18px;
}
table.list-table .remove {
	background: url(/img/metadata/cross.png) 5px center no-repeat;
	margin-right: 10px;
}
table.list-table .resend {
	background: url("/img/cloudapis/refresh.png") 5px center no-repeat;
}
table.list-table .cancel {
	background: url(/img/metadata/cross.png) 5px center no-repeat;
	margin-right: 10px;
}
table.list-table td.list-td-edit {
	background: url(/img/metadata/edit.png) 10px center no-repeat;
	padding: 3px;
	width: 15px;
	cursor: pointer;
	color: #03a1de; 
	filter: alpha(opacity=75); 
	opacity: 0.75;
}
table.list-table td.list-td-edit:hover {
	filter: alpha(opacity=100); 
	opacity: 1;
}
table.list-table td.list-td-download {
	background: url(/img/metadata/download.png) 10px center no-repeat;
	padding-left: 32px;
	cursor: pointer;
	color: #03a1de; 
}
table.list-table td.list-td-details {
	cursor: pointer;
}
table.list-table td.list-td-details:hover,
table.list-table td.list-td-download:hover {
	color: #006B9F; 
	text-decoration: underline;
}
table.list-table .title {
	font-weight: bold;
} 

/* Thumbnail */
.thumbnail-preview {
	max-width: 200px;
	max-height: 200px;
	padding: 5px;
	margin-bottom: 10px;
	border: 2px solid #b8d6ee;
	border-radius: 5px;
	-moz-box-shadow: 7px 7px 4px #888;
	-webkit-box-shadow: 7px 7px 4px #888;
	box-shadow: 7px 7px 4px #888;
}

/* Domain */
.editgroup,
.fixedgroup {
	border: 1px solid gray;
	border-radius: 2px;
	padding: 2px 4px 2px 4px;
	background: #edf0f1;
	color: gray;
	text-align: center;
}

/* Remove link */
.remove-link {
	padding-left: 18px;
	background: url(/img/metadata/cross.png) left center no-repeat;
}

/* Pagination */
#user-pagination a,
#user-pagination span {
	font-weight: bold;
	margin: 0px 2px 0px 2px;
}

/* Tabs */
.tabs {
	margin-top: 15px;
	margin-bottom: 25px;
	border-bottom: 1px solid #2C2C2C;
}
.tabs input[type="button"] {
	border: none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding: 8px 15px 8px 15px;
	margin: 0px;
	font-size: 1em;
	background: #edf0f1;
	color: gray;
	cursor: pointer;
}
.tabs input[type="button"]:hover {
	background: #b1bbbe !important;
	color: white !important;
}
.tabs input[type="button"]:active,
.tabs input[type="button"].active {
	cursor: default !important;
	background: #2C2C2C !important;
	color: white !important;
	text-decoration: underline !important;
}

/* Browser buttons */
.browser-buttons {
	clear: both;
	overflow: hidden;
	height: 40px
}
.browser-buttons .gray-button {
	float:left;
}
.browser-buttons div.gray-button.upload-box {
	background: #F1F3F3 url(/img/metadata/upload-file.png) no-repeat 5px center;
	position: relative;
	overflow: hidden;
	padding: 0px !important;
	height: 30px !important;
}
.browser-buttons div.upload-box input {
	position: absolute;
	right: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	height: 30px;
	cursor: pointer;
	filter: Alpha(Opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	z-index: 2;
}
.browser-buttons div.upload-box div {
	padding: 5px 5px 5px 25px;
}
.gray-button.uploading-box {
	padding: 5px 5px 5px 28px;
	height: 20px !important;
	background: #F1F3F3 url(/img/metadata/ajax-loader-small.gif) no-repeat 5px center !important;
	cursor: default;
	display: none;	
}
.gray-button.uploading-box:hover {
	background-color: #F2F4F5 !important;
	border: 1px solid #D2D3D4 !important;
	color: #D2D3D4 !important;
	cursor: default !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	text-decoration: none !important;
}
.gray-button.addfolder {
	background: #F1F3F3 url(../img/metadata/add-folder.png) no-repeat 5px center;
	padding-left: 25px;
}
.gray-button.emptytrash {
	background: #F1F3F3 url(../img/metadata/delete.png) no-repeat 5px center;
	padding-left: 25px;
}

/* User list - shared */
div.user-list {
	margin: auto; 
	width: 500px;
	padding: 10px;
	background: #fcfdfd;
	border: 1px solid #d2d3d4;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
div.user-add {
	margin: auto;
	margin-bottom: 15px;
	width: 502px;
	padding: 5px 7px 5px 11px;
	background: #eff2f2;
	border: 1px solid #d2d3d4;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top: none;
	height: 28px;
}
div.user-add img {
	width: 16px;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: -2px;
}
div.user-body {
	margin: auto;
	margin-bottom: 10px;
	width: 425px;
}
div.user-body textarea {
	width: 420px;
	padding: 5px;
}
.help-permissions {
	float: left;
	margin-left: 2px;
	margin-top: 1px;
}

/* Cloud apis */
.cloudapis-mode-title {
	margin-top: 15px;
	margin-bottom: 5px;
}
.cloudapis-mode-title h2,
.cloudapis-mode-title .help-image {
	display: inline-block;
}
.cloudapis-mode-title .help-image {
	margin-bottom: -3px;
	margin-left: 2px;
}
.cloudapis-mode-title .help-image .help-info {
	width: 210px;
}
.cloudapis-box {
	background: url("/img/cloudapis/default.png") 10px center no-repeat;
	border: 1px solid #d2d3d4;
	border-radius: 5px;
	padding: 2px;
	padding-left: 60px;
	min-height: 25px;
	margin-bottom: 6px;
}
.cloudapis-box.google {
	background: url("/img/cloudapis/google.png") 10px center no-repeat;
}
.cloudapis-box.googledocs {
	background: url("/img/cloudapis/googledocs.png") 10px center no-repeat;
}
.cloudapis-box.googleapps {
	background: url("/img/cloudapis/googleapps.png") 10px center no-repeat;
}
.cloudapis-box.googleplus {
	background: url("/img/cloudapis/googleplus.png") 10px center no-repeat;
}
.cloudapis-box.facebook {
	background: url("/img/cloudapis/facebook.png") 10px center no-repeat;
}
.cloudapis-box.flickr {
	background: url("/img/cloudapis/flickr.png") 10px center no-repeat;
}
.cloudapis-box.picasa {
	background: url("/img/cloudapis/picasa.png") 10px center no-repeat;
}
.cloudapis-box.linkedin {
	background: url("/img/cloudapis/linkedin.png") 10px center no-repeat;
}
.cloudapis-box.twitter {
	background: url("/img/cloudapis/twitter.png") 10px center no-repeat;
}
.cloudapis-box.dropbox {
	background: url("/img/cloudapis/dropbox.png") 10px center no-repeat;
}
.cloudapis-box:hover {
	border-color: #2c2c2c;
}
.cloudapis-box .cloudapis-title {
	cursor: pointer;
	font-weight: bold;
	color: #03a1de;
	height: 20px;
	overflow: hidden;
}
.cloudapis-title:hover {
	color: #006B9F;
	text-decoration: underline;
}
.cloudapis-info {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.cloudapis-links {
	cursor: pointer;
}
.cloudapis-links .refresh {
	background: url("/img/cloudapis/refresh.png") left center no-repeat;
	padding-left: 15px;
	margin-right: 20px;
}
.cloudapis-links .unlink {
	background: url("/img/cloudapis/unlink.png") left center no-repeat;
	padding-left: 18px;
	margin-right: 20px;
}
.cloudapis-links .link {
	background: url("/img/cloudapis/add.png") left center no-repeat;
	padding-left: 18px;
	margin-right: 20px;
}

/* Invitations */
.invitation-step {
	position: relative;
	overflow: hidden;
	margin-top: 10px;
}
.invitation-step-first,
.invitation-step-second,
.invitation-step-third {
	background: url(/img/backgrounds/1-step.png) no-repeat top left;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	width: 30px;
	height: 30px;
}
.invitation-step-second {
	background: url(/img/backgrounds/2-step.png) no-repeat top left;
}
.invitation-step-third {
	background: url(/img/backgrounds/3-step.png) no-repeat top left;
}
.invitation-step-box {
	background: url(/img/utils/box-background.png) top left repeat-x;
	margin: 15px 0px 0px 15px;
	padding: 10px;
	border: 1px solid #d2d3d4;
	border-radius: 5px;
	overflow: hidden;
}
.invitation-step-box h1 {
	color: #58595B;
	font-size: 15px;
	margin-bottom: 10px;
}
.invitation-step-box div {
	overflow: hidden;
}
.invitation-social-networks {
	margin: auto;
	width: 380px;
}
.invitation-social-networks li {
	margin-right: 30px;
}
.invitation-social-networks li.last {
	margin-right: 0px;
}
.invitation-social-networks img {
	cursor: pointer;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease;
}
.invitation-social-networks img:hover {
	filter: Alpha(Opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.invitation-step-box .googlecontacts {
	background: url("/img/buttons/googlecontacts.png") 5px center no-repeat;
	padding-left: 38px !important;
	width: 230px;
	text-align: left;
	border: 1px solid #2C2C2C !important;
}
.invitation-send-mail-load {
	float: left;
	width: 250px;
	height: 40px;
}
.invitation-send-mail-text textarea {
	width: 95%;
	max-width: 95%;
	font-size: 11px;
}
.invitation-step-box #zeroclipboard-box {
	position:relative;
	top: -3px;
	left: 10px;
	float: left;
	height: 35px;
	padding: 0px;
}
#zeroclipboard-button {
	height: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}


/* Access box */
.access-box {
	width: 500px; 
	margin: 30px auto 30px auto; 
	background: url(/img/utils/box-background.png) top left repeat-x;
}
.access-login-info,
.access-register-info {
	padding: 10px;
	border: 1px solid #d2d3d4;
	border-radius: 5px;
}
.access-terms {
	font-size: 0.8em;
	line-height: 1.3em;
	text-align: center;
}
.access-change {
	margin-left: 5px;
}


/* Image help */
.help-image {
	background: url(/img/metadata/help.png) center center no-repeat;
	width: 21px;
	height: 21px;
	position: relative;
	cursor: pointer;
}
.help-image div.help-info {
	position: absolute;
	top: -10px;
	left: 30px;
	border-radius: 5px;
	background: #B8D6EE;
	padding: 15px;
	color: #2C2C2C;
	width: 150px;
	display: none;
}
.help-image div.help-triangle {
	position: absolute;
	top: 12px;
	left: -8px;
	background: url(/img/metadata/triangle-help.png) no-repeat top right;
	width: 8px;
	height: 15px;
}

/* Box invitation */
h1.box-invitation-title {
	overflow: hidden;
	margin: 0;
	color: #58595B;
	font-size: 15px;
}
h2.box-invitation-email {
	overflow: hidden;
	margin: 0;
	margin-top: 8px;
	font-size: 12px;
	line-height: 15px;
	height: 15px;
	font-weight: normal;
}
h3.box-invitation-state {
	overflow: hidden;
	margin: 0;
	font-size: 10px;
	line-height: 12px;
	height: 12px;
	font-weight: normal;
}

/* Home */
.home-info {
	overflow: hidden; 
	margin: auto;
	margin-top: 60px;
	margin-bottom: 40px;
}
.home-info-box {
	width: 290px; 
	float: left; 
	margin-left: 33px;
}
.home-info-box .box {
	height: 170px;
	text-align: center;
	font-size: 14px;
}
.home-info-box .box p {
	text-align: center;
}
.home-info-box.first {
	margin-left: 0px;
}
.home-info-box .box h1 {
	color: #00a3f2;
	letter-spacing: 1px;
	font-size: 18px;
}
.beta-form {
	width: 400px; 
	overflow: hidden; 
	margin: 60px auto;
}
.beta-email {
	width: 235px; 
	float: left; 
	height: 34px !important;
}
.beta-button {
	height: 40px; 
	width: 150px; 
	padding: 0px; 
	margin-left: 5px; 
	float: left;
}

/* fmessage */
.fmessage-click {
	margin-top: 10px;
	text-align: center;
	font-family: ReenieBeanie, Arizonia, comic sans ms;
	font-size: 25px;
	line-height: 25px;
}
.fmessage-click a {
	color: #F00;
}
.fmessage-alert {
	position: fixed; 
	top: 0px; 
	left: 0px;
	right: 0px;
	bottom: 0px; 
	background: url(/img/backgrounds/alert.png) repeat;
	z-index: 5000;
	display: none;
}
.fmessage-alert span {
	position: absolute;
	top: 70px;
	right: 70px;
	font-family: ReenieBeanie, Arizonia, comic sans ms;
	font-size: 35px;
	color: #fff;
	-webkit-transform: rotate(10deg);
	line-height: 35px;
	text-align: center;
}
.fmessage-alert .close {
	position: absolute;
	background: url(/img/utils/close-popup-image.png) center center no-repeat;
	top: 75px;
	right: 40px;
	width: 28px;
	height: 28px;
	border: 2px solid white;
	border-radius: 15px;
	cursor: pointer;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease;
	-webkit-transform: rotate(2deg);
}
.fmessage-alert .close:hover {
	background-color: black;
	border-color: gray;
}
.fmessage-info {
	position: absolute;
	z-index: 5001;
	font-family: ReenieBeanie, Arizonia, comic sans ms;
	font-size: 25px;
	line-height: 27px;
	color: #FFFF00;
	display: none;
}
.fmessage-admin {
	background: url(/img/fmessage/arrow-admin.png) no-repeat left top;
	bottom: -22px;
	left: 97px;
	padding-left: 175px;
	height: 70px;
}
.es .fmessage-admin {
	left: 135px;
}
.fmessage-admin div.info {
	-webkit-transform: rotate(-1deg);
	width: 500px;
	margin-top: 15px;
}
.fmessage-down {
	background: url(/img/fmessage/arrow-cs.png) no-repeat left top;
	bottom: -41px;
	left: 100px;
	height: 80px;
	padding-left: 205px;
}
body.es .fmessage-down {
	left: 150px;
}
.fmessage-down div.info {
	-webkit-transform: rotate(1deg);
	width: 450px;
	margin-top: 45px;
}
.fmessage-cs {
	background: url(/img/fmessage/arrow-down.png) no-repeat left top;
	top: 20px;
	left: 10px;
	padding-left: 10px;
	padding-top: 135px;
}
.fmessage-cs div.info {
	-webkit-transform: rotate(-5deg);
	width: 500px;
	padding-bottom: 50px;
	background: url(/img/backgrounds/header-home-social-net.png) no-repeat center bottom;
}

/* FAQ */
.faq-content h1 {
	margin-bottom: 20px;
}
.faq-content a.pointer { 
	height: 20px;
	display: block;
}
.faq-content ul,
.faq-content ol {
	margin: 0px 0px 15px 15px;	
}
.faq-content ol {
	margin-left: 50px;	
}
.faq-content ul li {
	display: block;
	margin: 0px;
}
.faq-content .list-title {
	font-weight: bold;
}
#faq-menu-index .faq-title {
	font-size: 1.1em;
	font-weight: bold;
}
.faq-content-menu {
	background: url(/img/utils/box-background.png) top left repeat-x;
	border: 1px solid #d2d3d4;
	border-radius: 5px;
	padding: 10px;
	margin: 5px 0px 10px 10px;
	float: right;
	font-size: 0.8em;
	min-width: 100px;
}
.faq-content-menu h1 {
	margin: 0px;
}
.faq-content-menu h2 {
	margin: 0px;
}
.faq-content-menu #faq-menu-index {
	margin-top: 10px;
}
.go-to-top {
	text-align: right;
}
.go-to-top a {
	background: url(/img/buttons/arrow-up.png) no-repeat right center;
	padding: 5px 25px 5px 5px;
}
.tab-1 {
	margin-left: 15px;
}
.faq-image {
	text-align: center;
	margin: 10px;
}
.faq-image span {
	font-size: 0.9em;
	font-style: italic;
}

/* mwc */

/* Animations */
@-webkit-keyframes mwc {
	from {
		filter: alpha(opacity=70);
		opacity: 0.7;
	}
	to {
		filter: alpha(opacity=100);
		opacity: 1;
	}
}
.mwc { 
	text-align: center; 
	-webkit-animation-name: mwc;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-direction: alternate;
}
.mwc img {
	-moz-box-shadow: 1px 1px 4px #D2D3D4; 
	-webkit-box-shadow: 1px 1px 4px #D2D3D4; 
	box-shadow: 1px 1px 4px #D2D3D4;
	border-radius: 5px; 
	max-width: 350px; 
	margin-bottom: 5px;
}
.mwc span {
	color: #333; 
	letter-spacing: 1px; 
	font-size: 15px; 
	line-height: 18px;
}

