/* ESTRUCTURA */

/* -------- General ---------------------------------------------------------- */
	html, body {}
	body {margin: 0; padding: 0; }

	form { margin: 0; padding: 0; }
	label { margin: 0; padding: 0; }
	label.marcas{float:left; margin: 0 0 5px 0;}
	fieldset { margin: 0; padding: 0;}
	td { vertical-align: top; }
	hr { clear: both; }
	
	p {margin: 0 0 13px 0; padding: 0;}

	ul {margin: 13px 0px 10px 25px;padding: 0px;}
	li {padding: 0px 0px 5px 0px; text-align: left;}
   
    div.hr { height: 30px; clear:both;}
	div.hr hr { display: none;}
	
/* -----Shell ----------------------------------------------------------------- */
#wrapper{width:773px;margin:0 auto; text-align:left; background: #fff;}

#cuerpo{background:#fff; width:765px; float:left; padding-left: 8px;}
#contenedor_validar{ margin: 0 auto 0 auto; text-align:center; width:773px;} 

#columnleft {width: 157px; float:left;}
#middle {width: 448px; float: left;}
#columnright {width: 148px; float:left; position: relative; padding:0; margin:0;}
#columnright.mysuite {padding-top: 45px;}

.wrapper {
	margin:0;
	padding: 0;
	border: 0;
	border-width: 0;
}
.wrapper img{ padding: 15px 0 0 15px; }
.wrapper table .agentes { width: 450px; margin:0 0 0 20px; float:left;}

.wrapper td input{width: 30px; text-align:left; display: inline;}
.wrapper td label{text-align:left;  margin: 2px 0 3px 20px; padding: 1px;}
.left { float: left; width:190px; margin: 0 0 0 15px; }
.left .content_1{ padding:15px 15px 0 15px;}
.left img{
	padding: 10px 0 0 0;
	border: 0;
}
.right { float: right; width:190px; margin: 0 10px 0 0; }
.right .content_1{ padding:15px 15px 0 15px;}
.right img {padding: 10px 0 0 0;}

/* ---------------Top ------------------------------------------------------------------- */
	
	#top {padding: 0 0 0 8px; margin:0; display: block; height:121px; width:755px; position: relative;}
	#top a { width: 192px; height: 102px;  }
	#b_music {position: absolute; top: 0px; right: 0px;}
	#top_products { padding-top: 70px; }
	#reproductor{ float:right; padding-top:15px;}
	#top img{ float:left; }
 
/* ---------Menu ------------------------------------------------------------------ */

	#menu {width: 448px; height:31px; display: block;}
	#menu ul{width:430px; height:31px; padding:0; margin:0;}
	#menu li{ padding:10px 0 0 5px; float:left;}
	#menu div {height: 26px; width: 140px; position: absolute;}
	#menu div img {height: 26px;}

/* -------------Content --------------------------------------------------------------- */
	
	.padding { width:375px; padding: 0 15px; clear: both;}
	.padding h2 {padding:0; clear: both;}
	.padding p small { padding-top: 20px;}
	.padding p img{ padding:0; margin:10px 0;}

	.padding_recomendar { width:420px; padding: 20px 15px; clear: both;}
	.padding_recomendar label { width:102px;}
	.padding_recomendar h2 {padding:0; clear: both;}
	.padding_recomendar p small { padding-top: 20px;}
	.padding_recomendar p img{ padding:0; margin:10px 0;}
	.padding_recomendar input { width:230px;}
	.padding_recomendar .boton { float:left; margin: 30px 0 0 130px;}
	.padding_recomendar textarea { width:230px;}




/* ----------Logo ------------------------------------------------------------------ */   

	#logos {padding-top: 0px; width:140px;}
	#logos div {display: block; margin: 40px 25px;}


/* -------Footer ---------------------------------------------------------------- */

	#footer { width: 725px; height: 43px; text-align: center; float: left; clear: both;}
	#footer li{ float:left; padding:0 5px 0 5px;}
	#footer small{ padding-left: 7px;}	
	#footer p{ margin: 0 0 0 20px; padding: 0 0 0 15px; float:right}

   
/* --------News Listing ---------------------------------------------------------- */

   .news .wrapper { padding: 80px 0px 30px 0px; }
   .news .left { width:75px; float:left; }
   .news .right { width:250px; }
   .news_listing .left img{ padding:0; margin:0;}
   
   .news_listing { width:400px; padding:15px 15px 10px 0; clear: both; float:left; border:0; }
   .news_listing .left{width:100px; float:left;}
   .news_listing .right{width:245px; float:left;}

	.news_listing a img {float: left; margin-bottom: 5px; }
	.news_listing h1 { margin: 0 0 10px 0; padding: 0;}
	.news_listing h3 { margin-top: 5px; margin-bottom: 5px; }
	.news_listing .imagenet { width:75px; float:left; padding:0; border: 1px solid #ccc }
	.news td a{color:#000;}

.ItemTemplate{ margin: 10px;}
	
	#news_big { float:left; padding:0; margin:0; width: 350px;}
	
	
	
/* --------Forms ----------------------------------------------------------------- */

input, select {width: 170px; padding-left: 4px; margin: 3px 0 10px 0;}
textarea{width: 270px; padding-left: 4px; margin: 3px 0 10px 0;}


legend {margin: 15px 0 10px -7px; padding: 25px 0 0 0; font-size: 14px;}
label { margin: 2px 0 3px 0; padding: 1px; display: inline; }
.nobox {margin: 0; padding: 0; border: 0px;width: auto; height: auto;}
input .marcas{width: 800px; padding-left: 4px; margin: 0 0 5px 0; float: left;}
input .check{ float:left; width: 30px;}

input.boton{width:60px; margin:20px 0 0 95px; padding: 2px; text-align: center;}
.boton{ padding:1px 3px; float:right; margin: 15px 5px 0 0; width:40px; }
input .boton_enviar{float:right; margin:20px 0 0 95px; padding: 2px; text-align: center;  }

#submit_info {width: 452px; height: 40px;}
#submit_info a { float:right; margin:8px 30px 0 0; }
#validate_profile { display: none; float: left; padding: 14px 30px 0px 30px; }
	
#signup .padding {clear: both;}


/* -------Form Backstage Login -------------------------------------------------- */
		
#login fieldset, #forgot fieldset {padding: 10px 0px 0px 10px;}
#login fieldset legend, #forgot fieldset legend { display: none; }
#b_go, #b_go2, #b_close {width:50px; height:15px; border: 0px; float: right;}
#b_close { width: 42px; }
a#aforgot, a#aremember {float: left; padding-top: 3px;}
   
/* --------Call to Action -------------------------------------------------------- */
  
#register {padding: 30px 13px 0 10px;}
#utilities { float:left; padding: 20px 0px 0 10px; margin: 0 ;}
#utilities p {padding: 10px 0px 0 10px;}

.bloqueseccion{margin-bottom:5px;}

.botonmenuseccion{ width: 130px; overflow:hidden;margin:1px 0 0 0;padding:5px 0 5px 0; height: 16px; }
.botonmenuseccion li{float:left;padding:1px 7px 0 0;}

.botonmenuseccion li span span{display:none;}
.botonmenuseccion li.iconoagenda a{display:block; width:16px;height:14px; float:left;}
.botonmenuseccion li.iconocuaderno a{display:block; width:13px;height:11px;}

.botonmenucuaderno{width: 130px; overflow:hidden;margin:1px 0 0;padding:5px 0 5px 0;}
.botonmenucuaderno li{padding:3px 7px 0px 0; overflow:hidden; float: left;}
.botonmenucuaderno li.titulo{float:left; display:block; }
.botonmenucuaderno li.iconocuaderno a{float:left; display:block; width:13px; height:11px;}
.botonmenucuaderno li span span{display:none; float: left }
.botonmenucuaderno li.iconofavoritos a{float:left; display:block; width:13px; height:14px;}
   
/* --------Text ------------------------------------------------------------------ */

h1, .h1 {margin: 0 0 10px 0; padding: 0;}
h2, .h2 {margin: 0 0 5px 0; padding: 0;}
h3, h3 a, h3 a:visited, h4, h4 a, h4 a:visited, h5, h5 a, h5 a:visited, h6, h6 a, h6 a:visited {margin: 0 0 2px 0; padding: 0;}
a.cross, a.minus {padding-left: 35px;}

/* ------Title ----------------------------------------------------------------- */

#t_soul {width: 125px; height: 20px;}
#t_news {width: 51px; height: 20px;}
#t_newsbig {width: 100px; height: 22px;margin-left:30px;}

#t_newsdetails { float:left; padding-top: 20px; margin-left:15px; width:420px;}
#t_sitemap {padding: 30px 0 0 20px;}
#t_desarrollo { padding: 50px 0px 100px 0;}
#t_desarrollo h3 { padding: 0 50px 0 50px;}
	
/* -------Site Map ----------------------------------------------------------------- */
.wrapper sitemap ul{ }
.wrapper sitemap img { margin:0 0 30px 0; }
.accesibilidad { margin:10px; padding:10px;}
.sitemap ul, sitemap ul li {margin: 0px; padding:10px 0 5px 15px }
.sitemap ul li p { margin-top: 6px; }
.sitemap ul li ul {margin-bottom: 20px;}
.sitemap ul li ul li {margin-left: 20px;}
.sitemap ul li ul li ul {margin: 5px 0 0 0;}
			
/* ------Products Details ------------------------------------------------------ */

#columnright img#next_dead, #columnright img#next {position: absolute;top: 13px;left: 1px;}

/* --------Paging --------------------------------------------------------- */
.paginacion { text-align:center; float:right; width:350px;}
.paginacion li{ float:left; padding: 0 5px 0 5px; border-left: 1px solid #999;}
.paging { float: right; }
.paging a {padding: 0 1px;}
.paging_pages {text-align: center;padding:0 10px;vertical-align: middle;}
	
/* ------ Attachements ---------------------------------------------------------- */

#page_attachments { width:350px;}
#page_attachments ul {margin: 0 0  30px 0; padding: 0;list-style: none;}
#page_attachments ul li {margin: 0; padding: 0;padding-bottom: 15px;}
#page_attachments a {padding-left: 35px;}

/* formulario */

form {margin: 0;padding: 0;float:left}
#notlogged{ float:left; margin:0 0 20px 0; padding:0 0 0 5px; }
#notlogged img{ margin:10px 0 0 0; }
#notlogged input { margin: 5px 0; padding: 0; width:13.2em;}
#notlogged label {margin:0 15px 5px 0 ; padding: 0;
}
legend {margin: 1em 0;padding: 0 .5em;}
label {float: left; width: 60px; padding: 0 1em;}
label.marcas{margin-left: 20px;}
fieldset div {margin-bottom: .5em;padding: 0;display: block;}


fieldset div input, fieldset div textarea {width: 250px; margin: 5px 0 ; padding: 1px;}
fieldset div select {padding: 1px;}
div.fm-multi div {margin: 5px 0;}
div.fm-multi input {width: 1em;}
div.fm-multi label {display: block;width: 200px;padding-left: 5em;}
div.fm-select input {width:30px;}

#fm-submit {clear: both;padding-top: 1em;}
#fm-submit input {padding: 2px 1em;width:100px;height:20px;}