@charset "utf-8";
/* Solutec */
*{
  margin:0px;
  padding:0px;
}

body{
  background:url(../images/body_grad.jpg) repeat-x ;
  color:#000000;
  margin-bottom:10px;
  padding:27px 0 0 0;
  background-color:#2C3C55;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
  }
  
p{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#333333;
  text-align:left;
  font-weight:normal;
  line-height:normal;
  }

h2{
  font-size:16px;
  color:#FFCC66;
  text-align:left;
  font-weight:bold;
}

li{
  list-style-type:circle;
  line-height:20px;
  margin-left:20px;
}

img{
  border:none;
}

a {
  color:#333333;
  text-decoration:none;
}

a:hover{
  color:#FF3300;
  text-decoration:underline;
}

.contenedor{
  width:770px;
  margin:0 auto;
  backgroundurl:url(../images/body_grad.jpg) repeat-x ;
  background-color:#F1F1F1;
}

.header{
  width:770px;
  float:left; 
  background-color:#FFFFFF; 
 }
 
.fotos{
  margin:0px;
  padding:0px;
  float:left;
  border:none;
}

.ima_laptop{
  margin-left:20px;
}

.div_header_der{
  width:312px;
  background-color:#F4F4F5;
  float:right;
  margin:148px 0 0 0;
  padding:0px;
}

.borde_redondeado_der{
  float:left;
  margin:0px;
  padding:0px;
}

.boton1{
  float:left;
  width:96px;
  height:19px;
  background:url(../images/imput.jpg);
  border:none;
  margin:10px 8px 0 0;
  font:11px Verdana, Arial, Helvetica, sans-serif;
  color:#757A7B;
  text-align:left;
  padding:6px 0 0 5px;
  }
  
.boton_login{
  width:61px;
  height:29px;
  float:left;
  background:url(../images/boton_login.jpg);
  margin:8px 0px 0 0;
  border:none;
  padding:0px;
  cursor:pointer;
  }
  
.lista{
  width:100%;
  background-color:#F4F4F5;
  float:left;
  height:20px;
}

.barra{
  width:770px;
  float:left;
  background-color:#F0F0F0;
  background:url(../images/barra_nav_grd.jpg) repeat-x;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  font-size:11px;
  padding:4px 0 0 0;
  font-weight:bold;
  margin-top:14px;
  
}
.barra a{
  float:left;
  margin:0 0 0 10px;
  text-decoration:none;
  color:#FFFFFF;
  padding-left:5px;
  padding-right:5px;
  line-height:18px;
}

.barra a:hover{
  height:22px;
  background:url(../images/barra_nav_hover.jpg) repeat-x;
  color:#000000;
  margin-top:-4px;
  padding:4px 0 0 0;
  padding-left:5px;
  padding-right:5px;
  text-decoration:none;
}

.barra a.current{
  height:22px;
  background:url(../images/barra_nav_hover.jpg) repeat-x;
  color:#000000;
  margin-top:-4px;
  padding:4px 0 0 0;
  padding-left:5px;
  padding-right:5px;
}

.cont2{
  width:765px;
  background:url(../images/cont2_gard.jpg) repeat-x #FFFFFF;
  float:left;
  padding-top:10px;
  padding-left:5px;
  padding-bottom:20px;
}

.div_cont2{
  width:459px;
  background-color:#FFFFFF;
  float:left;
}

.div_blanco{
  width:439px;
  background-color:#FFFFFF;
  float:left;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:1em;
  color:#FF9900;
  font-weight:bold; 
  text-align:left;
  padding:0 0 0 15px;
  line-height:3em;
}

.div_imagenes{
  width:400px;
  float:left;
  border-top:#CCCCCC dashed 1px;
  margin:20px 0 0 0;
  padding-left:20px;
}

.imagenes{
  float:left;
  margin:25px 10px 10px 10px;
}

.links {
  width:90px;
  float:left;
  /*padding-left:25px;*/
  /*padding-right:10px;*/
}

.links b{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:10px;
  color:#000000;
}

.links a{
  border:none;
  text-decoration:underline;
}

.links p{
  font-weight:bold;
  line-height:10px;
  text-decoration:none;
}

.div_derecho{
  width:277px;
  height:240px;
  float:left;
  margin-left:10px;
  background:url(../images/img6.jpg);
  padding:50px 0 0 10px;
}

.barra_nvegacion{
  width:80px;
  float:left;
  text-align:left;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
}

.barra_nvegacion a{
  font-size:11px;
  font-weight:bold;
  text-align:left;
  color:#F8F0E7;
  text-decoration:none;
  line-height:25px;
 }
 
.more_info{
  width:100px;
  border-top:#D58E4A dashed 1px;
  float:left;
  padding-top:7px;
  margin-top:5px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:bold;
  color:#F8F0E7;
 } 
 
.flecha {
 border:none;
}

.more_info a{
  border:none;
  text-decoration:underline;
} 

.lista2{
  width:749px;
  height:65px;
  float:left;
}

.lista2_der{
  width:675px;
  float:left;
  height:21px;
  margin-top:17px;
  background:#EBEBEB;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#003366;
  padding:4px 0 0 0;
  text-align:left;
}

.lista2_der b{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#FF0000;
  font-size:12px;
  font-weight:normal;
}

.borde_lista{
  float:right;
  margin:-4px 0 0 0; 
}

.lista_azul{
  width:760px;
  background-color:#ABC5D2;
  float:left;
  height:23px;
  text-align:left;
  padding-top:5px;
  padding-left:10px;
  font-size:13px;
  color:#F5F8FA;
  font-weight:bold;
  }
  
.cont3{
  /*width:755px;
  background:url(../images/cont3_gard.jpg) #000000 repeat-x;
  margin:0 auto;
  padding-left:15px;*/
  width:755px;
  background:url(../images/cont3_gard.jpg) #000000 repeat-x;
  float:left;
  padding-left:15px;
  }
  
.ecommerce{
  width:730px;
  float:left;
  padding-top:20px;
}

.fotos1{float:right;} 

.ecommerce_texto{
  width:210px;
  float:left;
  text-align:left;
 } 
 
.ecommerce_texto p{
  color:#FFFFFF;
  font-weight:normal;
  line-height:normal;
  float:left;
  text-align:left;
} 

.boton2{
   background:url(../images/boton2.jpg);
   float:left;
   width:99px;
   height:27px;
   font-size:11px;
   color:#535353;
   font-weight:bold;
   border:none;
   text-align:left;
   padding:0 0 0 4px;
   margin:10px 0 0 0;
   cursor:pointer;
}

.fotos2{
   float:left; 
   margin:0 20px 0 10px;
   border:none;
}

.ecommerce2{
  width:730px;
  float:right;
  padding-top:20px;
}

.fotos1{float:right;} 

.ecommerce2_texto{
  width:210px;
  float:right;
  text-align:right;
 } 
 
.ecommerce2_texto p{
  color:#FFFFFF;
  font-weight:normal;
  line-height:normal;
  float:right;
  text-align:right;
} 
 
  
.boton3{
    background:url(../images/boton2.jpg);
   float:left;
   width:99px;
   height:27px;
   font-size:11px;
   color:#535353;
   font-weight:bold;
   border:none;
   text-align:left;
   margin-top:30px;
   padding:0 0 0 4px;
   cursor:pointer;
}

.borde_ultimo{
  float:left;
  background:url(../images/gradiente-futer.jpg) no-repeat;
  width:770px;
  margin:0 0 0 -15px;
}

.lista3{
  width:770px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#6C8193;
  text-align:center;
  margin:0 auto;
}


.mine_products{
  margin-top:20px;
  width:720px;
  padding:10px;
  margin:0 auto;
  background-color:#FFFFFF
}

.ima_mini_pro{
  border:none;
  float:left;
  margin-right:20px;
}

.mine_products_text{
  width:540px;
  background-color:#F4F5F6;
  float:right;
  padding:10px;
  font-size:14px;
  margin-top:10px;
}

.leer_mas{
  float:right;
  border:none;
}

.detalles_productos_links{
  float:left;
  width:100px;
  padding-left:30px;
  padding-top:30px;
  
}

.invisible{
  visibility: hidden; 
  display: none;
}


 
/***************PORTFOLIO***********/ 
  

.thumbs_portfolio{
  width:700px;
  padding-left:35px;
  
  
}

.f_thumb{
  float:left;
  margin-top:20px;
  padding-right:15px;
  width:217px;
 }
 
.full_port{
  padding-right:0px;
  padding-left:10px;
}


.ima_portfolio{
  border:solid 1px #000000;
  padding:6px;
}

.icons_port{
  width:208px;
  float:left;
  margin-top:4px;
  border:#003366 solid 1px;
  padding:2px;
}



.texto_portfolio{
  width:480px;
  float:left;
  font-size:16px;
  padding:10px;
  margin-top:20px;
  padding-left:20px;
  
}

.texto{
  float:left;
  font-size:16px;
  padding:10px;
  margin-top:20px;
  padding-left:20px;
  
}


/*CONTACto*/

.form_datos{
   padding-right:10px;
   /*padding-bottom:100px;*/
   margin:20px;
   float:right;
}

.form_contactar{
   /*padding:20px 0 0 50px;*/
   padding-left:20px;
   padding-bottom:50px;
   float:left;
}

.form_texto{
   border:solid 1px #999999;
   font-size:14px;
   height:20px;
   width:200px;
   
}

.form_texto_grande{
   width:300px;
   height:100px;
}