@charset "utf-8";
/* CSS Document */
body#pagina1 a.selectedEmpresa, body#pagina2 a.selectedServicios, body#pagina3 a.selectedSolucion, body#pagina4 a.selectedDirectorio, body#pagina5 a.selectedContacto {
background:url(../images/menutopbgDown.gif) no-repeat 0px 0px;
text-decoration:underline;
}

*{
padding:0px;
margin:0px;
font-family:Arial, Helvetica, sans-serif!important;
}
ul{
list-style-type:none;
}

html {

background:#def0fe url(../images/background_02.jpg) repeat-y 52% 0;
}
.clearfix:after {   
    content: ".";   
    display: block;   
    clear: both;   
    visibility: hidden;   
    line-height: 0;   
    height: 0;   
}   
  
.clearfix {   
    display: inline-block;   
}   
  
html[xmlns] .clearfix {   
    display: block;   
}   
  
* html .clearfix {   
    height: 1%;   
}  
div#Wraper {
width:698px;	
height:1000px;
background:#FFFFFF;
margin:0px auto;

}
/*------------------------layOut Header--------------------------------*/
div#Header {
height:130px;
float:left;
}

img#logo {
margin-top:50px;
float:left;
}
ul#topNav {
float:left;
width:400px;
height:130px;
margin-left:0px;

}
ul#topNav li {
display:inline;

}
ul#topNav li a {
display:block;
float:right;
height:20px;
width:70px;
/*background:#006e9b;*/
background: #006e9b url(../images/menutopbg.gif) no-repeat 0px 0px;
margin:37px 5px 0px 2px;
padding-top:60px;
text-align:center;
text-decoration:none;
color:#FFFFFF;
font-size:11px!important;
font-weight:bold;
} 
ul#topNav li a:hover {
/*background:#0099FF;*/
text-decoration:underline;
}
/*------------------------layOut Branding--------------------------------*/
div#Branding {
height:243px;;
width:700px;
float:left;
clear:both;
background: url(../images/Barra.jpg) 0 0 no-repeat;
padding-top:20px;
margin-top:10px;
}
img#imgBrand {
margin:10px 0px 0px 0px;
display:block;
float:left;
}
/*object#Rot
{
margin:10px 0px 0px 0px;
display:block;
float:left;
border:1px solid #0033CC;

}*/


div#Slogan {
width:256px;
height:215px;
float:left;
margin-top:10px;
margin-left:10px;
background:#f9f9f9;
}
div#Slogan blockquote {
font-weight:bold;
padding:5px;
color:#bfb764;
}
html body div#Slogan p{
padding:5px;
width:246px;
color:#006e9b;
font-weight:bold;
font-size:12px;
font-family:Geneva, Arial, Helvetica, sans-serif!important;
}
/*--------------------layout Content2-----------------------*/
div#Content{
width:700px;
clear:both;
float:left;
}
div#Content img#imgSolucion {
display:block;
float:left;
margin-top:20px;
}
div#Content p#Solucion {
float:left;
width:260px;
color:#4c482f;
padding:10px;
font-size:12px;
font-weight:bold;
}
div#Content h2 {
width:280px;
height:36px;
float:left;
font-size:12px;
color:#0066FF;
}

div#PrincipalSolucion {
width:418px;
float:left;
border-bottom:1px dotted #c2d1e5;
padding-bottom:16px;
}
div#PrincipalSolucion h2 {
width:251px;
height:31px;
background:url(../images/Copy-of-template_15.gif) 5px 0px no-repeat;
text-indent:-999px;
margin-top:8px;
}
div#PrincipalBeneficio {
clear:left;
width:418px;
float:left;
padding-top:10px;


}
div#PrincipalBeneficio h3 {
width:250px;
height:28px;
background:url(../images/Copy-of-template_21.gif) 0px 0px no-repeat;
float:left;
text-indent:-999px;
}

ul#Beneficio {
width:418px;
}
ul#Beneficio li#uno {
float:left;
font-size:11px!important;
width:188px;
padding-left:20px;
background:url(../images/Copy-of-template_25.jpg) 0px 10px no-repeat;
padding-top:10px;
color:#004969;
font-weight:bold;
}
ul#Beneficio li#dos {
float:left;
font-size:11px!important;
width:190px;
padding-left:20px;
background:url(../images/Copy-of-template_25.jpg) 0px 10px no-repeat;
padding-top:10px;
color:#004969;
font-weight:bold;
}

div#PrincipalCasos {
width:280px;
height:350px;
float:right;
clear:both;
border-top:5px solid #544c4c;

}
div#PrincipalCasos  h3{
float:left;
height:34px;
width:246px;
background:url(../images/Copy-of-template_17.gif) 0px 0px no-repeat;
text-indent:-999px;
}
div#PrincipalCasos  h4{
float:left;
font-size:14px;
width:170px;
color:#64614b;
}
div#PrincipalCasos  h5{
float:left;
font-size:14px;
width:170px;
color:#5f8da1;
font-size:12px;
}
div#PrincipalCasos p {
float:left;
width:160px;
padding:5px;
font-size:12px;
color:#999999;
}

img#imgCaso {
width:85px;
height:85px;
float:left;
border:2px solid #7fc8e8;
margin:10px;
}
ul#Casos {
width:280px;
float:left;
}


ul#Casos li{
float:right;
clear:both;
width:280px;
border-bottom:1px dotted #908a5b;
padding:10px 0px;
}

a#casoLink{
color:#7fc8e8;
text-decoration:none;
float:right;
padding-right:10px;
font-weight:bold;
}
/*------------------LayOut Branding-Bottom ----------------------*/
div#bottomBranding {
margin-top:10px;
width:700px;
clear:both;
}
img#Bran1 {
float:left;
display:block;
width:431px;
margin-top:20px;
}
img#Bran2 {
float:right;
width:260px;
display:block;
}

/*--------------------------------LAYOUT FOOTER--------------------------------------*/
div#Footer {
width:700px;
clear:both;
border-bottom:4px solid #46778b;
}
div#Footer ul {
width:450px;
margin:0px auto;
padding-top:50px;
padding-bottom:10px;
}
div#Footer ul li {
display:inline;
} 
div#Footer ul a {
display:block;
float:left;
text-decoration:none;
padding-left:5px;
border-left:1px solid #817a44;
padding-right:5px;
color:#817a44;
font-size:11px!important;
}
div#Footer ul a:hover {
color:#CCCC99;
}
div#credits {
float:right;
width:220px;
font-size:12px;
padding-top:15px;
font-weight:bold;
}

div#credits a {
text-decoration:none;
color:#1385b3;
}

span#a {
padding-top:10px;
font-size:24px;
}

/****----------------------------Empresa COntent-----------------------------------*/

div#EmpresaContent
{
height:400px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}

div#EmpresaContent img {

float:left;
margin-left:50px;
margin-top:20px;
border:8px solid #c5e0ec;
}
div#EmpresaContent h2 {
width:250px;
height:30px;
background:url(../images/quehacemostxt.jpg) no-repeat -40px 0px;
text-indent:-999px;
border-bottom:3px solid #CCCCCC;
margin-bottom:10px;
}
div#EmpresaContent h2#mision {
width:250px;
height:30px;
background:url(../images/mision.jpg) no-repeat -40px 0px;
text-indent:-999px;
}
div#EmpresaContent h2#vision {
width:250px;
height:30px;
background:url(../images/vision.jpg) no-repeat -40px 0px;
text-indent:-999px;

}
div#EmpresaContent h2#Servicios{
width:250px;
height:30px;
background:url(../images/Servicios.jpg) no-repeat -40px 0px;
text-indent:-999px;
}


blockquote {
padding-bottom:20px;


}
div#subEmpresa {
float:right;
width:260px;
height:400px;
padding:20px;
}
div#subEmpresa p {
width:260px;
text-align:left;
padding-bottom:20px;
}

/*-----------------------div Solucion-------------------------------*/

div#contentSolucion {
width:700px;
height:500px;
border-top:10px solid #000066;
padding-top:20px;

}
div#contentSolucion  object{
float:right;
}

div#contentDirectorio {
width:700px;
height:400px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;

}
div#contentDirectorio h2#directorio{
width:100%;
border-bottom:3px solid #CCCCCC;
margin-bottom:10px;
height:30px;
background:url(../images/directorio.jpg) no-repeat -40px 0px;
text-indent:-999px;
}
div#contentDirectorio table{
margin-top:20px;
border:1px solid #0099FF;
border-collapse:collapse;
width:680px;
font-size:12px;
}
div#contentDirectorio th{
text-align:left;
border:#00CCFF 1px solid;
background:#DAF4FC;
padding:5px;
}
div#contentDirectorio td{
text-align:left;
border:#00CCFF 1px solid;
padding:5px;
background:url(../images/tablebg.jpg) 0px 0px repeat-x;
color:#003399;
font-weight:bold;
}
div#contentDirectorio td#mail a{
color:#0099FF;
text-decoration:none;
}
/*----------------------Div Contacto Secction---------------------------------------------*/
div#contentContacto {
width:700px;
height:400px;
margin:0px auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
float:left;
background:url(../images/FondoForma2.jpg) no-repeat 0px 100px;
padding-top:50;
}
div#contentContacto h2 {
width:100%;
border-bottom:3px solid #CCCCCC;
margin-bottom:10px;
height:30px;
background:url(../images/Contacto.jpg) no-repeat -40px 0px;
text-indent:-999px;

}
div#subContacto {
width:700px;
height:400px;
margin:0px auto;
float:left;
}
div#datosContacto {
width:200px;
height:250px;
float:right;
margin-top:40px;
margin-right:20px;
padding-top:20px;

}

div#contentContacto fieldset {
width:400px;
border:none;
padding-top:40px;
padding-left:20px;
float:left;
margin-left:20px;
margin-top:20px;

}

div#contentContacto label,div#contentContacto span
{
float:left;
padding-bottom:7px;
}
div#contentContacto h3 {
text-align:center;
font-size:14px;

}

div#contentContacto label {
width:100%;

}
div#contentContacto label span{
width:30%;
text-align:right;
font-weight:bold;
}
div#contentContacto fieldset textarea {
color:#999999;
height:80px;
width:190px;
}

div#contentContacto fieldset input {
width:190px;
color:#999999;
}
div#contentContacto fieldset input#Sub {
width:70px;
margin-left:10px;
background:#FFFF99;
color:#000066;
border:1px solid #003399;
}

/*---------------------------------CcontentCasos-------------------------------*/

div#contentCasos {

width:700px;
float:left;
}

div#leftNavCasos {
width:180px;
font-size:12px;
height:100%;
float:left;
}
div#leftNavCasos ul {
float:left;
width:180px;
height:500px;

}
div#leftNavCasos ul h4{
width:180px;	
height:30px;
background:url(../images/Casosestudioheader.jpg) -40px 0px no-repeat;
text-indent:-999px;
border-bottom:3px #999999 solid;
}
div#leftNavCasos li {

}
div#leftNavCasos li a {
width:168px;
display:block;
border-bottom:#000000 1px dashed;
padding:5px;
text-decoration:none;
color:#685C1A;
margin:2px 2px;
font-size:11px!important;
}
div#leftNavCasos li a:hover{
background:#F8F5E0;
}
.current {
background:#F8F5E0;
}

div#casosHolder {
/*background:#FF00FF;*/
float:left;
width:475px;
/*border:1px solid #000099;*/
padding:20px;

}
.def {
color:#0066CC;
}

div#casosHolder h4{
font-size:13px;
background:#99CCCC;
margin:5px 0px;

}
div#casosHolder h5 {
font-size:11px;
padding-bottom:10px;
}
div#casosHolder p {
padding:10px 0px;
width:450px;
text-align:justify;
font-size:12px!important;

} 
div#casosHolder img {
float:left;
margin-right:20px;
border:2px solid #7fc8e8;
}

div#casosHolder ul {
padding:20px 0px;
}
div#casosHolder ul li {
background:url(../images/bullet.gif) no-repeat 0px 5px;
padding-left:12px;
margin:3px;
font-weight:bold;
color:#000066;
font-size:12px;
}

div#contentFaq {
width:700px;

}

div#contentFaq h2 {
background:url(../images/faq.jpg) no-repeat -40px 0px;
width:100%;
text-indent:-999px;
border-bottom:3px solid #CCCCCC;
}
div#contentFaq h3 {
padding-top:20px;
padding-bottom:10px;
}

div#contentFaq p {
width:600px;
text-align:justify;

}