/**************************************************************

	Web Site: www.asesoriagrafica.cl
	Version	: 3.0
	Autor	: Agencia asesoria grafica
	Agencia	: www.asesoriagrafica.cl

**************************************************************/
 
 
/* ------Para todo ------- */

* {
	margin: 0;
	padding:0;
	border: 0;	
}

body {
   background: url(../images/bg.gif) repeat-x ;
   background-color:white;
   font-family: verdana;
}
 

/* ------CONTENEDORES------- */



#contenedor {
   width:1020px ;
   height:100%;
   margin: 0 auto;
   
}


#cabecera_portafolio {
   width:100%;
   height:228px;
}


#medio {
   width:100% ;
   height:116px;
   
}


#desarrollo {
   width:100% ;
   height:270px;  
}



/* ------CABECERA------- */



#cabecera_portafolio ul {
   width:100% ;
   height:227px;
}

#cabecera_portafolio ul li {
   display: inline;
   float: left;  
}


.uno , .tres , .cuatro , .seis , .siete , .ocho {
   display:block;
   width: 109px;
   height: 228px;
}

.dos{
   display:block;
   width: 110px;
   height: 227px;
}


.cinco {
   display:block;
   width: 108px;
   height: 227px;
}

.nueve {
   display:block;
   width: 96px;
   height: 227px;
}


.uno{background: url(../images/1.jpg) no-repeat;}
.uno:hover{background-position:-109px 0;}

.dos{background: url(../images/2.jpg) no-repeat;}
.dos:hover{background-position:-110px 0;}

.tres{background: url(../images/3.jpg) no-repeat;}
.tres:hover{background-position:-109px 0;}

.cuatro{background: url(../images/4.jpg) no-repeat;}
.cuatro:hover {background-position:-109px 0;}

.cinco{background: url(../images/5.jpg) no-repeat;}
.cinco:hover {background-position:-108px 0;}

.seis{background: url(../images/6.jpg) no-repeat;}
.seis:hover {background-position:-109px 0;}

.siete{background: url(../images/7.jpg) no-repeat;}
.siete:hover {background-position:-109px 0;}

.ocho{background: url(../images/8.jpg) no-repeat;}
.ocho:hover {background-position:-109px 0;}

.nueve{background: url(../images/9.jpg) no-repeat;}
.nueve:hover {background-position:-108px 0;}



/* ------MEDIO------- */



#contenedor .logotipo {
   width:577px;
   height:74px;
   background: url(../images/logo.gif) no-repeat;
   text-indent: -9999px;
   overflow: hidden;
   float:left;
   display:inline;
   margin: 27px 0 0 180px;
   *margin: 24px 0 0 180px; 
 
}



/* ------LEFT MENU------- */

#desarrollo ul{
   width:172px;
   height: 118px;
   margin: 20px 0 0 0;
   float: left;
   
}

#desarrollo li{
   list-style: none;
}


.activo , .proyectos , .servicios , .contacto {
   display:block;
   width: 172px;
   height: 22px;
   padding-top: 10px;
}

.activo {
   padding-bottom: 10px;
}


.proyectos {background: url(../images/left_menu_2.gif) no-repeat;}
.proyectos:hover{background-position:-172px 0;}

.servicios {background: url(../images/left_menu_3.gif) no-repeat;}
.servicios:hover{background-position:-172px 0;}

.contacto {background: url(../images/left_menu_4.gif) no-repeat;}
.contacto:hover{background-position:-172px 0;}



/* ------TEXTO DESARROLLO------ */


#desarrollo #texto {
   width:380px;
   height:120px;
   float: left;
   margin: 38px 0 0 90px;
}

#desarrollo p{
   font-size: 10px;
   color: #666;
   line-height: 18px;
   font-family: verdana;

}


#desarrollo strong {
   font-weight: 500;
}


#desarrollo #video {
   width:240px;
   height:230px;
   float: right;
   margin:30px 40px 0 0;     
   
}

#desarrollo #video p {
   width:196px;
   height: 125px;
   margin:0 auto;    
   
}


#desarrollo #video h2 {
   font-size: 13px;
   color: #006600; 
   margin: 7px auto 0 auto; 
   text-align: center;      
   
}


/* ------TEXTO HABILIDADES------ */


#desarrollo #habilidades {
   width:320px;
   height:250px;
   float: right;
   margin:20px 0px 0 0;
}

#desarrollo #habilidades p {
   font-size: 11px;
   color: #006666;
   font-weight: bold;   

}

#desarrollo #habilidades ul {
   width:150px;
   height:220px;
   margin:0;

}

#desarrollo #habilidades li {
   padding-top: 5px;
}

#desarrollo #habilidades li span {
   font-size: 11px;
   color: #006666;
   font-family: Verdana;
   padding-left: 5px;
}