html {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	overflow:auto;
	font-family: 'Roboto';
    font-size: 15px;
}


img {
    border: none;
}


a:link   
{   
 text-decoration:none; 
 color:	#38bfec;
}   

a:hover {color:#5fcdf0;}


 html, body {margin: 0; padding: 0;} p {margin 0 0 0px 0; padding: 0;} 
 
#contenedor{ 
    width: 100%;
	margin: auto; 
	position: relative;
	background-color: #ffffff;
}

#contenedoradmin{ 
    width: 1120px;
	margin: auto; 
	position: relative;
	background-color: #ffffff;
}

#cabecera {
	background-image: url(../images/bg-header-adank.png);
	height: 70px;
    background-color: #38bfec;
    background-size: cover;
	position:relative;
} 


#cabecera2 {
	background-image: url(../images/cabecera2.png);
	height : 165px;
} 

#cabecera3 {
	background-image: url(../images/banner2.jpg);
	height : 126px;
} 

#cabecera4 {
	background-image: url(../images/banner.jpg);
	height : 126px;
} 

p{
    vertical-align: top;
}

#logocabecera {
	width: 270px;
    height: 130px;
	float: left;
	background-image: url(../images/logo.png);
    background-position: center;
    background-size: 50%;
    background-repeat: no-repeat;
	}
	
#ladoDercabecera {
	float: right;
    position: relative;
	}
	
#fila1cabecera {
	float:right;
	display: inline-block;
    width: 120px;
	padding-top: 10px;
	}

#fila1cabecera img {
	width: 20px; height: 20px; margin-top: 10px;
}

#fila2cabecera{display: inline-block;}

#fila4cabecera {
    text-align: right;
    margin-right: 115px;
    font-size: 13px;
    margin-top: -22px;
	color:#fff;
	}

#fila4cabecera a{color:#fff;}

#fila3cabecera {
	height: 45px;
	}
	
#botoneraidiomas {
	margin-left:420px;
	width: 200px;
	height: 40px;
	float: right;
	}
	
#fila1cabeceraIz{
	float: right;
	height: 40px;
	}
#fila1cabeceraDer{
	height: 40px;
	}	
	
#idspanish {
	width: 30px;
	float: right; 
	}
	
#idportuguese {
	width: 30px;
	height: 30px;
	float:right;
	}
	
#idenglish {
	width: 30px;
	float: right;
	height: 30px;
	}


	
#login {
	color: #091E42;
	}
	
#loginfila1 {
	margin-top:20px;
	width: 590px;
	height: 20px;
	margin-right: 30px;
	text-align:left;
	}
#loginfila2 {
	height: 20px;
	text-align:left;
	font-family:arial, "courier new", impact;
   font-size:10px;
    margin-top: 20px;
	}
#loginfilaIz2{
   float:left;
   width: 270px;
   margin-top:-10px;
   color:#FFFF00;
	}
#loginfilaDer2{
	 margin-left: 275px;
	 margin-top:-10px;
	color:#FFFF00;
	}
#loginfilaIz1{
	width: 270px;
	float: left;
	}
	
#loginfilaMitad1{
 
   float: left; 
	}
	
#loginfilaDer1{
	width: 40px;
	float: right;
	text-align:left;
    }
	
.LoginUsuariosCabecera{
	width: 80px;
	float: left;
	text-align:right;
	margin-right: 10px;
	}
	
.LoginUsuariosDato{
	width: 190px;
	margin-left:80px;
	}

#login input {    
	border: none;
    height: 30px;
    margin-top: -10px;
    border-radius: 2px;
    width: 130px;
    padding: 0px 7px;
    font-size: 13px;
}
	
	
 .mi-menu  {
	 position:absolute;
	 z-index: 999;
    border-radius: 2px;
	overflow: visible !important;
    list-style-type: none;
	margin-top:-25px;
	 left: 30px;
    padding: 0 15px;
    /* la altura y su ancho dependerán de los textos */
    height: 40px; 
    /* el color de fondo */
    background-color: #0063a4;
	filter:progidXImageTransform.Microsoft.gradient(startColorstr=#02426c, endColorstr=#0063a4GradientType=0);/*degradar color IE*/
  }
  .mi-menu  br { display:none;  margin: 0;
    padding: 0;}

  /* cada item del menu */
  .mi-menu  li {
    display: block;
    float: left; /* la lista se ve horizontal */
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
  }
  .mi-menu li a {
    color: #EEE;
    display: block;
    font-family: 'Roboto';
    font-size: 15px;
    font-weight: bold;
    line-height: 28px;
    padding: 0 20px;
    margin: 5px 0;
	letter-spacing: .5px;
    text-decoration: none;
    /* animamos el cambio de color de los textos */
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
	filter:progidXImageTransform.Microsoft.gradient(startColorstr=#0063a4, endColorstr=#02426cGradientType=0);/*degradar color IE*/
  }

  /* efecto hover cambia el color */
  .mi-menu li:hover > a { color: #588db0; }

  /* los submenús */
  .mi-menu ul {
    border-radius: 0 0 5px 5px;
	padding: 0;
    left: 0;
    margin: 0;
    opacity: 0; /* no son visibles */
    position: absolute;
    top: 40px; /* se ubican debajo del enlace principal */
    /* el color de fondo */
    background: #0063a4;
    background: -moz-linear-gradient(#0063a4,#02426c);
    background: -webkit-linear-gradient(#0063a4,#02426c);
    background: -o-linear-gradient(#0063a4,#02426c);
    background: -ms-linear-gradient(#0063a4,#02426c);
    background: linear-gradient(#0063a4,#02426c);
    /* animamos su visibildiad */
    -moz-transition: opacity .25s ease .1s;
    -webkit-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
	z-index: 10000;
  }
  /* son visibes al poner el cursor encima */
  .mi-menu li:hover > ul { opacity: 1; }

   /* cada un ode los items de los submenús */
  .mi-menu ul li {
    height: 0; /* no son visibles */
    overflow: hidden;
    padding: 0;
    /* animamos su visibildiad */
    -moz-transition: height .25s ease .1s;
    -webkit-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
  }
  .mi-menu li:hover > ul li {
    height: 36px; /* los mostramos */
    overflow: visible;
    padding: 0;
  }
  .mi-menu ul li a {
      border: none;
    border-bottom: 1px solid rgba(0,0,0,.2);
    margin: 0;
    padding: 3px 20px;
    width: 200px;
}
  }
  /* el último n otiene un borde */
  .mi-menu ul li:last-child a { border: none; }
  
  
  .banner { overflow: auto; width:100%; top: -55px;}
  .banner ul { margin: 0; padding: 0; top:0px;}
    .banner li { list-style: none;}
        .banner ul li { float: left;}

.clearout {
height:63px;
clear:both;
}

.carrusel{
	height:150px;
	width: 100%;
}	
#flexiselDemo3 {
    display:none;
    margin:0;padding:0;
}

.nbs-flexisel-container {
    position:relative;
	background: #38bfec;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:9999px;
    margin:0px;
	margin-top:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    overflow:hidden;
    float:left;
    width:100%;
    background: linear-gradient(0deg, #38bfec, #2797c6);
	padding-top: 40px;
    height: 200px;
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width:140px;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 25px;
    height: 25px; 
    position: absolute;
	margin-top:70px;
    cursor: pointer;
    z-index: 100;
	top: auto !important;
	background-size: 100%;
}

.nbs-flexisel-nav-left {
    left: 15px;
    background: url(../images/button-previous.png) no-repeat;
	background-size: 100%;
}

.nbs-flexisel-nav-right {
    right: 15px;
    background: url(../images/button-next.png) no-repeat;
	background-size: 100%;
	}	

.separadordiv{
float: left;
width: 100%;
	}

.separadoriz{
float:left;
width:15px;
height:22px;
margin-right: -965px;/*Set margin to that of -(MainContainerWidth)*/
 background-image: url(../images/sep-iz.jpg);
	display:none;
	}


.separadormitad{
background-image:url(../images/sep-medio.jpg);
background-repeat:repeat-x;
margin: 0 15px 0 15px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
height:22px;
	display:none;
	}

.separadorder{
float:left;
width: 15px; /*Width of right column*/
margin-left:965px; /*Set left margin to -(RightColumnWidth)*/
background-image:url(../images/sep-der.jpg);
height:22px;
	display:none;
	}

.titulo{
    font-size: 30px;
	color:#253858;
    font-weight: 800;
	}

.tituloNoticias{
    font-size: 20px;
    font-weight: 800;
	color: #253858;
	height:auto;
	overflow:hidden;
}

.noticiasdiv{
float: left;
width: 100%;
height:auto;
overflow:hidden;
    margin-top: -30px;
	text-align:left;
	color: #42526E;
	}


#noticia1{
float:left;
float: left;
    width: 33%;
    padding: 40px;
    box-sizing: border-box;
	 font-weight: 200;
	}

#noticia2{
float: left;
    width: 33%;
    padding: 40px;
    box-sizing: border-box;
	 font-weight: 200;
	}

#noticia3{
float: left;
    width: 33%;
    padding: 40px;
    box-sizing: border-box;
	 font-weight: 200;
	}

.vermas{
    font-size: 14px;
	font-weight: 600;
	background-color: #2797c6;
	padding: 13px 25px;
	color: #fff;
	text-decoration:none;
	width: 90px;
    text-align: center;
	 -webkit-transition: ease all  .2s; 
  	transition:   ease all .2s; 
	cursor:pointer;
	}
	
.vermas:hover{background-color: #68CEF0;}
.vermas a{color:#fff;}
	
.contenido{
	float: left;
    width: 60%;
    padding: 30px 7%;
    box-sizing: border-box;
	}

.contenido p{    
	font-size: 18px;
    color: #42526E;
    font-weight: 100;
	text-align: left;
}


.contenido p span{    
	font-size: 16px !important;
    text-align: left;
    letter-spacing: -.5px;
}

.contenidoadmin{
	float:right;
	width:777px;
	margin-left:40px;
margin-right:40px;
	}

.contenidoadmin2{
	float:right;
	width:1100px;
	margin-left:10px;
margin-right:10px;
	}
	
	
.contacto{
	float: right;
    width: 340px;
    height: 400px;
    margin-right: 7%;
    background-color: #F4F5F7;
	padding:30px;
	box-sizing:border-box;
	display: inline-table;
	color: #42526E;
	border-radius:2px;
	}

.menuadmin{
	float:left;	
	width:243px;
	margin-right:20px;
	}
	
.contcont{
	width: 100%;
	overflow: hidden;
	margin-top: 80px;
	margin-bottom: 80px;
    display: inline-block;
	}

.contcontadmin{
	width:1120px;
	overflow: hidden;
	}
	
		
.logocontacto{
	background-image: url(../images/logo.png);
    width: 100px;
    height: 100px;
    margin: auto;
    background-size: 120%;
    background-position: center;
	margin-top: 50px;
	}
	
.telefono{
	height: 45px;
    line-height: 45px;
	}
	
#contactoiz1{
	float:left;
	width:60px;
	background-image:url(../images/celular.png);
	height:45px;
	    background-size: 90%;
    background-repeat: no-repeat;
	}
	
#contactoiz2{
	float:left;
	width:60px;
	background-image:url(../images/sobre.png);
	height:45px;
	    background-size: 90%;
    background-repeat: no-repeat;
	}
	
#contactoiz3{
	float:left;
	width:60px;
	background-image:url(../images/maps.png);
	height:45px;
	    background-size: 90%;
    background-repeat: no-repeat;
	}

.address{line-height: 25px;}

	
footer {
  height: 75px;
    width: 100%;
    background-color: #38bfec;
    padding: 20px 7%;
    box-sizing: border-box;
    line-height: 40px;
	background-image:url(../images/bg-header-adank.png);
	background-position: center;
	background-size: cover;
}

.footeradmin {
    height: 192px;
    width: 1210px;
	background-image:url(../images/piepaginaadmin.png);
	 padding: 0;
	 margin:0 auto;
	 text-decoration:none;
}


.blanco{
    font-size: 14px;
	color:#FFF;
	text-decoration:none;
	}
	
.footerder{
	float:left;
	}
	
.footeriz{
	float:right;
	}
	
.logo{
	background-image:url(../images/logo-mddm.png);
	width: 50px;
    height: 20px;
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
    float: left;
	margin-top: 10px;
	}
	
.redessociales{ 
top: 100px; 
position: fixed; 
z-index: 10000; 
float: left; 
margin-top: 0; 
margin-left: 10px; 
 border: #069 1px solid; 
  padding: 10px; 
	display:none;
} 

#certificaciones{
	background-image:url(../images/certificaciones.jpg);
    width: 100%;
    height: 130px;
    background-size: cover;
	}
	
#certificaciones1{
	background-image:url(../images/bicicleta.jpg);
	 width: 100%;
    height: 130px;
    background-size: cover;
	}
	
#certificaciones2{
	background-image:url(../images/acero.jpg);
	 width: 100%;
    height: 130px;
    background-size: cover;
	}
	
#certificaciones3{
	background-image:url(../images/CNC.jpg);
	 width: 100%;
    height: 130px;
    background-size: cover;
	}
	
#certificaciones4{
	background-image:url(../images/electricidad.jpg);
	 width: 100%;
    height: 130px;
    background-size: cover;
	}
	
#certificaciones5{
	background-image:url(../images/bateria.jpg);
	 width: 100%;
    height: 130px;
    background-size: cover;
	}
	
#certificaciones6{
	background-image:url(../images/ANMAT.jpg);
	 width: 100%;
    height: 130px;
    background-size: cover;
	}
	
#certificaciones7{
	background-image:url(../images/gas.jpg);
	 width: 100%;
    height: 130px;
    background-size: cover;
	}

#certificaciones8{
	background-image:url(../images/juguetes.jpg);
	 width: 100%;
    height: 130px;
    background-size: cover;
	}
	
#certificaciones9{
	background-image:url(../images/tintas.jpg);
	 width: 100%;
    height: 130px;
    background-size: cover;
	}
	
#certificaciones10{
	background-image:url(../images/energetica.jpg);
	 width: 100%;
    height: 130px;
    background-size: cover;
	}
	
	
#servicios{
	background-image:url(../images/servicios.jpg);
 width: 100%;
    height: 130px;
    background-size: cover;
	}
	
#servicios1{
	background-image:url(../images/certificacion_de_productos.jpg);
	 width: 100%;
    height: 130px;
    background-size: cover;
	}
	
#servicios2{
	background-image:url(../images/Lab.jpg);
	 width: 100%;
    height: 130px;
    background-size: cover;
	}
	
#servicios3{
	background-image:url(../images/seg-productos.jpg);
	 width: 100%;
    height: 130px;
    background-size: cover;
	}
	
#servicios4{
	background-image:url(../images/procedimientos.jpg);
	 width: 100%;
    height: 130px;
    background-size: cover;
	}
	
#servicios5{
	background-image:url(../images/pre-embarque.jpg);
	width:100%;
	height:126px;
	}
	
#contactoimg{
	background-image:url(../images/contactos.jpg);
	 width: 100%;
    height: 130px;
    background-size: cover;
	}

#noticias{
	background-image:url(../images/noticias.jpg);
	 width: 100%;
    height: 130px;
    background-size: cover;
	}	

label{
    display: block
}    
.formu{
    padding: 5px;
    margin: 0px 0px 10px 20px
}
.campo{
    padding: 5px; width: 350px;
    box-shadow:0 0 0 3px #EEF5F7;
}
fieldset{
    font-weight: bold;
    width: 300px; 
    border: none; 
    box-shadow: 0px 5px 10px #B5C1C5, 0 0 0 10px #edfcff;
	margin-left:150px;
}
legend{
    margin: 30px 0px 15px 20px
}
input[type=submit]{        
  /*  border: 1px solid #CED5D7;
    box-shadow:0 0 0 3px #EEF5F7;
    padding: 2px 2px;
    border-radius: 5px;
    font-weight: bold;
    text-shadow: 1px 1px 0px white;
    background: #e4f1f6;
    background: -moz-linear-gradient(top, #e4f1f6 0);
    background: -webkit-linear-gradient(top, #e4f1f6 0);
}
input[type='submit']:hover{
    background: #edfcff;
    background: -moz-linear-gradient(top, #edfcff 0);
    background: -webkit-linear-gradient(top, #edfcff 0);
}
textarea{
    box-shadow:0 0 0 3px #EEF5F7;
	width:300px;
	height:100px;
}
            */
.error{
    background-color: #BC1010;
    padding: 3px 6px;
    border-radius: 4px;
    color: white;
    font-weight: bold;
    margin-left: 16px;
    margin-top: 0px;
    position: absolute;
}
.error:before{ /* Este es un truco para crear una flechita */
    content: '';
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #BC1010;
    border-left: 8px solid transparent;
    left: -16px;
    position: absolute;
    top: 5px;
}
            
.correcto{
    background-color: #EEF5f9;
    box-shadow: 0px 0px 1px 1px #000;
    width: 270px; 
    margin-left: 20px
}    
 
.loader{
    display: none;
    position: absolute;
}


/*
#menu{
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:1px 1px 3px #888;
	-moz-box-shadow:1px 1px 3px #888;
	list-style-type: none;
	margin: 0 auto; /* si queremos centrarlo */
	margin-left:20px;
	padding: 0;
	/* el color de fondo 
    background: #02426c;
    background: -moz-linear-gradient(#02426c,#0063a4);
    background: -webkit-linear-gradient(#02426c,#0063a4);
    background: -o-linear-gradient(#02426c,#0063a4);
    background: -ms-linear-gradient(#02426c,#0063a4);
    background: linear-gradient(#02426c,#0063a4);
	filter:progidXImageTransform.Microsoft.gradient(startColorstr=#02426c, endColorstr=#0063a4GradientType=0);/*degradar color IE
}
#menu  br { display:none;  margin: 0;
    padding: 0;}
#menu li{border-bottom:1px solid #000;
list-style: none;
    margin-left:20px;
    padding: 0;}
	
	#menu li a{
    color: #FFF;
    display: block;
    font-family: Tahoma;
    font-size: 13px;
    font-weight: bold;
    line-height: 28px;
    padding: 0 14px;
    margin: 5px 0;
    text-decoration: none;
	
	}
	
#menu ul li, #menu li:last-child{border:none}	
#menu a:hover{
	color:#0FF;
	-webkit-transition: color 0.2s linear;
}
#menu ul a{background-color:#6594D1;}
#menu ul a:hover{
	background-color:#FFF;
	color:#2961A9;
	text-shadow:none;
	-webkit-transition: color, background-color 0.2s linear;
}
¿
#menu ul{background-color:#0063a4;
 border-radius: 0 0 5px 5px;
	padding: 0;
    left: 0;
    margin: 0;
	}
#menu li ul {display:none;}

*/


.errorform{
	color:#FF0000;
	}
	
table {
	border-collapse:collapse;
	border:1px solid #FFCA5E;
}

thead th {
	background: url(http://www.nonamedesign.info/table_gallery/bg_th.jpg) no-repeat right;
	height: 47px;
	color: #FFFFFF;
	font-size: 0.7em;
	font-weight: bold;
	padding: 0px 2px;
	margin: 10px 0px 0px;
	text-align: left;
	border-right: 1px solid #FCF1D4;
}
tbody tr {
background: url(http://www.nonamedesign.info/table_gallery/bg_td1.jpg) repeat-x top;
}
tbody tr.odd {
	background: #FFF8E8 url(http://www.nonamedesign.info/table_gallery/bg_td2.jpg) repeat-x;
}

tbody th,td {
	font-size: 0.7em;
	line-height: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	color: #777777;
	padding: 10px 7px;
	border-left:1px solid #FFCA5E;
	border-top: 1px solid #FFCA5E;
	border-right: 1px solid #FFCA5E;
	border-bottom:1px solid #FFCA5E;
	text-align: left;
}

select::-ms-expand {
    display: none; /* hide default arrow in IE10 */
}
select {
    width: 90%; /* Set width. Do not set height else it will fail in IE8-10. Use padding for height. */
    color: #333;
    font-weight: normal;
    font-size: 1em;
    line-height:1.2em;
    margin: 0 0 10px;
    padding: 6px 0; /* use this to set a specific height for your dropdown (DO NOT use the attribute 'height') */
    border: 0 none;
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: "";
    background: no-repeat 100% 3px #fff; /* add your own arrow image */
    *background-image:none; /* turn bg image for IE7 */
    background: url(../images/arrow.png) no-repeat 100% 0px #fff; /* fallback bg image*/
    background: url(../images/arrow.png) no-repeat 100% 0px, -webkit-linear-gradient(top, #fff, #b7d7f2);
    background: url(../images/arrow.png) no-repeat 100% 0px, -moz-linear-gradient(top, #fff, #b7d7f2);
    background: url(../images/arrow.png) no-repeat 100% 0px, -ms-linear-gradient(top, #fff, #b7d7f2);
    background: url(../images/arrow.png) no-repeat 100% 0px, -o-linear-gradient(top, #fff, #b7d7f2);
    background: url(../images/arrow.png) no-repeat 100% 0px, linear-gradient(top, #fff, #b7d7f2);
    -webkit-appearance: none; /* gets rid of default appearance in Webkit browsers*/
    -moz-appearance: none; /* Get rid of default appearance for older Firefox browsers */
    -ms-appearance: none; /* get rid of default appearance for IE8, 9 and 10*/
    appearance: none;
}
select option {
    background: #fff; /* style the dropdown bg color */
}


.ir-arriba {
	display:none;
	padding:20px;
	background:#024959;
	font-size:20px;
	color:#fff;
	cursor:pointer;
	position: fixed;
	bottom:20px;
	right:20px;
	z-index: 5000;
}

.borderAjax {
	padding:0px 75px 0px 75px;
	border-style: solid;
}