html, body {

height: 100%;

}

body {

  margin: 0px;

  padding: 0px;

  font-family: "Calibri", Arial, Helvetica, sans-serif;

  font-size: 16px;

  color: #666666;

  line-height: normal;

  font-style: normal;

  text-align: justify;
  background-image: url(../images/ff.jpg);

  background-position: center top;
  background-attachment: fixed
  background-color: #FFFFFF;


}

#header {

width: 1024px;

height: 100px;

margin-top: 0px;

margin-right: auto;

margin-bottom: 0px;

margin-left: auto;

}



#wrapper  {

width: 1024px;

text-align: left;

margin-top: 0;

margin-right: auto;

margin-bottom: 0;

margin-left: auto;

}

/* Page */

#page {

width: 1024px;

margin: 0px auto;



}



#banner {

  width: 1024px;

  height:500px;

  margin-top: 0;

  margin-right: auto;

  margin-bottom: 0;

  margin-left: auto;

}



#bg1 {

background-image: url(../images/ffh.jpg);

background-repeat: repeat-y;

background-position: center top;

}

#bg3 {

  height: 50px;

  width: 1024px;

  margin-top: 0px;

  margin-right: auto;

  margin-bottom: 0px;

  margin-left: auto;

   

}





#bg2 {

  height: 40px;

  width: 1024px;

  margin-top: 0px;

  margin-right: auto;

  margin-bottom: 0px;

  margin-left: auto;

  background-repeat: no-repeat;

  background-image: url(../images/sombraPie.jpg);

}





/* Content */

#page .contentpaneopen{

border-bottom-style: dotted;

border-bottom-width: thin;

border-bottom-color: #007789;

}

#page .contentheading{

  margin: 2px;

  font-family: "Calibri", Arial, Helvetica, sans-serif;

  font-weight: normal;

  letter-spacing: -2px;

  font-size: 18px;

  color: #AA0711;

}

#page .componentheading{

margin: 0px;

font-family: "Calibri", Arial, Helvetica, sans-serif;

font-weight: normal;

letter-spacing: 2px;

font-size: 20px;

color: #ABBA5D;

}

#page .small{

margin: 0px;

font-family: "Calibri", Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 15px;

color: #00AEE0;

}

#page .createdate{

margin: 0px;

font-family: "Calibri", Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 12px;

color: #333333;

}

#page .modifydate{

margin: 0px;

font-family: "Calibri", Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 12px;

color: #1e1e1e;

}

#page .readon{

margin: 0px;

font-family: "Calibri", Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 14px;

color: #fff;

background-color: #007789;

padding: 5px;

height: 20px;

width: 100px;

float: right;

text-align: right;

}

.pagenav {

  font-family: "Calibri", Arial, Helvetica, sans-serif;

  font-weight: normal;

  font-size: 13px;

  color: #000066;

  float: right;

  margin-top: 20px;

  margin-right: 20px;

  margin-bottom: 0px;

  margin-left: 0px;

}

.pagenav li{

display: inline-block;

padding: 0 5px;

text-align: center;

background-image: none;

}

.pagenav:link {

  text-decoration: none;

  color: #006699;

}

.pagenav:visited {

  text-decoration: underline;

  color: #000000;

}

.pagenav:hover {

text-decoration:none;

text-decoration: underline;

color:#BE151B;

}

.blog_more {

margin: 0px;

font-family: "Calibri", Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 15px;

color: #007789;

}

.blogsection {

margin: 0px;

font-family: "Calibri", Arial, Helvetica, sans-serif;

font-weight: normal;

font-size: 13px;

}

/* ++++++++++++++  blog  ++++++++++++++ */.cols-1{

display: block;

float: none !important;

margin: 0 !important;

}

.cols-2 .column-1{

width:46%;

float:left;

}

.cols-2 .column-2{

width:46%;

float:right;

margin:0}

.cols-3 .column-1{

float:left;

width:29%;

padding:0px 5px;

margin-right:4%}

.cols-3 .column-2{

float:left;

width:29%;

margin-left:0;

padding:0px 5px}

.cols-3 .column-3{

float:right;

width:29%;

padding:0px 5px}

.items-row{

overflow:hidden;

margin-bottom:10px !important;

}

.column-1,.column-2,.column-3{

padding:10px 5px}

.column-2{

width:55%;

margin-left:40%;

}

.column-3{

width:30%}

.cleaner {

clear: both;

width: 100%;

height: 0px;

font-size: 0px;

}



.cleaner_h10 {

clear: both;

width:100%;

height: 10px;

}

.cleaner_h20 {

clear: both;

width:100%;

height: 20px;

}

.cleaner_h40 {

clear: both;

width:100%;

height: 40px;

}



.tblanco {

font-family: "Calibri", Arial, Helvetica, sans-serif;

font-size: 16px;

color: #FFF;

}

.cuadro {

width: 164px;

padding: 2px;

height: 22px;

border: 0;

}



dl {

}

dl,dd {

margin: 0;

}

dt {

font-size: 16px;

padding: 3px;

margin: 2px;

background-image: url(../images/Fbtn2.gif);

color: #000000;

}

ul {

list-style-position: outside;

list-style-type: none;

padding-left: 20px;

}

.post {

width: 800px;

height: 80px;

margin: 0px Auto;

border-top: 1px;

border-bottom: 1px;

}



#cont_max{

  width: 1024px;

  height: auto;

  float: right;

  text-align: left;

  background-image: url(../images/banback.jpg);

  background-repeat: no-repeat;

  background-position: center top;

}



#cont_centro {

  width: 700px;

  margin-top:5px;

  float: left;

  text-align: left;

  margin-left:10px;

  margin-right:10px;



}



#cont_ini {

  float:left;

  width:750px;



  }



#cont_inider {

  float:right;

  width:250px;



  }

/*#cont_pqt {

width: 990px;

float: left;

text-align: left;

}*/



#cont_izquierda {

  width: 290px;

  margin-top:5px;

  margin-left:5px;

  float: left;

}



#cont_derecha {

  width: 225px;

  float: left;

}



/*.cuadroAzul{

  background-color: #1B68A3;

  width: 100%;

  height: 28px;

  color: #FFF;

  text-align: center;

  padding-top:5px;

  font-family: "Calibri", Arial, Helvetica, sans-serif;

  font-size: 15px;

  font-weight: bold;  

}*/





#cont_izq01 {

text-align: center;

background-repeat: no-repeat;

background-position: center top;

}

#cont_izq0102 {

background-repeat: no-repeat;

background-position: center top;

}

#cont_registro {

background-repeat: no-repeat;

background-position: center top;

}



div.clear  {

clear: both;

}

/* Footer */



#footer {

width: 1024px;

height: auto;

margin-top: 0px;

margin-right: auto;

margin-bottom: 0px;

margin-left: auto;

text-align:center;

}

#footer p {

margin: 0px;

padding: 0px;

line-height: normal;

text-align: center;

}

h1, h2, h3 {

  margin: 0px;

    font-weight: normal;

}

h1 {

letter-spacing: -1px;

color: #0066CC;

}

h2 {

  letter-spacing: 0px;

  font-size: 22px;

  color: #71AC24;

}

h3 {

  font-size: 18px;

  font-weight: bold;

  color: #0099FF;

}

h4 {

font-size: 12px;

font-weight: bold;

color:#333333;

}



h5 {

  color: #999999;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 13px;  

  font-weight: normal;

  padding-right: 30px;

  padding-left: 30px;

}



a {

  color: #666666;

}

a:link {

text-decoration:none;

color:#0F2058;

}

a:visited {

text-decoration:none;

font-weight:bold;

color:#333333;

}

a:hover {

text-decoration:none;

text-decoration: underline;

color:#000000;

}

.color1 {

color: #1F58AC;

}

.color2 {

color: #FFFFFF;

font-weight: bold;

}

.alignleft {

float: left;

}

.alignright {

float: right;

}

.aligncenter {

margin: 0px auto;

}

img.alignleft {

margin-right: 25px;

}

img.alignright {

margin-left: 25px;

}

a img, img {

}

.fotoder {

float: right;

margin-left: 8px;

}

.fotoizq {

float: left;

margin-right: 8px;

}



.logo {

  width: 200px;

  height: 110px;

  margin-top: 10px;

  border: 0;

  float: left;

  background-image: url(../images/logoIdemec.png);

}

.logo a {

display: block;

width: 200px;

height: 128px;

}

.logo a span  {

display: none;

}



/* Menu principal */



#barraMenu {

  width: 820px;

  height: 58px;

  float:left;



  

  }



#menu {

  width: 100%;

  min-height: 58px;

  list-style:none;

  margin:0px auto 0px auto;

}



#barraMenus {

float:left;

 left:50%;

 list-style-type:none;

 margin:0 auto;

 padding:0;

 position:relative;



  }



#menuS {

  width: 100%;

  min-height: 35px;

  height: auto !important;

  margin-top: 0;

  margin-right: 50px;

  margin-bottom: 0;

  margin-left: auto;

}

#menuS a {

  outline: none;

  visibility: visible;

  list-style: none;

  font: "Calibri", Arial, Helvetica, sans-serif;

  font-size: 16px;

  color: #333;

}

#menuS ul {

  list-style: none;

  margin-top: 0;

  margin-right: 0;

  margin-bottom: 0;

}

#menuS li {

float:left;

 position:relative;

 right:50%;

}

#menuS li:hover {

  color: #FFF;

  background-color: #CCCCCC;

}

#menuS ul ul {

display: none;

}



#inicio{
display: block;
width: 43px;
height: 58px;
float: right;
background-image: url(../images/inicioBtn.jpg);
background-repeat: no-repeat;
background-position: 0 0;
}
#inicio:hover{
background-position: 0 -58px;
}
#inicio span{
position: absolute;
top: -999em;
}
#quienes{
display: block;
width: 104px;
height: 58px;
float: right;
background-image: url(../images/quienesBtn.jpg);
background-repeat: no-repeat;
background-position: 0 0;
}
#quienes:hover{
background-position: 0 -58px;
}
#quienes span{
position: absolute;
top: -999em;
}
#productos{
display: block;
width: 142px;
height: 58px;
float: right;
background-image: url(../images/productosBtn.jpg);
background-repeat: no-repeat;
background-position: 0 0;
}
#productos:hover {
background-position: 0 -58px;
}
#productos span{
position: absolute;
top: -999em;
}
#seguridad{
display: block;
width: 127px;
height: 58px;
float: right;
background-image: url(../images/SeguridadyCali.jpg);
background-repeat: no-repeat;
background-position: 0 0;
}
#seguridad:hover {
background-position: 0 -58px;
}
#seguridad span{
position: absolute;
top: -999em;
}
#experiencia{
display: block;
width: 82px;
height: 58px;
float:right;
background-image: url(../images/experienciaBtn.jpg);
background-repeat: no-repeat;
background-position: 0 0;
}
#experiencia:hover{
background-position: 0 -58px;
}
#experiencia span{
position: absolute;
top: -999em;
}
#trabaje{
display: block;
width: 137px;
height: 58px;
float:right;
background-image: url(../images/TrabajeCon.jpg);
background-repeat: no-repeat;
background-position: 0 0;
}
#trabaje:hover{
background-position: 0 -58px;
}
#trabaje span{
position: absolute;
top: -999em;
}
#contacto{
display: block;
width: 65px;
height: 58px;
float:right;
background-image: url(../images/contactoBtn.jpg);
background-repeat: no-repeat;
background-position: 0 0;
}
#contacto:hover{
background-position: 0 -58px;
}
#contacto span{
position: absolute;
top: -999em;
}



/* Fin del menu */

/* menu social */

/* Menu principal */



.container {

 clear:both;

 float:left;

 overflow:hidden;

 width:100%;

}



.searchTop {

  width: 229px;

  height: 50px;

  margin-top:6px;

  border: 0;

  float: right;

  background-image: url(../images/buscar.png);

  background-repeat:no-repeat;

  

}



.searchbtn {

position: relative;

margin-top:5px;

margin-right:30px;

bottom: 0;

float:right;

}

.item-separator  {

border:none;

border-bottom:1px solid #f0f0f0;

border-top:1px solid #d6d6d6;

clear:both;

height:0;

line-height:0;

width:100%;

font-size:0;

padding:0 ;

margin-bottom :20px;

}

table.adminform textarea {

width: 540px;

height: 400px;

font-size: 1em;

color: #000099;

}



.breadcrumbs {

  font-family: "Calibri", Arial, Helvetica, sans-serif;

  font-size: 14px;

  overflow: hidden;

  white-space: nowrap;

  margin-top: 10px;

  margin-left: 90px;

  margin-bottom: 10px;

  color: #36F;

}



.readmore {

  font-family: "Calibri", Arial, Helvetica, sans-serif;

  font-size: 11px;

  overflow: hidden;

  white-space: nowrap;



}



.padding {

  padding:10px;

  

}



#tpata01 {

  width: auto;

  margin-left: 50px;

  margin-top: 20px;

  float: left;

  color: #FFF;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 13px;  

}







#tpata02 {

  width: auto;

  margin-right:50px;  

  margin-top:20px;

  float:right;

  color: #FFF;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 13px;  

}