/*
##################################
#### Desarrollado por TTLogic ####
##################################
*/

body, ul, ol, h1, h2, h3, h4, h5, h6, p, dl, table, td{
	margin:0px;
	padding:0px;
}

body{
	font-size:12px;
}

ul, ol, h1, h2, h3, h4, h5, h6, p, dl, table, td{
	font-size:1em;
}

a img{
	border:none;
}

p{
	margin:15px 0px;
	padding:0px;
}

ul, ol, dd{
	margin-left:23px;
}

h1, h2, h3, h4, h5, h6{
	margin:15px 0px;
	padding:0px;
}

h1{font-size:1.5em;}
h2{font-size:1.3em;}
h3{font-size:1em;}
h4{font-size:0.8em;}
h5{font-size:0.6em;}
h6{font-size:0.4em;}
table{font-size:1em;}

.separador{clear:both;}

*div.separador{clear:none}

.floatLeft{float:left;}
.floatRight{float:right;}
.alignJustify{text-align:justify;}
.alignLeft{text-align:left;}
.alignRight{text-align:right;}
.alignCenter{text-align:center;}
.italic{
	font-style:italic;
}

.imgFloatLeft{float:left; margin:10px 20px 10px 0px;}
.imgFloatRight{float:right; margin:10px 0px 10px 20px;}

.imgAlignCenter {display: block; margin: auto; text-align: center;}

.limpio{
	margin:0px;
	padding:0px;
}

a {
	color:#51a026;
	text-decoration:none;
}

address {
  font-style: normal;
}


/*Jaime 17-05-2011: Integración del generador de mezclas*/

.invisible {display:none}

.blanco {background-color: #fff}

.gris_claro {background-color: #ccc}

.gris_oscuro {background-color: #666}

.beige {background-color: #fef0de}

.marfil {background-color: #f9f1ca }

.rojo{color:red}

.verde{color:green}

.fondo_verde{background-color:green}

.azul{background-color:blue}

.col-dcha {float:right}

.col-izda {float:left}

#borde { border-top: 1px solid #51A026; width:860px; margin-left: 22px; margin-top:20px}

#cuadros{ margin-top:-200px }

#cuadros ul{ width:auto }

#cuadros table { margin-left:65px; width:300px }

#cuadros table tr td{ margin-right:25px }

#cuadros ul li .pieza .ref_pieza{ display:block; width:30px }

#cuadros ul li .pieza .imagen_pieza{ display:block; width:30px }

#generador{ margin-top:15px; width:910px; height:420px}

#mosaico{ width:326px; height:326px;  display: none; margin-right: 115px; /*margin-top: 2px ;*/ }

.mosaico_col_izda {margin-left:0cm}

/*#mosaico img {margin-top:-2px; margin-left:-2px; border: 2px solid #fff; width: 28px; height: 28px}*/
#mosaico img {margin-top:-3px; margin-left:-3px; border: 3px solid #fff; width: 28px; height: 28px}
/*#mosaico img {margin-top:-4px; margin-left:-4px; border: 4px solid #fff; width: 28px; height: 28px}*/

#colores_leyenda{ position:relative; height:auto; width:380px;}

/*Originalmen 315 (6 colores)*/
#colores{ height: 235px; vertical-align:middle}

#leyenda{ margin-top:23px; height:2em; border: 1.3px solid #444; width:355px; margin-left: 23px; }

/*#leyenda li .color_junta {height:16px; width:16px;  float:right; margin: -2.6em 0.1em 2em 2em; border: 1px solid #999999; background-color: #000; vertical-align: middle;}*/

/*#leyenda li{ float:right; }*/

#leyenda .color_junta {height:16px; width:16px; margin-top:0.25em; margin-left:18px; margin-right: 2px; border: 1px solid #000;}

#leyenda ul {width:auto; padding:0; margin-top: -1em;}

#leyenda li { height: 16px; width:auto; list-style-type:none; display:inline }

#leyenda .campos_color{ border: 1px solid #000; height:50px; margin-bottom:3px; border-right: 2px solid #51A026}

#paleta_leyenda ul li{display:inline; width:auto; height:auto }

#paleta_leyenda ul { display:inline; width:auto }

#lista_colores{ width:auto }

#lista_colores li{ height: 35px; width:auto; list-style-type:none; display:inline }

#lista_colores ul{ padding:0 }

#lista_colores li div.campos_color{ border: 1.3px solid #444; height:50px; margin-bottom:3px; }

#lista_colores li div.campos_color div{ height:auto; margin-bottom:0; margin-left:10px; }

#lista_colores li div.campos_color div.texto_color{ border:none; width:55px; float:left; margin-top:15px }

#lista_colores li div.campos_color div.texto_color_rojo{ border:none; width:55px; float:left; margin-top:15px; color:red }

#lista_colores li div.campos_color div.enlace_seleccion{ height:29px; margin-top:17px; margin-right: 2em; margin-left:18px; font-size:12px; text-decoration: underline; color: #51A026; width:70px }

#lista_colores li div.campos_color div.color_baldosa{ height:46px; width:46px;  margin: 1px 1px 1px 1px; border: 1px solid #ccc; background-color: #3C3636; }

#lista_colores li div.campos_color div.porcentaje{ border:none;width:40px; margin-top:12px; }

#lista_colores li div.campos_color .porcentaje .ui-spinner-buttons{ margin-left: 0em }

#lista_colores li div.campos_color div.ref{ border:none; width:95px;  margin-top:17px; font-size:12px; /* WebKit, Safari */
	
        /*ROTAR*/                                    
        /*-webkit-transform: rotate(-90deg); 

	/* Firefox 3.5+*/
	/*-moz-transform: rotate(-90deg);	*/

	/* Internet Explorer */
	/*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
        */
 }

/*#lista_colores li div.campos_color div.spin{ border:none; width:3px;  margin-top:13px; margin-left:5px}*/

#generar{ width:auto; margin-top:14px; margin-left: 25px ; margin-bottom: 50px}

#txt_porcentaje_total p{margin:0; font-weight: bold; display: inline}

#boton_generar{ margin-top: -5px}

#texto_leyenda{  margin-left:10px; width:155px; }

#texto_leyenda p{ margin-top:0.4em; margin-right: 10px}

#paleta_leyenda ul li img{ background-color: yellow; width:20px; height:20px }

#paleta_leyenda{ margin-top:-20px; height:auto }

#pie{ width:800px; margin-left:20px }

#instrucciones{ width:500px }

#instrucciones h2{margin-top:0; color: #51A026}

/*Jaime 02-09-2011: Adaptación deco*/
#instrucciones h2.deco{color: #FFF}

#instrucciones p{ margin-top:5px; margin-bottom:0px; font-size:13px }

#impresion{ margin-right:123px; float:right; margin-top:9px; display: none; width:500px}

#impresion p { margin-left:2px; text-align: right; display:inline; float:right; margin-top: 0 }

#impresion img { float:right; display:inline; margin-left: 10px; margin-right: 7px}

.white{ border: 1px solid #999999 }


/*Fin Jaime*/


/*Jaime 30-05-2011: Estilos para el popup de mosaicos*/
 #backgroundPopup{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:100%; width:100%; top:0; left:0;
                   background:#000000; border:1px solid #cecece; z-index:1;
 }
 #popupContact{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:554px; width:900px; background:#FFFFFF;
                border:2px solid #cecece; z-index:2; padding:0; font-size:13px;
 }

 #titulo_coleccion_mosaicos { text-align:left; background-color: #51A026;margin-top:-2px;  margin-left: -2px; margin-right: -2px}
 #titulo_coleccion_mosaicos h1{ text-align:left; color:#FFF; font-size:16px; font-weight:700; margin:0; padding-left: 10px; padding-top: 5px; padding-bottom: 5px}
 
 /*Jaime 02-09-2011: Adaptación deco*/
 #titulo_coleccion_mosaicos.deco_popup {background-color: #000;}
 
 #popupContactClose{ font-size:12px; line-height:14px; right:6px; top:530px; position:absolute; color:#51A026;  display:block; }

 #popupContactClose p {display:inline; color: #999; border: 1px solid #999; }

 #colecciones{margin-top: 10px; padding-bottom:5px ;border-bottom:1px solid #51A026}
 #colecciones img{margin-left: 40px;}

 #colecciones p.coleccion{color:#000; display:inline; margin-left: 14px; font-size: 17px}

 #colecciones p.activa{color: #51A026}
 #piezas ul {width:100%; margin-left: 10px; margin-right: 10px }
 #piezas li {display:inline; width:12.23%; float:left}
 #piezas .centro{margin-top: 200px; margin-left:440px}
 .pieza {width:100%;}
 .pieza img{margin: 10px 30px; margin-top:25px; margin-bottom:0px }
 .pieza p {width:97%; text-align: center; color:black}
 /*Fin Jaime*/


/*Jaime 27-05-2011: Sobreescribir estilos del spin*/

.ui-spinner-input {margin-right: 0px; height: 17px;font-size: 11px}
.spinner{width:49px; margin-right:-16px}
.ui-spinner-buttons{margin-left: 0px}
.ui-spinner-up {margin-left: 0px}
.ui-spinner-button {margin-left: 0px}
.ui-state-default ui-corner-tr {margin-left: 0px}
.ui-spinner ui-widget{top: 13px; left: 0.5px; position: absolute;}

/*Fin Jaime*/