/*================================================================

* Nombre del proyecto: CCMT centro colombiano de metrología y tecnología

* Nombre del archivo:  ccmt.css

* Descripción: hoja de estilos global

* Fecha de creación: 05 de agosto de 2013

* Autor: Esteban Vera

================================================================*/

/*============COMENTARIOS========================================

* Ancho: 1000px

* Parallax: NO

* Responsivo: NO

================================================================*/





/*==============================================Reset=========================================*/

@import url('../css/normalize.css');



/*========================================Body y Container====================================*/

body{font-size: 14px; background:#fff; font-family: 'allerregular', sans-serif; color: #939598;}

.wrapper{width: 1000px; margin: 0 auto;}





/*========================================Loader==============================================*/

#loader {

	background-color: #27aae1;

	position: fixed;

	left: 0;

	top: 0;

	z-index: 10000000000000;

	width: 100%;

	height: 100%;

	display: block;

	overflow: hidden;

}



.loading {

	position: absolute; 

	width:50px; 

	height:52px; 

	background: url(../imgs/loading.gif) 0 0 no-repeat; 

	top:50%; 

	left: 50%;

	margin:-25px 0 0 -25px;

}





/*=============================================Header=========================================*/



header{

	border-bottom: 1px solid #ccc;

	padding-bottom: 12px;

}

h1{

	float: left;

	position: absolute;

	top: 0;

	left:0;

	z-index: 99999;

}

.contenedorbuscaryredesociales{

	background: #27aae1;

	float: right;

	padding: 5px 3px 9px 15px;

}

.contenedorbuscaryredesociales .buscar, .contenedorbuscaryredesociales .redesociales{

	display: inline-block;

	vertical-align: top;

	*display: inline;

	zoom:1;

}

.buscar{

	margin:3px 50px 0 0;

}

.buscar .buscarinput, .buscar .iconolupa{

	display: inline-block;

	vertical-align: top;

	*display: inline;

	zoom:1;

}

.buscar .buscarinput{

	border:none;

	height: 21px;

	width:200px;

	transition:all 0.7s ease 0s;

	padding-left: 10px;

	border-radius: 40px;

}

.buscar input.buscarinput:focus{

  color:#6a6f75;

  width:250px;

  box-shadow: 0 0 5px #000 inset;

}

.buscar .iconolupa{

	margin-top: 3px;

	background: url(../imgs/lupapequenia.png) 0 0 no-repeat;

	border:none;

	width: 20px;

	height: 20px;

	cursor: pointer;

}

.redesociales a {

	margin: 0 2px;

	float:left;

}

.facebook{

	width: 32px;

	height: 24px;

	background: url(../imgs/redesociales.png) -30px 0 no-repeat;

	-transition-property: background;

	transition-duration: 0.2s;



}

.facebook:hover{

	background: url(../imgs/redesociales.png) -29px -31px  no-repeat;

  transition-property: background;

  transition-duration: 0.2s;

}

.twitter{

	width: 32px;

	height: 24px;

	background: url(../imgs/redesociales.png) 0 0 no-repeat;

	transition-property: background;

	transition-duration: 0.2s;

}

.twitter:hover{

	background: url(../imgs/redesociales.png) 1px -31px no-repeat;

	transition-property: background;

	transition-duration: 0.2s;

}



/*=============menu================*/

nav{

	float: right;

	margin-top: 30px;

}

nav ul li{

	display: inline-block;

	vertical-align: top;

	*display: inline;

	zoom:1;

	margin-left: 20px;

}

nav ul li a{

	color:#939598;

	text-transform: uppercase;

	text-decoration: none;

	font-weight: bold;

	font-size: 16px;

}

.iconocontactenos{

	background: url(../imgs/contactenos.png) 0 0 no-repeat;

	width: 22px;

	height: 16px;

	margin-top:-3px;

}

.iconocontactenos:hover{

	background: url(../imgs/contactenos.png) 0 -19px no-repeat;

}

nav ul li a:hover{

	color:#27aae1;

}



.activo{

	color: #27aae1;

}



.activocontactenos{

	background: url(../imgs/contactenos.png) 0 -19px no-repeat;

}



/*==========================================Slider============================================*/

.contenedorslidersponsive{

	height: 500px;

	overflow: hidden;

	position: relative;



}

.contenedorslidersponsive, .slider {width: 100%; max-width: 3000px; margin: 0px auto 5px 0; position: relative;}

.slider, .slider li img {width: 100%; height: 500px;}



.textoslider{

	color: blue;

	position: absolute;

	top: 100px;

	width: 100%;

	text-align: left;

}



.textorelativo h2{

	background: rgba(204, 201, 201, 0.5);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7Fcccccc,endColorstr=#7Fcccccc); 

  zoom: 1;

  font-size: 18px;

	padding: 20px;

	float:left;

	margin-bottom: 10px;

 	color: #054a6d;

 	text-transform: uppercase;

}

.textorelativo p{

	background: rgba(204, 201, 201, 0.5);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7Fcccccc,endColorstr=#7Fcccccc);

    zoom: 1;

    font-size: 16px;

	padding: 10px;

	float:left;

	width: 450px;

    color: #000;

}

.contenedorslidersponsive .prevBtn{

	background:url(../imgs/prevynext.png) 0 0 no-repeat; 

	width: 53px;

	height: 50px;

	text-indent: -999px;

	position: absolute;

	top: 50%;

	left:15px;

	z-index: 99999;

	margin-top: -26px;

	transition:0.2s;

}

.contenedorslidersponsive .prevBtn:hover{

	left: 5px;

	transition:0.2s;

}

.contenedorslidersponsive .nextBtn{

	background:url(../imgs/prevynext.png) -55px 0 no-repeat; 

	width: 53px;

	height: 50px;

	text-indent: -9999px;

	position: absolute;

	top: 50%;

	right:15px;

	z-index: 99999;

	margin-top: -26px;

}

.contenedorslidersponsive .nextBtn:hover{

	right: 5px;

	transition:0.2s;

}



/*==========================================Contenido=========================================*/



/*================Conteindo Home=======================*/



.contenidohome1 {

	max-width:inherit;

	margin:0 auto;

	padding-bottom: 50px;

	width:-webkit-fit-content;

	width:-moz-fit-content;

	width:fit-content;

	display:table\0/!important;

	border-bottom: 1px solid #939598;

}

.contenidohome1 article{

	text-align: center;

	width: 250px;

	display: inline-block;

	vertical-align: top;

	*display: inline;

	zoom:1;

	margin: 20px 30px 0 30px;

}



.contenidohome1 article img {

	transition: .2s;

}



.contenidohome1 article:hover img{

	transform: scale(1.3);

}

.contenidohome1 article h3{

	text-transform: uppercase;

	margin: 15px 0;

	font-size: 16px;

}



.contenidohome1 article p{

	line-height: 16px;

	font-size: 14fpx;

}



/*====contenido home 2 ====*/

.contenidohome2 h4{

	text-align: left;

	text-transform: uppercase;

	border-bottom: 1px solid #d6d7d8;

	padding-bottom: 5px;

	margin-top: 30px;

	font-size: 16px;

}

.lineazul2{

	width: 100px;

	height: 3px;

	background: #27aae1;

	margin: -1px 0 20px 0;

}

/*====contenido home 3 ====*/

.contenidohome3{

	position: relative;

}



.slider2 li {

	width:333px;

	margin-left: 5px;

	text-align: center;

}

.slider2 li img{

	border-radius: 10px;

	width: 310px;

	height: 195px;

}

.slider2 li h5{

	margin-top: 10px;

	font-size: 15px;

}

.contenidohome3 .prevBtn{

	background: url(../imgs/prevynextcarrusel.png) 0 0 no-repeat;

	width: 24px;

	height: 20px;

	text-indent: -9999px;

	position: absolute;

	right: 30px;

	top: -43px;

}

.contenidohome3 .prevBtn:hover{

	background: url(../imgs/prevynextcarrusel.png) 0 -22px no-repeat;

}

.contenidohome3 .nextBtn{

	background: url(../imgs/prevynextcarrusel.png) -34px 0 no-repeat;

	width: 24px;

	height: 20px;

	text-indent: -9999px;

	position: absolute;

	top: -43px;

	right: 0;

}

.contenidohome3 .nextBtn:hover{

	background: url(../imgs/prevynextcarrusel.png) -34px -22px no-repeat;

	width: 24px;

}

.hover{

	position:absolute;

	background:rgba(0,0,0,0.5);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); 

  zoom: 1;

	width:310px;

	height:195px;

	margin: 306px 0 0 11px;

	border-radius: 10px;

}

.hover .lupa{

	width:52px;

	height:52px;

	background:url(../imgs/lupa.png) no-repeat;

	position: absolute;

	bottom: 50%;

	left:50%;

	margin:0 0 -26px -26px;

}



/*======================================Contenido Nosotros========================*/

.contenidonosotros1{

	margin: 70px 0 0 0;

}

.contenidonosotros1 .empresa{

	width: 320px;

	float: left;

	text-align: left;

}

.contenidonosotros1 .empresa h2{

	text-transform: uppercase;

	border-bottom: 1px solid #d6d7d8;

	padding-bottom: 5px;

	font-size: 16px;

}

.contenidonosotros1 .empresa p{

	margin-bottom: 15px;

	line-height: 20px;

}

.contenidonosotros1 img{

	width: 650px;

	height: 470px;

	float: right;

	border-radius: 10px;

	box-shadow: 0px 0px 4px #27aae1;

}

.contenidonosotros2{

	margin-top: 30px;

}

.contenidonosotros2 img{

	width: 330px;

	float: left;

	border-radius: 10px;

	box-shadow: #4c4c4c 0px 0px 4px;

}

.contenidonosotros2 .mision, .contenidonosotros2 .vision{

	width: 310px;

	margin-left: 20px;

	float: right;

}

.contenidonosotros2 div h3{

	text-transform: uppercase;

	font-size: 16px;

	border-bottom: 1px solid #d6d7d8;

	padding-bottom: 5px;

}

.contenidonosotros2 div p{

	margin-bottom: 10px;

	line-height: 18px;

}





/*======================================Contenido Capacitacion========================*/

.contenedorcapacitaciones{

	margin: 60px 0;

}

.tabs-capacitaciones { 

	background: #eee;

	margin: 0 0 20px 0;

	box-shadow: 0 0 5px #666;

	height: auto;padding: 30px 0;

	overflow: hidden;

}

.list-wrap{

	width: 780px;

	float: right;

	height: auto !important;

	position: relative;

}

.tabs-capacitaciones .nav {

	overflow: hidden;

	float: left;

	margin: 0 0 10px 0;

	width: 200px;

}

.tabs-capacitaciones .nav li { width: 175px; margin: 0 0 5px 0; }

.tabs-capacitaciones .nav li.last { margin-right: 0; }

.tabs-capacitaciones .nav li a {

	display: block;

	padding: 10px 8px;

	background: #959290;

	text-align: center;

	border: 0;

	text-decoration: none;

	color:#fff;

	text-transform: uppercase;

}

.tabs-capacitaciones .nav li a:hover { background-color: #27aae1;}



.tabs-capacitaciones ul { list-style: none; }

.tabs-capacitaciones ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #27aae1; transition: 1s; width: 165px;}

.tabs-capacitaciones ul li a:hover { background: #27aae1; color: white;}

.tabs-capacitaciones ul li:last-child a { border: none; }

.tabs-capacitaciones ul li a.current, .tabs-capacitaciones ul li a:hover { background-color: #27aae1; transition:1; padding: 10px 30px;}





.textotab, .slidertabs{

	width: 365px;

	float: left;

	margin-right: 25px;

}

.textotab{

	height: 342px;

	overflow: hidden;

}

.textotab p{

	margin-bottom: 15px;

	text-align: left;

	line-height: 18px;

}

.bxslider{

	width: 380px;

}

.bxslider li img{

	width: 380px;

	height: 275px;

}



.contenedorslidertab{

	position: relative;

}



.pdf{

	float: left;

    margin: -30px 0px 0px 8px;

	background: #96928f;

	padding:8px 20px;

	text-decoration: none;

	color: #fff;

	box-shadow: 1px 1px 7px  #000;

	transition:0.5s;

	width: 75px;
	
	text-align: center;
}

.pdf:hover{

	margin-left: 10px;

	transition:0.5s;

	background: #27aae2;

}



.conta{

	float: right;

	background: #96928f;

	padding:8px 20px;

	text-decoration: none;

	color: #fff;

	box-shadow: 1px 1px 7px  #000;

	transition:0.5s;

}

.conta:hover{

	margin-right: 10px;

	transition:0.5s;

	background: #27aae2;

}

.contenedorslidertab .customPager{

	max-width:inherit;

	margin:0 auto;

	padding-bottom: 50px;

	width:-webkit-fit-content;

	width:-moz-fit-content;

	width:fit-content;

	display:table\0/!important;

}

.contenedorslidertab .customPager a img{

	width: 50px;

	height: 30px;

	padding: 3px;

	border: solid rgb(204, 204, 204) 1px;

}

.contenedorslidertab .customPager a:hover img, .customPager a.active img{

   border:1px solid #27aae1;

}



/*======================================Contenido Capacitacion========================*/





/*======================================Contenido noticias========================*/

.list-wrap article h2{

	border-bottom: 1px solid #d6d7d8;

	padding-bottom: 5px;

	font-size: 16px;

}

.list-wrap article h3{

	color: #6B6B6B;

	padding-bottom: 15px;

	font-size: 12px;

}



.contenedorslidervertical{

	position: relative;

	float: left;

	margin-top: 20px;

}



.contenedorslidervertical  .prevBtn{

	position: absolute;

	left: 50%;

	height: 40px;

	text-indent: -999px;

	top: -38px;

	width: 32px;

	margin-left: -24px;

	transition: 0.5s;

	background: url(../imgs/noticias/prev.png) 0 0 no-repeat;

}

.contenedorslidervertical  .prevBtn:hover{

	transition: 0.5s;

	top: -43px;

}

.contenedorslidervertical  .nextBtn{

	position: absolute;

	left: 50%;

	bottom: -43px;

	width: 32px;

	text-indent: -999px;

	height: 40px;

	margin-left: -24px;

	transition: 0.5s;

	background: url(../imgs/noticias/next.png) 0 0 no-repeat;

}

.contenedorslidervertical  .nextBtn:hover{

	transition: 0.5s;

	bottom: -47px;

}

.slidervertical{

	width: 201px !important;

	float: left;

}

/*======================================Contenido contactenos========================*/

.contenedorcontactenos{

	margin: 60px 0;

}



.contenedorcontactenos img{

	width: 580px;

	float: left;

	border-radius: 10px;

	box-shadow: 0px 0px 4px #27aae1;

	margin-top: 44px;

}



.contenedorcontactenos .formualrio{

	width: 400px;

	float: right;

}



/*========formulario====================*/





::-webkit-input-placeholder { /* WebKit browsers */ color: #ccc; }



:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ccc; }



::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ccc; }



:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ccc; }



form.contactenos {

 width: 368px;

 min-height: 10px;

 overflow: hidden;

 float:right;

 position: relative;

 padding: 45px 0px 5px 0px;

 border-radius: 2px;

 

}

.contactenos-info {

 width: 400px;

 min-height: 300px;

 overflow: hidden;

 float: right;

 margin: 10px 0px 0 0;

 text-align: center;

 color: #333;

 font-size: 18px;

 line-height: 23px;

 

}

.contactenos-info p {

 padding: 0 0 3px 0;

}

.contactenos-info strong {

}

.contactenos-info span {

 color: #6d9c05;

 font-size: 20px;

 font-weight:bold;

}

.contactenos-info img {

 border-radius: 400px;

 width: 300px;

 height: 300px;

 position: relative;

 box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.75);

 border: 6px solid #FFF;

 position: relative;

 z-index: 2;

 margin: 20px auto 10px;

}

form.contactenos label {

 max-width:650px;

 color:#575757;

 font-size: 18px;

 margin: 0px 0 10px 20px;

 padding: 0;

 float: left;

 font-weight:bold;

}

form.contactenos input[type="text"] {

 width: 335px;

 height: 25px;

 padding: 5px;

 margin: 0 auto 20px 20px;

 border: none;

 background: rgb(228, 243, 246);

 color:#575757;

 font-size: 16px;

 border:1px solid #A5DFE7;;

 font-family: 'futura_maxi_cg_bookregular', sans-serif;

}

form.contactenos #select{

 width: 470px;

 height: 30px;

 padding: 5px;

 margin: 0 0 10px;

 border: none;

 background: rgb(235, 235, 235);

 color: #2b1541;

 border:1px solid #CCC;

 font-size: 14px;

 box-shadow: 2px 2px 10px rgba(50, 50, 50, 0.75) !important;

 border-radius: 4px;

}

form.contactenos input:focus[type="text"] {

 background-color: #FFF;

 color:#575757;

 transition: all 0.4s  ease-out;

}

.submit {

width: 100px;

border: none;

background: #27aae1;

box-shadow: rgba(0,0,0,0.7)2px 2px 3px;

float: right;

height: 26px;

color: #fff;

margin-right: 3px;

transition: all 0.4s ease-out;

}

.submit:hover{

 cursor: pointer;

 background-color:#00AEF8;

 margin:0 10px 0 0;

 transition: all 0.4s  ease-out;

 -ms-filter: "alpha(opacity=80)";

 filter: alpha(opacity=80);

    -khtml-opacity: 0.80;

    -moz-opacity: 0.80;

    opacity: 0.80;

}



form.contactenos textarea {

 width: 335px;

 overflow: hidden;

 height: 110px;

 min-height: 110px;

 max-height: 110px;

 padding: 5px;

 margin: 0 0 20px 20px;

 border: none;

 background:rgb(228, 243, 246);

 color: #575757;

 font-size: 16px;

 border:1px solid #A5DFE7;;

 font-family: 'futura_maxi_cg_bookregular', sans-serif;

}

form.contactenos textarea:focus {

 background-color: #FFF;

 color:#2b1541;

 transition: all 0.4s  ease-out;

}











/* Z-INDEX */

 .formError { z-index: 990; }

    .formError .formErrorContent { z-index: 991; }

    .formError .formErrorArrow { z-index: 996; }

    

    .formErrorInsideDialog.formError { z-index: 5000; }

    .formErrorInsideDialog.formError .formErrorContent { z-index: 5001; }

    .formErrorInsideDialog.formError .formErrorArrow { z-index: 5006; }









.inputContainer {

	position: relative;

	float: left;

}



.formError {

	position: absolute;

	top: 300px;

	left: 300px;

	display: block;

	cursor: pointer;

	width: 175px !important;

}



.ajaxSubmit {

	padding: 20px;

	background: #55ea55;

	border: 1px solid #999;

	display: none

}



.formError .formErrorContent {

	background: #27aae1;

	position:relative;

	color: #fff;

	width: 175px;

	font-size: 11px;

	border: 2px solid #ddd;

	box-shadow: 0 0 6px #000;

	padding: 4px 10px 4px 10px;

	border-radius: 6px;

	margin-left: -137px;

}



.greenPopup .formErrorContent {

	background: #33be40;

}



.blackPopup .formErrorContent {

	background: #393939;

	color: #FFF;

}



.formError .formErrorArrow {

	width: 15px;

	margin: -2px 0 0 13px;

	position:relative;

}

body[dir='rtl'] .formError .formErrorArrow,

body.rtl .formError .formErrorArrow {

	margin: -2px 13px 0 0;

}



.formError .formErrorArrowBottom {

	box-shadow: none;

	margin: 0px 0 0 12px;

	top:2px;

}



.formError .formErrorArrow div {

	border-left: 2px solid #ddd;

	border-right: 2px solid #ddd;

	box-shadow: 0 2px 3px #444;

	font-size: 0px;

	height: 1px;

	background: #27aae1;

	margin: 0 auto;

	line-height: 0;

	font-size: 0;

	display: block;

}



.formError .formErrorArrowBottom div {

	box-shadow: none;

}



.greenPopup .formErrorArrow div {

	background: #33be40;

}



.blackPopup .formErrorArrow div {

	background: #393939;

	color: #FFF;

}



.formError .formErrorArrow .line10 {

	width: 15px;

	border: none;

}



.formError .formErrorArrow .line9 {

	width: 13px;

	border: none;

}



.formError .formErrorArrow .line8 {

	width: 11px;

}



.formError .formErrorArrow .line7 {

	width: 9px;

}



.formError .formErrorArrow .line6 {

	width: 7px;

}



.formError .formErrorArrow .line5 {

	width: 5px;

}



.formError .formErrorArrow .line4 {

	width: 3px;

}



.formError .formErrorArrow .line3 {

	width: 1px;

	border-left: 2px solid #ddd;

	border-right: 2px solid #ddd;

	border-bottom: 0 solid #ddd;

}



.formError .formErrorArrow .line2 {

	width: 3px;

	border: none;

	background: #ddd;

}



.formError .formErrorArrow .line1 {

	width: 1px;

	border: none;

	background: #ddd;

}





#mask {

 display: none;

 background:rgba(0,0,0,0.9);

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8F000000,endColorstr=#8F000000);

 position: fixed; left: 0; top: 0; 

 z-index: 10;

 width: 100%; height: 100%;

  z-index: 99999;

}

img.btn_close { Position the close button

 width:700px;

 float: right; 

 margin:-25px -27px 0 0;

 width:24px !important;

 height:24px !important;

 background:url(../imgs/cerrar.png) left no-repeat;

}

.notificacionenviado{

 width: 400px;

 display:none;

 background:rgba(255,255,255,0.7);

 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF,endColorstr=#7FFFFFFF);

 zoom: 1;

 color:#fff;

 padding: 10px;  

 border: 3px solid #333  ;

 float: left;

 font-size: 1.2em;

 position: fixed;

 top: 50%; left: 50%;

 z-index: 999999999;

 box-shadow: 0px 0px 20px #999; /* CSS3 */

}



.notificacionenviado .spanpopup{

	color:#00b1eb;

	text-align: center;

	display:block;

}

.popupcontacteno{

	position: relative;	

}

.popupcontacteno h3{

	color: #000;

	text-align: center;

}

.popupcontacteno img{

	margin: 0 auto;

	width: 250px;	

	display: block;

}



/*=================================Buscador==================================*/

.paginador li{margin: 10px 0; list-style: none;}

.paginador li h2{color: #27aae1; margin: 5px 0;}



.paginador{margin:20px 0; padding: 0;}

.simplePagerNav li {float: left; list-style: none; margin-left: 10px; background:#4c4c4c; width: 20px; height: 20px; text-align: center; line-height: 21px;}

.simplePagerNav li a{text-decoration: none; color:#fff;}

.simplePagerNav li:hover a{color:#fff; }

.simplePagerNav li:hover{background: #27aae1;}

.currentPage{background: #27aae1 !important;}

.currentPage a{color: #fff !important;}





/*========================================Footer==============================================*/

footer{

	background: #4c4c4c;

	color: #fff;

	margin-top: 30px;

	padding: 30px 0 5px 0;

}

footer div{

	display: inline-block;

	vertical-align: top;

	*display: inline;

	zoom:1;

	font-size: 12px;

}

footer div h6{

	color: #fff;

	text-transform: uppercase;

	border-bottom: 2px solid #27aae1;

	float: left;

	text-align: left;

	font-size: 14px;

	padding: 0 10px 5px 0;

}

.footerizq{

	width: 190px;

	text-align: left;

	margin-right: 50px;

}

.footerizq p{

	line-height: 15px;

	font-size: 13px;

}

.footercentro1{width: 250px; margin-right: 30px; }

.footercentro2{width: 300px; margin-right: 20px; } 

.footerder{width: 90px;}

.footercentro1 ul{

	padding: 0;

	list-style: none;

	font-size: 13px;

}

.footercentro1 ul li{

		margin: 3px 0;

}

.footercentro1 ul li a{

	color: #fff;

	text-decoration: none;

	transition-duration: 0.2s;

}

.footercentro1 ul li a:hover{

	text-decoration: underline;

	color:#27aae1;

	transition-duration: 0.2s;

	margin-left: 10px;

}

.footercentro2 ul {

	list-style: none;

	padding: 0;

	font-size: 13px;

}

.footercentro2 ul li{

	padding: 5px 0 5px 40px;

}

.ubicacion{

	background: url(../imgs/iconos-footer.png) 0 -3px no-repeat;

}

.telefono{

	background: url(../imgs/iconos-footer.png) 0 -30px no-repeat;

}

.mensaje{

	background: url(../imgs/iconos-footer.png) 0 -56px no-repeat;

}

.facebook2{

	width: 32px;

	height: 24px;

	background: url(../imgs/redesocialesfooter.png) -30px 0 no-repeat;

	-transition-property: background;

	transition-duration: 0.2s;

	margin-top: 10px;



}

.facebook2:hover{

	background: url(../imgs/redesocialesfooter.png) -29px -31px  no-repeat;

  transition-property: background;

  transition-duration: 0.2s;

}

.twitter2{

	width: 32px;

	height: 24px;

	background: url(../imgs/redesocialesfooter.png) 0 0 no-repeat;

	transition-property: background;

	transition-duration: 0.2s;

	margin-top: 10px;

}

.twitter2:hover{

	background: url(../imgs/redesocialesfooter.png) 1px -31px no-repeat;

	transition-property: background;

	transition-duration: 0.2s;

}

.lineazul{

	border-top: 2px solid #27aae1;

	margin: 30px 0 5px 0;

}

.lineazul p{

	padding-top: 10px;

	font-size: 12px;

}

.footer-autor {

	float:right;

	height: 20px;

	line-height: 20px;

	margin:-6px 0 0 0;

	padding-top: 15px;

}

.footer-autor #ahorranito2 {

	background: url(http://www.imaginamos.com/derechos_autor_gris/ahorranito-2.png) no-repeat 0px 0px;

	width: 21px;

	height: 22px;

	display: block;

	float: left;

	margin: 0 5px;

}

.footer-autor a {

	font-size:12px;

	color: #fff;

	text-decoration: none;

	float: left;

}

.footer-autor a:hover {

	text-decoration: underline;

}

.footer-autor a span {

	color: #6dc5f3;

	font-weight:bold;

}





.scrollup{

width: 40px;

height: 40px;

opacity: 1;

position: fixed;

bottom: 10px;

right: 10px;

display: none;

text-indent: -9999px;

background: url(../imgs/upload_18x24.png) center center no-repeat #27aae1;

box-shadow: 0px 0px 4px #000;

border-radius: 4px;

}





.loading2{

	position: absolute;

	top:50%;

	left: 50%;

	width: 30px;

	height: 30px;

	background: url(../imgs/loading2.gif) 0 0 no-repeat;

	margin: -15px 0 0 -15px;

	z-index: 99;

}