@charset "UTF-8";
/* CSS Document */

#usuarios-ie {font-family: Verdana, Arial, sans-serif; background: #FFFFDE;color:#000; border-bottom: 2px solid #7F0C00;}  
#usuarios-ie p {font-size: 1.3em; margin: 0; padding: 5px 0; line-height: 1.5em;}  
#usuarios-ie a {text-decoration: underline; font-weight: bold; color: #D64411;}  

body { background-color:#6EB9D8; margin:0 0 0 0; font-family:Arial, Helvetica, sans-serif; }

#wraper { width:100%; height:500px; position:fixed; background-image:url(../images/bg_white.png); background-repeat:repeat-x; }

#logo { background-image:url(../images/logo_ibox.png); background-repeat:no-repeat; width:325px; height:600px; margin:45px 10px 20px 30px; position:fixed; }

#logo02 { width:351px; height:100%; margin:45px 10px 20px 30px; float:left;  }


#trabajo { width:440px; height:2250px;  background-image:url(../images/woodBG.png); background-repeat:repeat; margin:0 0 0 10px; float:left; z-index:2;  }


#trabajo_02 { width:440px; height:2250px;  background-image:url(../images/woodBG.png); background-repeat:repeat; margin:0 0 0 10px; float:left; z-index:2;  }

#col_txt { width:350px; height:480px; background-image:url(../images/bg_blanco.png); margin: 205px 0 0 10px; padding:20px 10px 10px 12px; float:left; }


#some_logos { width:645px; height:701px; margin:0 0 5px 0; }

#some_sites { width:645px; height:1100px; margin:0 0 5px 0; }


#wraper { width:645px; height:100%; margin:0 0 5px 0; }

#some_logos a { border:none; border-style:none; }

.wraper_contenido { width:650px; height:100%; margin:45px 0 50px 0; padding:0 20px 0 15px; background-image:url(../images/bg_blanco.png); float:left; }


.wraper_img { width:650px; height:100%; margin: 15px 0 10px 0; }



/* nav 01*/

#nav_holder { width:310px; height:53px; float:left; }

ul#nav01 { display:block; margin:0 0 0 0; padding:0 0 0 0; }

	ul#nav01 li { display:inline; }
		
		ul#nav01 li a { display:inline; height:53px; float:right; }
		
			ul#nav01 li.clientes a { width:309px; background-image:url(../images/btn_clientes.png);}
		
ul#nav01 li a:hover { background-position:center center; }



/*nav 02*/


ul#nav02 { display:block; margin:30px 0 0 0; padding:0 0 0 0; }

	ul#nav02 li { display:inline; }
		
		ul#nav02 li a { display:inline; height:53px; float:right; }
		
			ul#nav02 li.merca a { width:309px; background-image:url(../images/btn_estudios.png); }
			
			ul#nav02 li.diseno a { width:309px; background-image:url(../images/btn_diseno.png); }
			
			ul#nav02 li.web a { width:309px; background-image:url(../images/btn_web.png); }
			
			ul#nav02 li.promo a { width:309px; background-image:url(../images/btn_promo.png); }
		
			ul#nav02 li.book a { width:309px; background-image:url(../images/btn_descarga.png); }
			
			ul#nav02 li.contact a { width:309px; background-image:url(../images/btn_contacto.png); }
			
			ul#nav02 li.back a { width:309px; background-image:url(../images/btn_back.png); }
			
			ul#nav02 li.clientes a { width:309px; background-image:url(../images/btn_clientes.png);}
	
ul#nav02 li a:hover { background-position:center center; }



/*trabajo*/

.work_holder { width:400px; margin:0 0 0 15px; }

ul#work { display:block; margin:4px 5px 8px 5px; padding:5px 0 0 0; }

	ul#work li { display:inline; }
	
		ul#work li a { display:inline; height:120px; float:right; }
		
			ul#work li.arra a { width:380px; background-image:url(../images/btn_arra.png); margin:5px 0 5px 0; }
			
			ul#work li.parador a { width:380px; background-image:url(../images/btn_parador.png); margin:5px 0 5px 0; }
			
			ul#work li.coca a { width:380px; background-image:url(../images/btn_coca.png); margin:5px 0 5px 0; }
			
			ul#work li.bosques a { width:380px; background-image:url(../images/btn_bosques.png); margin:5px 0 5px 0; }
			
			ul#work li.cole_h a { width:380px; background-image:url(../images/btn_cole.png); margin:5px 0 5px 0; }
			
			ul#work li.santa01 a { width:380px; background-image:url(../images/btn_santaclara01.png); margin:5px 0 5px 0; }
			
			ul#work li.santa02 a { width:380px; background-image:url(../images/btn_santa02.png); margin:5px 0 5px 0; }
			
			ul#work li.santa03 a { width:380px; background-image:url(../images/btn_limon.png); margin:5px 0 5px 0; }
			
			ul#work li.santa04 a { width:380px; background-image:url(../images/btn_carta-sta-clara.png); margin:5px 0 5px 0; }
			
			ul#work li.exitra a { width:380px; background-image:url(../images/btn_exitravel.png); margin:5px 0 5px 0; }
			
			ul#work li.flamin a { width:380px; background-image:url(../images/btn_flam.png); margin:5px 0 5px 0; }
			
			ul#work li.backery a { width:380px; background-image:url(../images/btn_bakery.png); margin:5px 0 5px 0; }
			
			ul#work li.cocacine a { width:380px; background-image:url(../images/btn_cocacine.png); margin:5px 0 5px 0; }
			
			ul#work li.agua a { width:380px; background-image:url(../images/btn_03.png); margin:5px 0 5px 0; }
			
			
			
		
ul#work li a:hover { background-position:center center; }

/*trabajo*/


/*web*/

.arte_web { width:645px; height:200px; padding:0 0 20px 0; }

.arte_web p { margin:2px 0 0 0; background-image:url(../images/bg_blanco.png); }

.arte_web img a:hover { background-color:#FFFFFF; }


/*contacto estilo*/

.con_style { font-family:Arial, Helvetica, sans-serif; color:#6EB9D8; font-size:16px; font-weight:600; margin: 3px 0 3px 0;  }

#setizq { margin: 0 0 0 0; padding-top:5px; padding-left:5px; width:380px; border:none; }

fieldset {/*width:680px; height:320px;*/ border:none;}

#status { float:left; width:280px; height: 50px; margin: 0 0 0 15px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:14px; }


/*contaco fin*/


/*contacto 02*/

.con_style_02 { font-family:Arial, Helvetica, sans-serif; color:#6EB9D8; font-size:11px; font-weight:300; margin:3px 0 3px 0; }

#set_cont { margin:0 0 0 0; padding:5px 0 0 5px; width:550px; height:100px; border:none; }





/*contacto 02 fin*/




/*typo*/

p { font-size:15px; color:#333333; line-height:20px; }

.italica { font-size:13px; font-style:italic; color:#333333;}

.bold_color { font-size:15px; color:#E61A7C; font-weight:bold; }

.nota { font-size:10px; font-style:italic; color:#000000; margin:2px 0 2px 0; }

a { font-size:15px; color:#E61A7C; font-weight:bold; text-decoration:none; }

.link_blanco { font-size:13px; color:#FFFFFF; font-weight:bold; }

a:hover { color:#00AEEF; }



.dash_mag { height:1px; background-image:url(../images/dash_mag.jpg); border:none; border-style:none; }
.italicas { width:600px; font-size:20px; color:#FFFFFF; font-weight:100; font-style:italic; line-height:24px; }
.txt_cuerpo { width:620px; font-size:15px; font-weight:100; font-weight:lighter; color:#333333; line-height:14px; }
.subtitulo { width:620px; font-size:25px; font-weight:100; font-weight:lighter; color:#333333; line-height:14px; }

ul#servicios { list-style:square; list-style-image:url(../images/bullet.png); }


ul#servicios p .bold_color { font-size:13px; }


.txt_trabajo { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF; margin:0px 0 0 10px; }

.txt_mag { color:#FF0099; background-image:url(../images/bg_trabajo.png); }

h3 { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:300; color:#333333; line-height:20px; margin:0 0 0 0; }


/* fin typo*/