/* CSS Document Desarrollado
   por CREATIF Comunicacion Proactiva
   www.creatif.com.ar */

body {
   margin:0 auto;
   padding:0;}
   
body.backhome {
   background-image:url(../images/back_home.jpg);
   background-repeat: repeat-x;
   background-position:top}

body.backinterno {
   background-image:url(../images/back_body.jpg);
   background-repeat: repeat;
   background-position:top}
h1, h1#moremargin {
   width:100%;
  font-family: 'Lato', sans-serif;
   margin:20px 0 15px 0;
   padding:0;
   display:block;
   float:left;
   line-height:26px;
   font-size:22px; font-weight:bold;
   color: #095AB2}  
   
h1#moremargin {margin:25px 0 15px 35px; width:90%;font-family: 'Lato', sans-serif; font-weight:bold;}    
   
h2, h2#contacto, h2#ubicacion {
   display:block;font-family: 'Lato', sans-serif;
   margin:20px 0 15px 0;
   padding:0;
   font-size:20px;
   line-height:22px;
   width:100%;
   color:#095AB2;
   text-align:left; font-weight:bold
}
   
h2#contacto {
   width:300px;
   margin:20px 0 5px 35px; font-weight:700;
   display: inline-block}
   
h2#ubicacion {
   width:300px; font-weight:700;
   margin:20px 0 5px 120px;
   display:inline-block}         
   
.blockservicios h2 {
    margin:0px 0 15px 0;font-family: 'Lato', sans-serif; font-weight:normal}
   
h3 {
   width:100%;
   margin:20px 0 8px 0;
   padding:0;
   display:block;
   float:left;
   line-height:28px;
   font-size:24px;
   color: #095AB2;
   font-family: 'Lato', sans-serif; } 
   
h4, h5 {
   color:#333333;
   font-size:14px;
   font-weight:bold;
   margin:0 0 4px 0;
   padding:0;
   display:block;
   float:left;
   width:100%;
   font-family: 'Lato', sans-serif; }
   
h5 {
   font-size:16px;
   width:335px;
   margin:10px 0 10px 0;
   font-family: 'Lato', sans-serif; 
  }          
   
p, a, h6 {font-family:Arial, Helvetica, sans-serif;}

h6 {
   width:220px;
   font-size:16px;
   font-weight:bold;
   float:left;
   display:block;
   margin:8px 0 5px 0;
   padding:0;
   color:#999999;}

strong {
   font-weight:bold;
   color: #095AB2;}   
   
#contenedor {
   width:960px;
   margin:0 auto;
   padding:0;
   display: table;
   background-image:url(../images/radiales.png);
   background-repeat:no-repeat;
   background-position:70px top;
   }
   
#header {
   margin:0;
   padding:0;
   display:block;
   width:960px;
   height:115px;
   float:left;
   }
   
#logo {
   width:175px;
   height:86px;
   display:block;
   float:left;
   margin:16px 0 0 35px;
   padding:0;
  }
   
/*------------nav menu-----------------*/
   
#navmenu {
   float:right;
   display:block;
   width:600px;
   height:40px;
   margin:50px 35px 0 0;
   padding:0;
} 

#menusupe {
   width:520px;
   height:33px;
   display:block; 
   float: right;
   margin:0px 0 0 0px;
   padding:0;
   position:relative;
}
#menusupe ul{list-style:none;
 padding:0;}
#menusupe li {list-style:none;
  float: left; margin:0; padding:0;
}
#menusupe li a {
   position: absolute;
   top: 0;
   margin: 0;
   padding: 0;
   display: block;
   height: 33px;
   background: url(../images/menusuperior.png) no-repeat;
   text-indent:-9999px;
   overflow: hidden;
   font-size: 1%;
}
li#menusupe_homex a {
   left: 0;
   width: 66px;
   background-position: 0 0;
}
li#menusupe_quienesx a {
   left: 66px;
   width: 117px;
   background-position: -66px 0;
}
li#menusupe_serviciox a {
   left: 183px;
   width: 83px;
   background-position: -183px 0;
}
li#menusupe_clientex a {
   left: 266px;
   width: 76px;
   background-position: -266px 0;
}
li#menusupe_alianzax a {
   left: 342px;
   width: 83px;
   background-position: -342px 0;
}
li#menusupe_contactox a {
   left: 425px;
   width: 95px;
   background-position: -425px 0;
}


li#menusupe_homex a:hover {
   background-position: 0px -33px;}
li#menusupe_quienesx a:hover {
   background-position: -66px -33px;}
li#menusupe_serviciox a:hover {
   background-position: -183px -33px;}
li#menusupe_clientex a:hover {
   background-position: -266px -33px;}
li#menusupe_alianzax a:hover {
   background-position: -342px -33px;}
li#menusupe_contactox a:hover {
   background-position: -425px -33px;}

#body_homex li#menusupe_homex a {
  background-position: 0 -33px;}
#body_quienesx li#menusupe_quienesx a {
   background-position: -66px -33px;}
#body_serviciox li#menusupe_serviciox a {
   background-position: -183px -33px;}
#body_clientex li#menusupe_clientex a {
   background-position: -266px -33px;}
#body_alianzax li#menusupe_alianzax a {
   background-position: -342px -33px;}
#body_contactox li#menusupe_contactox a {
   background-position: -425px -33px;}

/*-------------fin nav menu--------------*/     
   
#contenidos, #contenidos2 {
   margin:0;
   padding:0;
   width:960px;
   min-height:380px;
   float:left;
   display:block;}
 
#contenidos2 {
   margin:0 0 35px 0;
   background-color:#FFFFFF;
   border:1px #E6E6E6 solid;
} 

#contslider {
   width:930px;
   height:380px;
   margin:0 0 0 30px;
   padding:0;
   display:block;
   float:left;
   }     
   
.bloklat {
   float:left;
   width:334px;
   min-height:570px;
   margin:40px 0 40px 0px;
   padding:0 0 0 32px;
   display:block;
   background-color:#FFFFFF;
   border:1px #E6E6E6 solid;
   }
   
.bloklat p {
   width:290px;
   display:block;
   float:left;
   margin:0 0 20px 0;
   padding:0;
   font-size:13px;
   color:#333333;
   line-height:22px;}    
   
.bloklogos {
   display:block;
   width:530px;
   min-height:250px;
   float: right;
   margin:40px 30px 0 0;
   padding:0;
  } 
 
.group1 {
   height:280px;
   width:100%;
   display:block;
   margin:0 0 20px 0;
   padding:0;
   position:relative;
   float:left}
   
.thumshome {
   margin:0 24px 24px 0px;
   padding:0;
   float:left;
   width:158px;
   height:96px;
   display:block;
   border:1px #999999 solid;
   background-color:#FFFFFF}
   
.thumshome img {
   margin:10px 0 0 16px }  

.nomargin{
   margin:0 0 20px 0;
   padding:0;
   float:left;
   display:block;
}

.vertodos {
   display:block;
   width:200px;
   height:22px;
   margin:-34px 0 0 44px;
   padding:0;
   position: absolute;
   z-index:100;}
   
.vertodos a {
   text-decoration: none;
   font-size:10px;
   font-weight:bold;
   color:#666666;
   float:right;
   margin:9px 0 0 0;
   padding:0;
   }
   
.vertodos a:hover {
   text-decoration:underline}        

.headerimg, .headermixto {
   width:890px;
   height:317px;
   margin:30px 0 50px 33px;
   padding:0;
   float:left;
   display:block;
   border:1px #E6E6E6 solid;}
   
.headermixto {border:none;} 
   
.miniheader {
   float:left;
   width:340px;
   display:block;
   margin:0;
   padding:0;}
   
.miniheader2 {
   float:right;
   margin:4px 0 0 0;
   padding:6px;
   display:block;
   border:1px #E6E6E6 solid;}   

.headermixto ul {
   width:340px;
   margin:0;
   padding:0;
   float:left;
   display:block;
   } 
   
.headermixto ul li{
   margin:4px 0 6px 0;
   padding:0;
   float:left;
   width:335px;
   display:block;
   font-size:12px;
   line-height:17px;
   color:#333333;
   font-family:Arial, Helvetica, sans-serif;
   }      
   
.headerimg img {
   margin:8px 0 0 10px}   
   

.doscoluna, .doscoldos {
   width:430px;
   min-height:300px;
   display:block;
   float:left;
   margin:0 0 40px 35px;
   padding:0 0 15px 0;
   border-right:1px #E6E6E6 dashed;
  }

.doscoluna p, .doscoldos p {
   font-size:12px;
   color:#333333;
   line-height:19px;
   width:360px;
   margin:0 0 10px 0;}

.doscoldos {
   width:380px;
   margin:0 0 40px 75px;
   border: none;
   }

.blockservicios, .blockservicios3, .blockservicios5 {
   width:465px;
   margin:0 0 35px 35px;
   padding:0;
   display:block;
   float: left;
   }

.blockservicios2 {
   width:360px;
   float:right;
   display:inline;
   height:430px;
   margin:0 35px 0 0;
   padding:0;
 }
.blockservicios3{
height:200px;} 
.blockservicios5{
height:150px;}  
.listservicios1, .listservicios2, .listservicios3, .listservicios4, .listservicios5, .listservicios6, .listservicios7 {
   margin:0 20px 0 0;
   padding:0;
   display: block;
   float:left;
   width:200px;
   /*height:225px;*/}
   
.listservicios2, .listservicios3 {
   height:110px;}      
    
.listservicios1 ul, .listservicios2 ul, .listservicios3 ul, .listservicios4 ul, .listservicios5 ul, .listservicios6 ul , .listservicios7 ul ,  ul.listamequienes {
   margin:6px 0 0 0;
   padding:0;
   display:block;
   }
   
.listservicios1 ul li, .listservicios2 ul li, .listservicios3 ul li, .listservicios4 ul li, .listservicios5 ul li, .listservicios6 ul li, .listservicios7 ul li,  ul.listamequienes li {
   width:100%;
   margin:0 0 10px 0;
   padding:0 0 0 12px;
   display:block;
   float:left;
   font-family:Arial, Helvetica, sans-serif;
   line-height:19px;
   color:#333333;
   font-size:12px;
   background-image:url(../images/list_style1.png);
   background-repeat: no-repeat;
   background-position:left 6px;}
    ul.listamequienes li {
background-position:left 6px;

   list-style-position: outside}
   
.listservicios2 ul li{
   background-image:url(../images/list_style2.png);
}

.listservicios3 ul li {
   background-image:url(../images/list_style3.png);
}

.listservicios4 ul li {
   background-image:url(../images/list_style4.png);
}
.listservicios5 ul li {
   background-image:url(../images/list_style5.png);
}
.listservicios6 ul li {
   background-image:url(../images/list_style6.png);
}
.listservicios7 ul li {
   background-image:url(../images/list_style7.png);
}

.thumservicios {
   margin:60px 0 0px 0;
   padding:0;
   display:block;
   float:right;
   border:1px #E6E6E6 solid;
   padding:6px;}
   
.listclientes {
   width: 423px;
   height:110px;
   display:block;
   float:left;
   margin:10px 0 10px 35px;
   padding:0;} 
   
.listclientes img {
   border:1px #999999 solid;
   display:block;
   float:left;
   margin:0 20px 0 0;}
   
.listclientes p {
   width:220px;
   font-size:12px;
   line-height:16px;
   color:#4D4D4D;
   display:block;
   float:left;}
   
.listclientes strong {
     color:#333333}              	   	

.listalianzas {
   width:176px;
   height:108px;
   margin:10px 0 15px 35px;
   padding:0;
   display:block;
   float:left;
   border:1px #999999 solid;
   }
   
.listalianzas img {
margin:4px 0 0 8px}   
	         
#footer {
   width:100%;
   height:41px;
   margin:0 auto;
   display:block;
   float:left;
   padding:0;
   background-image:url(../images/back_footer.gif);
   background-repeat:repeat-x;
   background-position:top;}
   
#footerdatos {
   width:960px;
   height:26px;
   margin:10px auto 0 auto;
   padding:0;
   display:block;
   } 

#footerdatos img {
   display:block;
   margin:0 5px 0 0;
   float:left}
   
#footerdatos p {
   font-size:12px;
   color:#333333;
   display: inline-block;
   margin:5px 11px 0 0;
   float:left;
   padding:0}
   
#footerdatos p a {
   font-size:12px;
   text-decoration:none;
   color:#666666;
   font-weight:bold}  

#footerdatos p a:hover {
   color:#313131;
}  

#footerdatos p a.creatif {
   font-size:10px;
   font-weight:normal;
   color: #999999;
   display:block;
   margin:1px 0 0 0;}

#footerdatos p a:hover.creatif {
   color:#FF6600;
   /*text-decoration:underline*/} 

/*------------para btn ver mas info--------------*/

a.masinfo { 
    background-image: url(../images/masinfo2.png);
	background-repeat:no-repeat;
	background-position:0 0;
	height: 34px; 
	width:91px; 
	display:block;
	float: left;
	margin:15px 0 0 0;
	}
	
a.masinfo span { 
    display:none; 
	}
	
a.masinfo:hover { 
    background-image: url(../images/masinfo2.png);
	background-repeat:no-repeat;
	background-position:0px -35px;
}

/*---------------fin para btn ver mas info----------------*/


/********************** Aqui Form *********************************/

#contform {
   float:left;
   margin:0px 0 0 35px;
   padding:0;
   width:380px;
   height:740px;
   display: block;
   }

#contform div {
    height:40px;
}

form {
   margin-top:10px;
   float:left;
   display:block}

#contform div label { 
    font-size:11px;
    color:#808080;
    font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	width:115px;
	display:block;
	float:left;
	margin:4px 0 0 0;
	padding:10px 12px 5px 0;
	text-align: left;
	}

#contform div input {
    height:30px;
    width:365px;
    margin:0 0 5px 0;
	padding:4px 5px 0 5px;
	border:1px #E6E6E6 solid;
	background-color: #FFFFFF;
	float:left;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
#contform .arreglo {
    display:block;
    height:80px;
    margin:0 0 5px 0;
	}

#contform textarea {
    width:365px;
	padding:5px 5px 0 5px;
    margin:0 0 10px 0;
    border:1px #E6E6E6 solid;
	background-color: #FFFFFF;
	float:left;
	height:170px;
	display:block; 
	position: relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
/*boton*/
#contform .buttonrow input {
    display:block;
    width:95px;
    height:47px; 
	position:relative;
    left:285px;
    padding:5px 4px 6px 0px;
	border:none;
	background:url(../images/enviar.png) no-repeat center transparent ;   
	text-indent:-9999px;
	cursor:pointer;
	top:0px;
}

#contform .obligatorios {
    width:105px;
    display:block;
	height:40px;
    float:right;
    margin:47px 0 0 0;
    padding:10px 0 0px 0;
    }
	
#contform p {
   width:360px;
   font-size:16px;
   color:#666666;
   margin:40px 0 8px 0;
   padding:0;
   display:block;
   float:left;
   font-weight:bold}
   
.coloron {
font-size:18px;
color:#666666; width:280px;}   	

/********************** Fin Aqui Form ******************************/ 

#googlemap {
   margin:40px 0 0 40px;
   padding:0;
   display:block;
   float:left;
   width:450px;
   height:456px;
   border:2px #FFFFFF solid;
}

.separa {
   width:960px;
   display:block;
   float:left;
   margin:0;
   padding:0;
   height:21px;}