/* CSS Document */
body {overflow : -moz-scrollbars-vertical; padding:0;margin:0;background: #f1f1f0 url(../images/artesanos/bkBody.gif) repeat-x left top;font:normal 77%/1.7em Georgia, "Times New Roman", Times, serif;}
    form, fieldset, ul, h1, h2, h3, h4, h5 {margin:0; padding:0;}
    p {margin:0 0 8px 0;}
	h1, h2, h3, h4, h5 {font-family:Arial, Helvetica, sans-serif; color:#d77701;}
    h2 {font-size:120%; margin-top:8px;}    
    html, body {height:100%;}
    input, select, textarea {font-size:100%; font-family:Verdana, Helvetica, sans-serif; color:#555;}
    img {border:0;}
    input[type=text], textarea, input[type=file] {border:1px solid #7f9db9; padding:2px;}
        
	a {outline:none; color:#d77701;}
	a:hover{color:#9ca200}    
    
	.clear { height:1%}   
		.clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}     
        #wrapper {height:1%;}
        #wrapper:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}	        
        
                
    #contenedor {width:995px; margin:0 auto;}  
	#contenedor2 { padding:0 20px}
	#pie {line-height:40px; padding-top:30px; text-align:center; height:125px; background:url(../images/artesanos/bkPie.gif) no-repeat scroll center top} 
	
	
/*cabecera*/
#cabecera {}   
     #logo { background:url(../images/artesanos/bkLogo.gif) no-repeat left 1px; width:948px; height:100px; padding:5px 75px}     
     #navigation {height:173px; width:955px; background-image:url(../images/artesanos/bkCabecera.jpg); background-repeat:no-repeat; background-position:0 0; padding-top:1px}
     #navigation ul {list-style-type:none; margin:-76px 0px 0 8px; float:right; position:relative;}
     #navigation li {float:left; text-align:center;background-image:url(../images/artesanos/bkMenu.gif); background-repeat:no-repeat; background-position:0 0}
	 #navigation li a { color:#fff;display:block;font-family:Georgia, "Times New Roman", Times, serif;font-size:120%;font-weight:bold;text-decoration:none; height:26px;line-height:25px;padding:0 8px; white-space:nowrap;}
	 #navigation li a:hover, #navigation li.selected a{color:#000}
		#navigation li.nav-item_0:hover, #navigation li.nav-item_0.selected, #navigation li.nav-item_1:hover, #navigation li.nav-item_1.selected, #navigation li.nav-item_2:hover, #navigation li.nav-item_2.selected, #navigation li.nav-item_3:hover, #navigation li.nav-item_3.selected, #navigation li.nav-item_4:hover, #navigation li.nav-item_4.selected  {background:url(../images/artesanos/bkMenu.gif) no-repeat left 0}
		
		#navigation li.nav-item_0 a:hover,#navigation li.nav-item_0.selected a, #navigation li.nav-item_1 a:hover,#navigation li.nav-item_1.selected a, #navigation li.nav-item_2 a:hover,#navigation li.nav-item_2.selected a, #navigation li.nav-item_3 a:hover,#navigation li.nav-item_3.selected a, #navigation li.nav-item_4 a:hover,#navigation li.nav-item_4.selected a{background:url(../images/artesanos/bkMenu.gif) no-repeat right -26px;}
		#navigation li.nav-item_0, #navigation li.nav-item_1, #navigation li.nav-item_2, #navigation li.nav-item_3 {background-position: right -52px}
		#navigation li.nav-item_4 {background:none}		

	 	#navigation li.nav-item_0, #navigation li.nav-item_0:hover,#navigation li.nav-item_0.selected {width:63px;}
		#navigation li.nav-item_1, #navigation li.nav-item_1:hover,#navigation li.nav-item_1.selected {width:128px; white-space:nowrap}
		#navigation li.nav-item_2, #navigation li.nav-item_2:hover,#navigation li.nav-item_2.selected  {width:176px; white-space:nowrap}
		#navigation li.nav-item_3, #navigation li.nav-item_3:hover, #navigation li.nav-item_3.selected{width:90px;}	
		#navigation li.nav-item_4, #navigation li.nav-item_4:hover, #navigation li.nav-item_4.selected  { width:82px}
		
/*wrapper*/
#wrapper{background:url(../images/artesanos/bkHome.gif) repeat-x left bottom;margin-top:-3px;padding:20px 10px 0 10px}
.moduloHome1 h1{background:url(../images/artesanos/lineaH1.gif) repeat-x left bottom; font-size:230%; color:#d77701; padding:0 0 8px 0; font-family:Arial, Helvetica, sans-serif}
.moduloHome1{padding:18px 10px; float:left; width:310px; border-right:1px solid #DAD9D9}
	.moduloHome1 .colImg{background:url(../images/artesanos/marco.gif) no-repeat 0 -298px; padding:11px 12px; width:280px;height:165px;}
	.moduloHome1 .colImg img{border: 1px solid #f4f3f3;}
	.moduloHome1 .colTexto{}
	.moduloHome1 .colTexto div {margin:14px 0;}
.moduloHome2{float:left; background:url(../images/artesanos/bkprod.gif) no-repeat left top; padding:15px 0 10px 0px; margin-left:-1px}
	.moduloHome2 ul { float:left}
	.moduloHome2 ul li{float:left; list-style:none; border-right:1px solid #dad9d9; border-left:1px solid #fff; padding:5px 14px; width:167px; background:none!important}
	.moduloHome2 ul li:first-child { border-left:none }
	.moduloHome2 ul li:last-child { border-right:none }
	.moduloHome2 ul li .imgProd{background:url(../images/artesanos/marco.gif) no-repeat 1px -485px; padding:10px}
	.moduloHome2 ul li .imgProd img{border: 1px solid #f4f3f3;}
	.moduloHome2 ul li h2{background:url(../images/artesanos/lineaH1.gif) repeat-x left bottom; margin-bottom:5px; padding:0 0 2px 0; font-family:Arial, Helvetica, sans-serif; line-height:20px}
	.moduloHome2 ul li a{background:url(../images/artesanos/vermas.gif) no-repeat right top; padding-right:17px;}
	

.modulo h1{background:url(../images/artesanos/lineaH1.gif) repeat-x left bottom; font-size:230%; color:#d77701; padding:0 0 8px 0; font-family:Arial, Helvetica, sans-serif; margin-bottom:14px}
.modulo{padding:18px 10px}	   
	.modulo .col {float: left; width:32%; margin-right:1%;}
	.modulo .colDoble {float: left; width:65%;  margin-right:1%;}  
	.modulo .col50 {float: left; width:49%;  margin-right:1%;}    
	.modulo .colImg{float:right; background: url(../images/artesanos/marco.gif) no-repeat left top; padding:7px; height:277px;}
	.modulo .colImg img{border: 1px solid #f4f3f3;}
	.modulo.producto {padding:18px 10px}
	.modulo.producto ul {margin:36px 0 0 44px ; border-left:1px solid #dad9d9;}
	.modulo.producto ul li {list-style:none; border-right:1px solid #dad9d9;padding:10px 17px; width:168px; background:none!important; min-height:380px; margin-bottom:5px}
	.modulo.producto ul li:first-child { border-left:none }
	.modulo.producto ul li .imgProd{background:url(../images/artesanos/marco.gif) no-repeat 1px -485px; padding:10px}
	.modulo.producto ul li .imgProd img{border: 1px solid #f4f3f3;}
	.modulo.producto ul li h2 {background:url(../images/artesanos/lineaH1.gif) repeat-x left bottom; margin-bottom: 5px; padding:0 0 2px 0; font-family:Arial, Helvetica, sans-serif; line-height:20px}
	.modulo.producto ul li a {background:url(../images/artesanos/vermas.gif) no-repeat right top; padding-right:17px;}
	
    
    
  /* ------------------------------------------------------------------------ */
  /* ---- The holy rules - add these to your style sheet ------------------- */
  .ib-fix li {display:-moz-inline-box; -moz-box-orient:vertical; display:inline-block; vertical-align:top; word-wrap:break-word;}
  * html .ib-fix li {display:inline;}
  * + html .ib-fix li {display:inline;}
  .ib-fix li > * {display:table; table-layout:fixed; overflow:hidden;}
  
  /* Set your specific width via a second class and rules similar to the following ones */
  * #wrapper .modulo.producto ul li { width:168px;}   /* for IE 6 */
  #wrapper .modulo.producto ul li > * {width:168px;}      /* for all other browser */
  /* ------------------------------------------------------------------------ */
    
    
    
    
    
    
    
    
.paginador{ background:#fafafa url(../images/artesanos/bkPaginador.gif) no-repeat left bottom; padding:7px 6px 7px 5px; font-family:Arial, Helvetica, sans-serif; margin-top:-1px; height:20px}
	.paginador span{float:right; border-left:1px solid #FFFFFF; border-right:1px solid #D8D8D8; padding:0 10px;}
	.paginador span:first-child { border-right:none }
	.paginador span:last-child { border-left:none }
	.paginador span a.anterior{background:url(../images/artesanos/icoPaginador.gif) no-repeat 0 0; text-decoration:none; margin: 0 3px 0 3px; padding:3px 8px 4px 9px; line-height:21px}
	.paginador span a.siguiente{background:url(../images/artesanos/icoPaginador.gif) no-repeat -20px 0; text-decoration:none; margin: 0 7px; padding:3px 8px 4px 9px; line-height:21px}
	
#wrapper ul{ margin-bottom:5px}
#wrapper ul li{ list-style:none; background:url(../images/artesanos/bullet.gif) no-repeat left 7px; padding-left:15px}
#wrapper .mapa ul li {background:none}
.mapa{background:url(../images/artesanos/fondomapa.gif) no-repeat 170px 60px;height:214px; padding:60px 0 0 160px}
.mapa ul{ list-style:none;width:100%}
.mapa ul li.nivel1{ width:157px;margin-left:242px; margin-bottom:109px;padding-top:13px;}
.mapa ul li.nivel2{ float:left;margin-left:4px;padding:0 17px;text-align:center;width:152px;}
.mapa .nivel1 a{text-align:center; color:#d77701; text-decoration:none; font-weight:bold}
.mapa .nivel2 a{text-align:center; color:#444!important; text-decoration:none; font-weight:bold}
.mapa .nivel1 a:hover, .mapa .nivel2 a:hover {text-decoration:underline}
.mapa .nivel1 a:hover {color:#d77701;}



     .modulo .colDere {float: right; width:66%;}
     .modulo .colImgIzq {float:left; background: url(../images/artesanos/marco.gif) no-repeat left top; padding:10px;}
     .modulo .colImgIzq2 {float:left; background: url(../images/artesanos/marco.gif) no-repeat 0 0; padding:7px; height:280px}
        
    
    .carruselImagen {float:left; margin:10px;}
    .documentos {margin:10px;}

    .modulo .col55 {float: left; width:50%; margin-right:5%;}
    .modulo .col45 {float: left; width:45%;}        

    
    /* imagenes */
    /* imagen detalle producto */
    .modulo .colImgIzq2 img {width:276px; height:253px;} 
    /* imagen listado productos */
    .modulo.producto ul li .imgProd img {width:145px; height:133px;}    
    /* imagene destacados home */
    .moduloHome2 ul li .imgProd img {width:145px; height:133px;}
    /* imagen quienes somos */
    .modulo .colImg img {width:276px; height:253px;}
    /* imagen home */
    .moduloHome1 .colImg img {width:276px; height:163px;}
    
    #wrapper ul.documentos li {background:url(../images/artesanos/doc.gif) no-repeat 0 3px; padding-left:15px;}
    
/* Schema verde */	
body.verde{background: #f1f1f0 url(../images/artesanos/verde/bkBody.gif) repeat-x left top;}
.verde a {color:#9ea404}
.verde a:hover {color:#d77601;}
.verde #logo { background:url(../images/artesanos/verde/bkLogo.gif) no-repeat left 1px; }     
	.verde #navigation li {background-image:url(../images/artesanos/verde/bkMenu.gif)}
	.verde #navigation li.nav-item_0:hover, .verde #navigation li.nav-item_0.selected, .verde #navigation li.nav-item_1:hover, .verde #navigation li.nav-item_1.selected, .verde #navigation li.nav-item_2:hover, .verde #navigation li.nav-item_2.selected, .verde #navigation li.nav-item_3:hover, .verde #navigation li.nav-item_3.selected, .verde #navigation li.nav-item_4:hover, .verde #navigation li.nav-item_4.selected  {background:url(../images/artesanos/verde/bkMenu.gif) no-repeat left 0}
	.verde #navigation li.nav-item_0 a:hover,.verde #navigation li.nav-item_0.selected a, .verde #navigation li.nav-item_1 a:hover, .verde #navigation li.nav-item_1.selected a, .verde #navigation li.nav-item_2 a:hover,.verde #navigation li.nav-item_2.selected a, .verde #navigation li.nav-item_3 a:hover, .verde #navigation li.nav-item_3.selected a, .verde #navigation li.nav-item_4 a:hover, .verde #navigation li.nav-item_4.selected a{background:url(../images/artesanos/verde/bkMenu.gif) no-repeat right -26px}
		.verde #navigation li.nav-item_4 {background:none}		
		
.verde #wrapper ul li{ list-style:none; background:url(../images/artesanos/verde/bullet.gif) no-repeat left 7px}
.verde #wrapper .mapa ul li {background:none}
.verde h1, .verde h2, .verde h3, .verde h4, .verde h5 {font-family:Arial, Helvetica, sans-serif; color:#9ea404}

/* Schema rojo */	
body.rojo{background: #f1f1f0 url(../images/artesanos/rojo/bkBody.gif) repeat-x left top;}
.rojo a {color:#d3222a}
.rojo a:hover {color:#5891a4;}
.rojo #logo { background:url(../images/artesanos/rojo/bkLogo.gif) no-repeat left 1px; }     
	.rojo #navigation li {background-image:url(../images/artesanos/rojo/bkMenu.gif)}
	.rojo #navigation li.nav-item_0:hover, .rojo #navigation li.nav-item_0.selected, .rojo #navigation li.nav-item_1:hover, .rojo #navigation li.nav-item_1.selected, .rojo #navigation li.nav-item_2:hover, .rojo #navigation li.nav-item_2.selected, .rojo #navigation li.nav-item_3:hover, .rojo #navigation li.nav-item_3.selected, .rojo #navigation li.nav-item_4:hover, .rojo #navigation li.nav-item_4.selected  {background:url(../images/artesanos/rojo/bkMenu.gif) no-repeat left 0}
	.rojo #navigation li.nav-item_0 a:hover,.rojo #navigation li.nav-item_0.selected a, .rojo #navigation li.nav-item_1 a:hover, .rojo #navigation li.nav-item_1.selected a, .rojo #navigation li.nav-item_2 a:hover,.rojo #navigation li.nav-item_2.selected a, .rojo #navigation li.nav-item_3 a:hover, .rojo #navigation li.nav-item_3.selected a, .rojo #navigation li.nav-item_4 a:hover, .rojo #navigation li.nav-item_4.selected a{background:url(../images/artesanos/rojo/bkMenu.gif) no-repeat right -26px}
		.rojo #navigation li.nav-item_4 {background:none}		
.rojo #wrapper ul li{ list-style:none; background:url(../images/artesanos/rojo/bullet.gif) no-repeat left 7px}
.rojo #wrapper .mapa ul li {background:none}
.rojo h1, .rojo h2, .rojo h3, .rojo h4, .rojo h5 {font-family:Arial, Helvetica, sans-serif; color:#d3222a}
.rojo #wrapper ul.documentos li {background:url(../images/artesanos/rojo/doc.gif) no-repeat 0 3px; padding-left:15px;}
		
/* Schema amarillo */	
body.amarillo{background: #f1f1f0 url(../images/artesanos/amarillo/bkBody.gif) repeat-x left top;}
.amarillo a {color:#e4b702}
.amarillo a:hover {color:#5891a4;}
.amarillo #logo { background:url(../images/artesanos/amarillo/bkLogo.gif) no-repeat left 1px; }     
	.amarillo #navigation li {background-image:url(../images/artesanos/amarillo/bkMenu.gif)}
	.amarillo #navigation li.nav-item_0:hover, .amarillo #navigation li.nav-item_0.selected, .amarillo #navigation li.nav-item_1:hover, .amarillo #navigation li.nav-item_1.selected, .amarillo #navigation li.nav-item_2:hover, .amarillo #navigation li.nav-item_2.selected, .amarillo #navigation li.nav-item_3:hover, .amarillo #navigation li.nav-item_3.selected, .amarillo #navigation li.nav-item_4:hover, .amarillo #navigation li.nav-item_4.selected  {background:url(../images/artesanos/amarillo/bkMenu.gif) no-repeat left 0}
	.amarillo #navigation li.nav-item_0 a:hover,.amarillo #navigation li.nav-item_0.selected a, .amarillo #navigation li.nav-item_1 a:hover, .amarillo #navigation li.nav-item_1.selected a, .amarillo #navigation li.nav-item_2 a:hover,.amarillo #navigation li.nav-item_2.selected a, .amarillo #navigation li.nav-item_3 a:hover, .amarillo #navigation li.nav-item_3.selected a, .amarillo #navigation li.nav-item_4 a:hover, .amarillo #navigation li.nav-item_4.selected a{background:url(../images/artesanos/amarillo/bkMenu.gif) no-repeat right -26px}
		.amarillo #navigation li.nav-item_4 {background:none}		
.amarillo #wrapper ul li{ list-style:none; background:url(../images/artesanos/amarillo/bullet.gif) no-repeat left 7px}
.amarillo #wrapper .mapa ul li {background:none}
.amarillo h1, .amarillo h2, .amarillo h3, .amarillo h4, .amarillo h5 {font-family:Arial, Helvetica, sans-serif; color:#e4b702!important}		
.amarillo #wrapper ul.documentos li {background:url(../images/artesanos/amarillo/doc.gif) no-repeat 0 3px; padding-left:15px;}


/* Schema azul */	
body.azul{background: #f1f1f0 url(../images/artesanos/azul/bkBody.gif) repeat-x left top;}
.azul a {color:#5891a5}
.azul a:hover {color:#e4b801;}
.azul #logo { background:url(../images/artesanos/azul/bkLogo.gif) no-repeat left 1px; }     
	.azul #navigation li {background-image:url(../images/artesanos/azul/bkMenu.gif)}
	.azul #navigation li.nav-item_0:hover, .azul #navigation li.nav-item_0.selected, .azul #navigation li.nav-item_1:hover, .azul #navigation li.nav-item_1.selected, .azul #navigation li.nav-item_2:hover, .azul #navigation li.nav-item_2.selected, .azul #navigation li.nav-item_3:hover, .azul #navigation li.nav-item_3.selected, .azul #navigation li.nav-item_4:hover, .azul #navigation li.nav-item_4.selected  {background:url(../images/artesanos/azul/bkMenu.gif) no-repeat left 0}
	.azul #navigation li.nav-item_0 a:hover,.azul #navigation li.nav-item_0.selected a, .azul #navigation li.nav-item_1 a:hover, .azul #navigation li.nav-item_1.selected a, .azul #navigation li.nav-item_2 a:hover,.azul #navigation li.nav-item_2.selected a, .azul #navigation li.nav-item_3 a:hover, .azul #navigation li.nav-item_3.selected a, .azul #navigation li.nav-item_4 a:hover, .azul #navigation li.nav-item_4.selected a{background:url(../images/artesanos/azul/bkMenu.gif) no-repeat right -26px}
		.azul #navigation li.nav-item_4 {background:none}	
.azul #wrapper ul li{ list-style:none; background:url(../images/artesanos/azul/bullet.gif) no-repeat left 7px}
.azul #wrapper .mapa ul li {background:none}
.azul h1, .azul h2, .azul h3, .azul h4, .azul h5 {font-family:Arial, Helvetica, sans-serif; color:#5891a5}
.azul #wrapper ul.documentos li {background:url(../images/artesanos/azul/doc.gif) no-repeat 0 3px; padding-left:15px;}

/* formulario */
.columns-2-div #column-1 {float:left; width:48%;}
    .columns-2-div #column-2 {float:left; width:50%; margin-top:50px; margin-left:2%;}
    .columns-2-div #column-1 h1 {width:911px;}

.uni-form {width:100%; margin-bottom:20px;}
    .uni-form fieldset {border:0;}    
    .uni-form legend {display:none;}     
    .uni-form input[type=text] {width:300px; margin-bottom:10px;}
    .uni-form textarea {width:394px; height:150px;}
    .uni-form .button-holder {text-align:right; margin-top:12px; width:400px;}   
    .uni-form label {color:#000; display:block; font-weight:bold;}   


.portlet-msg-error {background:#FFDDDD url(../images/messages/error.png) no-repeat scroll 6px 50%; border:1px solid #FF0000;
    display:block; font-weight:bold; margin:2px 10px 14px auto; padding:6px 6px 6px 30px; text-align:left;}
.portlet-msg-success {background:#F4FDEF url(../images/messages/success.png) no-repeat scroll 6px 50%; border:1px solid #ACDFA7;
    color:#384F34; display:block; font-weight:bold; margin:2px auto 14px; padding:6px 6px 6px 30px; text-align:left;}
    
.logos {background:#fff; width:98%; height:48px;line-height:48px;  text-align:left; border:1px solid #b3b3b3; padding:5px; margin:0}
    .logos .castilla, .logos .avanza {padding:0 20px;}

.feder {font-weight:bold; font-family:arial; font-size:14px; line-height:16px; color:#004aa6; margin-bottom:7px; margin-top:25px;}    
    .feder p {margin:0 0 5px 0;}
    .feder a {font-weight:bold; font-family:arial; font-size:15px; color:#004aa6;}