/* start clear styles */
html,body {margin:0;padding:0;width:100%;height:100%;font-family:Verdana;font-size:100%;color:#999;background-color:#090909;}
h1,h2,h3,h4,h5,h6,p,blockquote,ul,ol,dl,li,dt,dd {margin:0;padding:0;font-size:1em;}
ul,ol,dl,li,dt,dd {list-style:none;margin:0;padding:0;}
form,fieldset,input {margin:0;padding:0;border:0;outline: none;}
abbr,acronym {border:0;}
q:after,q:before {content:'';}
a,img {outline: none; border: none;}
.clr {clear: both;width:0;height:0;margin:0;padding:0;}
/* end clear styles */

/* Footer trick START */
#nonFooter {
	position: relative;
	min-height: 100%;
	background: #090909 url(../site-img/page_bg.jpg) center top no-repeat;
}
* html #nonFooter {
	height: 100%;
}
/* A CSS hack that only applies to IE -- specifies a different height for the footer */
	* html div.footer_wrapper {
		margin-top: -4em; /* Sum of footer elements */
	}
div.footer_fix {
	width: 0;
	height: 0;
	display: block;
	padding-bottom: 5em;
}
/* Footer trick STOP */
h2 {
	color: #555;
	font-size: 1em;
	}

div#contenido {
	width: 57em;
	margin: 0 auto 0 auto;
	padding: 0 2em 0 2em;
	}

div#contenido-up {
	margin: 0 auto 0 auto;
	padding: 0 2em 0 2em;
	}

/* Estilos del estatico */
div#contenido-statico {
	width: 53em;
	display: table;
	min-height: 25em;
	margin: 2em auto;
	padding: 0 1em 0 1em;
	}

div#cntstatico {
	min-height: 18em;
	margin: 0 auto;
	width: 90%;
	font-size: .9em;
	line-height: 1.8em;
	}

div#cntstatico big {
	font-weight: bold;
	font-size: 1.2em;
	color: #3C84C1;
	}

div#contenido-statico p a, div#contenido-statico li a {
	color: #444;
	border-bottom: 1px solid #999;
	text-decoration: none;
	font-weight: bold;
	}
	
div#contenido-statico p a:hover, div#contenido-statico li a:hover {
	color: #3C84C1;
	border-bottom: 1px solid #ADD2F1;
	text-decoration: none;
	}

div#contenido-statico h1 {
	margin: 0 auto .5em auto;
	text-align: center;
	}
	
div#cntstatico h2 {
	margin: 1.5em 0 0 0;
	font-size: 1.4em;
	color: #333;
	}

div#cntstatico h2 span {
	color: #999;
	font-weight: normal;
	margin: 0 0 0 .5em;
	}

div#cntstatico h2 span a {
	color: #999;
	text-decoration: none;
	}

div#cntstatico h2 span a:hover {
	color: #3C84C1;
	}

div#cntstatico h3 {
	margin: 1.5em 0 .5em 0;
	font-size: 1em;
	color: #555;
	}

div#cntstatico h3 span {
	color: #999;
	font-weight: normal;
	margin: 0 0 0 .5em;
	}

div#cntstatico h4 {
	margin: 1.5em 0 .5em 0;
	font-size: 1.1em;
	color: #333;
	border-bottom: 1px solid #CCC;
	}

div#cntstatico p {
	margin: .5em 0 .5em 0;
	}

div#cntstatico p.pb {
	margin: .5em 0 .5em 0;
	font-size: 1.5em;
	font-family: "Courier New", Courier, monospace;
	color: #666;
	}

div#cntstatico p.pb span.azul {
	color: #0066CC;
	font-weight: bold;
	}

div#cntstatico p.pb span.rojo {
	color: #990000;
	}
	
div#contenido-statico ol {
	list-style-position: inside;
	margin: 0 auto 0 auto;
	padding: 0;
	line-height: 1.8em;
	}

textarea.fieldtxta {
	display: block;
	margin: 1em 0 0 0;
	padding:  .4em;
	width: 53em;
	color: #000;
	background: #fcfcfc;
	font: 1em "Courier New", Courier, mono;
}

/* TOP */
div.header_wrapper {
	padding: 2em 0em;
	margin: 0 auto;
	width: 61.25em;
	display: table;
}
	div.header_wrapper div.logo {
		position: relative;
		float: left;
	}
		div.header_wrapper div.logo h1 a {
			position: absolute;
			top: 4.2em;
			left: 7.3em;
			font-size: 0.75em;
			text-decoration: none;
			color: #999;
		}
	div.header_wrapper div.limitations {
		font-size: 0.875em;
		margin: 2em 0 0 0;
		color: #555;
		float: right;
		color: white;
	}
		div.header_wrapper div.limitations span {
			color: #999;
			margin-right: 0.4em;
		}
		div.header_wrapper div.limitations span.red {
			color: red;
			margin-left: 0.4em;
		}
/* FOOT */
/* Footer part START */
div.footer_wrapper {
	position: relative;
	width: 100%;
	height: 4em;
	background: url(../site-img/xgroup-img-hr.png) center top no-repeat;
	margin-top: -4em; /* SUM of footer elements */
}
	div.copyright p {
		font-size: 0.625em;
		font-weight: bold;
		color: #999;
		text-align: center;
		padding-top: 1.2em;
	}
		div.copyright p span {
			color: white;
		}
	div.authors p {
		font-size: 0.625em;
		font-weight: bold;
		color: #999;
		text-align: center;
		vertical-align: middle;
	}
		div.authors p a {
			color: white;
			text-decoration: none;
		}
		div.authors p a:hover {
			text-decoration: underline;
		}
		div.authors p img {
			margin-bottom: -1.1em;
		}

/* Footer part STOP */
/* inputs */
	div.fileup_wrapper {
		width: 681px;
		height: 40px;
		color: #999;
		font-size: 16px;
		padding: 20px 10px 0 10px;
		background: url(../site-img/xgroup-img-file-field.png) left top no-repeat;
		margin: 0em auto;
	}
		input.file {
			text-align: left;
			width: 681px;
			height: 30px;
			color: #999;
			font-size: 16px;
			background: none;
}
form input.url { /* Se usa en index y en ver.php */
	font-size: 1.1em;
	padding-left: 3px;
	}

/* FIN ESTILOS GLOBALES */

/* ESTILOS PARA UPLOAD */
/* Error */
h2.error {
	clear: both;
	text-align: center;
	margin: 1.5em 0 1.5em 0;
	font-weight: normal;
	color: white;
	font-size: 1.4em;
}

h2.error span {
	padding: .4em .8em .4em .8em;
	border: 1px solid red;
}

#imagenred {
	text-align: center;
	clear: both;
	margin: 1.5em 0 1.5em 0;
	}

/* TABS */
div#selector_up {
	height: 33px;
	padding: 0;
	margin: 0 auto 0 auto;
	background: url(../site-img/xgroup-img-hr.png) center bottom no-repeat;
	}

div#tab_container {
	margin: 0 auto 0 auto;
	width: 262px;
	height: 33px;
}

div#tab_container a {
	width: 126px;
	height: 33px;
	display: block;
}

div.btn_local, div.btn_remoto {
	float: left;
	width: 126px;
	height: 33px;
}

div.btn_local, div.btn_remoto, a.local, a.remota {
	background-image: url(../site-img/xgroup-img-btn-tabs.png);
}

/* en */
div#tab_container.en div.btn_local, div#tab_container.en div.btn_remoto,
div#tab_container.en a.local, div#tab_container.en a.remota {
	background-image: url(../site-img/xgroup-img-btn-tabs.png) !important;
}
div.btn_local {
	margin-right: 10px;
	background-position: 0 -32px;
}
div.btn_remoto {
	background-position:  0 -96px;
}
a.local { background-position: 0 0; }
a.remota  {	background-position: 0 -64px; }
/* Las preferencias */
div#preferencias, div#preferencias a {
	width: 106px;
	height: 32px;
	display: block;
	background-image: url(../site-img/xgroup-img-preferences.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
div#preferencias {
	position: absolute;
	margin-top: 1em;
}
/* en */
div#preferencias.en, div#preferencias.en a {
	background-image: url(../site-img/xgroup-img-preferences.png) !important;
}
div#preferencias a:active {
	background-position: 0 -32px;
}
div#preferencias a span {
	display: none;
}

div#preferencias a#pclosed {
	background-position: 0 0;
}

div#preferencias a#popen {
	background-position: 0 -32px;
}

div#cajon-pref {
	padding: 10px 0 10px 0;
	min-height: 2.2em;
	}

div#pref-panel {
	width: 40em;
	margin: 20px auto 10px auto;
	border: 1px solid #DEDEDE;
	text-align: center;
	background: #F7F7F7;
}

div#pref-panel p {
	margin: .5em 0 0 0;
	padding: 0 1em 0 2em;
	text-align: left;
	display: block;
	float: left;
}

div#pref-panel div#save {
	float: right;
	text-align: right;
	margin: .7em 1em 0 0;
}

div#pref-panel div#save a {
	background: #000 url(../site-img/btn_save.png) repeat-x;
	font-family: "Lucida Sans";
	color: #FFF;
	padding: .4em .6em .4em .6em;
	border: 1px solid #000;
	width: 6em;
	font-size: .8em;
	text-decoration: none;
}

div#pref-panel div#save a:hover {
	background: #333;
	color: #FFF;
}

/* contenedor upload */
div#contenedorupload {
	padding: .5em 0 .5em 0;
	margin: .5em 0 .5em 0;
}

/* Formulario */
form {
	margin: 1em 0 3em 0;
	}

form input#remotaUP {
		width: 681px;
		height: 40px;
		color: #999;
		font-size: 16px;
		padding: 20px 10px 0 10px;
		background: url(../site-img/xgroup-img-file-field.png) left top no-repeat;
		margin: 0em auto;
	}

/* Boton subir */
input.subir {
	width: 164px;
	height: 40px;
	background: url(../site-img/xgroup-img-btn-upload.png) left top no-repeat;
	display: block;
	margin: 0em auto;
}
input.subir:hover {
	background-position: left bottom;
}
div#boton_subir {
	text-align: center;
	margin: 2.5em 0 2.5em 0;
	height: 40px;
	}
/* Boton redimensionar */
div#boton_redo {
	text-align: center;
	margin: 0 0 1.5em 0;
	height: 40px;
	}

div#boton_redo input {
	border: 0;
	}

/* inputs */
div.inputs {
	height: 2em; /* Esto mantiene la letidad */
	}

/* FORM SUBIR LOCAL/REMOTA */
div#subir_local, div#subir_remota {
	text-align: center;
	margin: 0 0 20px 0;
	}

div#subir_local h2, div#subir_remota h2 {
	margin: 10px 0 20px 0;
	color: #C5C5C5;
	}

/* REDIMENSIONAMIENTO */
div#redimensionar {
	width: 598px;
	margin: 0 auto 0 auto;
	}

div.denuevo {
	padding: 1.5em 0 0 0;
	}

div#redimensionar_cajatitulo {
	margin: 0 auto 0 auto;
	width: 600px;
	height: 32px;
	}

div#redimensionar_titulo {
	position: relative;
	height: 32px;
	width: 420px;
	margin-left: 100px;
	z-index: 1;
	}

/* Boton */
a#rclosed, a#ropen {
	height: 32px;
	width: 116px;
	display: block;
	background-image: url(../site-img/btn_red.gif);
	background-repeat: no-repeat;
}
a#ropen {
	background-position: 0 -32px;
}

div#redimensionar-borde {
	clear: both;
	position: relative;
	width: 598px;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	z-index: 0;
}

div#cajonred {
	padding: 40px 66px 40px 94px;
	height: 48px;
	display: block;
}

/* en */
div#boton_redimensionar.en a#rclosed, div#boton_redimensionar.en a#ropen {
	float: left;
	margin-top: 1px;
	width: 116px !important;
	background-image: url(../site-img/xgroup-img-resize.png) !important;
}
div#boton_redimensionar img {
	border: 0;
	display: block;
	}

div#red_mensaje {
	padding-top: 6px;
	float: left;
	display: block;
	}

span#red1, span#red2  {
	height: 32px;
	display: block;
	font-size: 12px;
	}

span#red1 {
	padding-left: 10px;
	color: #cacaca;
	}

/* LOS VALORES DE REDIMENSION */
div#ancho_deseado {
	width: 125px;
	font-size: 13.5pt;
	text-align: right;
	float: left;
	margin: 0 10px 0 0;
}
	div#ancho_deseado span {
		font-size: 10pt;
		color: #999;
		margin-top: -2px;
		display: block;
	}

form input#resize {
	float: left;
	font-size: 18px;
	text-align: center;
	width: 164px;
	height: 40px;
	color: white;
	background: url(../site-img/xgroup-img-resize-input.png) left top no-repeat;
	}

div#kepp {
	float: left;
	min-width: 130px;
	margin: 14px 0 0 8px;
	display: block;
	font-size: 7.5pt;
	color: #999;
}

/* ENVIANDO */
div#enviando {
	width: 40em;
	margin: 0 auto 0 auto;
	height: 3em;
	background: url(../site-img/xgroup-img-progress.gif) no-repeat left top;
}
span#momentito {
	padding-top: 2em;
	font-size: 0.875em;
	display: block;
}

/* ESTILOS DEL PROCESO Y ALGUNOS DEL VIEW */
/* subiste-viendo */
div#subiste-viendo h1 {
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	margin: 0 0 10px 0;
	}

div#subiste-viendo h1 a {
	text-decoration: underline;
	color: white;
	}

div#subiste-viendo h1 a:hover {
	color: red;
	}

/* imagen */
div#imagen {
	width: 56.25em;
	margin: 0 auto 0 auto;
	text-align: center;
	display: table;
	border: 1px solid #333;

}
/* imagenfull */
div#imagenfull {
	width: 99%;
	margin: 0 auto 0 auto;
	text-align: center;
	}

div#imagenfull img {
	border: 0;
	}

div#tools {
	display: block;
	height: 19px;
	margin-bottom: 10px;
}

div#sharethis a, div#fullsize a {
	cursor: pointer;
	height: 24px;
	line-height: 24px;
	float: right;
	color: #999;
	text-decoration: underline;
	font-size: 14px;
	padding: 0 10px 0 28px;
}

div#sharethis a {
	background: url(../site-img/xgroup-img-share-icon.png) left top no-repeat;
}
	div#sharethis a:hover {
		color: white;
		background-position: left bottom;
	}
div#fullsize a {
	background: url(../site-img/xgroup-img-zoom-icon.png) left top no-repeat;
}
	div#fullsize a:hover {
		color: white;
		background-position: left bottom;
	}
div#sharethis a:hover, div#fullsize a:hover {
	border-right-color: #999;
	border-bottom-color: #666;
}

/* share */
div#share {
	width: 49em;
	padding: 0 4em 0 4em;
	margin: 0 auto 0 auto;
	}

div#share h2 {
	margin: 2em 0 0 9.7em;
	font-weight: normal;
	}

div#share h2 span {
	color: #888;
	font-size: .8em;
	}

/* los h2 */
h2#md, h2#med, h2#mev { padding: 0 0 0 30px; color: white; line-height: 24px; }

h2#md { background: url(../site-img/show_url.gif) no-repeat 0 2px; }
h2#mev { background: url(../site-img/xgroup-img-view-link.png) left top no-repeat}
h2#mes { background: url(../site-img/show_social.gif) no-repeat 0 4px; padding-left: 1em; color: white; }
	
div.ctninput {
	width: 54em;
	clear: both;
	height: 2em;
}

div.ctninput input {
	width: 48em;
	font-size: .8em;
	padding: .4em;
	margin-top: .5em;
	background: none;
	color: #999;
	border: 1px solid #333;
}

div.ctninput-social {
	width: 48em;
	clear: both;
	height: 2em;
	}

div.ctninput-social input {
	margin: 10px 0 0 10px;
	width: 16px;
	height: 16px;
	background: #FFF;
	float: left;
	border: 0;
	}

div.codex {
	float: left;
	color: #999;
	font-size: .9em;
	text-align: right;
	line-height: 2.5em;
	width: 10em;
	}

div.codex a {
	color: #999;
	text-decoration: none;
	}

div.codex a:hover {
	color: #333;
	text-decoration: none;
	}

div.inputshare {
	float: left;
	margin-left: .65em;
	}

div.ctninput-social a {
	height: 16px;
	width: 16px;
	display: block;
	float: left;
	margin: 10px 0 0 10px;
	}

div#socialite {
	float: left;
	height: 30px;
	width: 600px;
	background: #000;
	}

a#facebook { background: url(../site-img/social.gif) no-repeat 0 0; }
a#digg { background: url(../site-img/social.gif) no-repeat -16px 0; }
a#delicious { background: url(../site-img/social.gif) no-repeat -32px 0; }
a#google { background: url(../site-img/social.gif) no-repeat -48px 0; }
a#tumblr { background: url(../site-img/social.gif) no-repeat -96px 0; }
a#twitter { background: url(../site-img/social.gif) no-repeat -112px 0; }
a#visualizeus { background: url(../site-img/social.gif) no-repeat -128px 0; }

div#quecosa {
	float: left;
	line-height: 20px;
	margin: .7em 0 0 1em;
	font-size: .8em;
	}