﻿body {
}

ul.sdt_menu{
	margin:0;
	padding:0;
	list-style: none;
	font-family:Arial;
	font-size:14px;
	width:100%;
}
ul.sdt_menu a{
	text-decoration:none;
	outline:none;
}
ul.sdt_menu li{
	float:left;
	width:195px;
	position:relative;
	cursor:pointer;
}
ul.sdt_menu li > a{
	position:absolute;
	top:0px;
	left:0px;
	width:195px;
	z-index:12;
	/*background:transparent url(../images/overlay.png) no-repeat bottom right;
	-moz-box-shadow:0px 0px 2px #000 inset;
	-webkit-box-shadow:0px 0px 2px #000 inset;
	box-shadow:0px 0px 2px #000 inset;*/
}
ul.sdt_menu li a img{
	border:none;
	position:absolute;
	width:0px;
	height:0px;
	bottom:0px;
	left:70px;
	z-index:100;
	-moz-box-shadow:0px 0px 4px #000;
	-webkit-box-shadow:0px 0px 4px #000;
	box-shadow:0px 0px 4px #000;
}
ul.sdt_menu li span.sdt_wrap{
	position:absolute;
	top:10px;
	left:0px;
	width:170px;
	z-index:15;
}
ul.sdt_menu li span.sdt_active{
	position:absolute;
	background:#111;
	top:70px;
	width:170px;
	height:0px;
	left:0px;
	z-index:14;
	-moz-box-shadow:0px 0px 4px #000 inset;
	-webkit-box-shadow:0px 0px 4px #000 inset;
	box-shadow:0px 0px 4px #000 inset;
}
ul.sdt_menu li span span.sdt_link,
ul.sdt_menu li span span.sdt_descr,
ul.sdt_menu li div.sdt_box a{
	margin-left:15px;
	/*text-transform:uppercase;
	text-shadow:1px 1px 1px #000;*/
}
ul.sdt_menu li span span.sdt_link{
	color:#0B2161;
	font-size:18px;
	float:left;
	clear:both;
}
ul.sdt_menu li span span.sdt_descr{
	color:#0B75AF;
	float:left;
	clear:both;
	width:155px; /*For dumbass IE7*/
	font-size:12px;
	letter-spacing:1px;
}
ul.sdt_menu li div.sdt_box{
	display:block;
	position:absolute;
	width:170px;
	overflow:hidden;
	height:170px;
	top:70px;
	left:0px;
	display:none;
	background:#000;
}
ul.sdt_menu li div.sdt_box a{
	float:left;
	clear:both;
	line-height:30px;
	color:#FFFFFF;
}
ul.sdt_menu li div.sdt_box a:first-child{
	margin-top:5px;
}
ul.sdt_menu li div.sdt_box a:hover{
	color:#fff;
}

ul:hover{
	
}
.titulo-canaco
{
    text-shadow:2px 2px 4px #0B2161; color:#0B2161; font-weight:bold; font-size:26px;
}
.titulo-canaco-azul
{
    text-shadow:2px 2px 4px #0B2161; 
    font-weight:bold; 
    font-size:26px;
    color:#0B2161;
}
.titulo-canaco-amarillo
{
    text-shadow:2px 2px 4px #0B2161; 
    font-weight:bold; 
    font-size:26px;
    color:#FFBF00;
}
.titulo-canaco-g500
{
    text-shadow:2px 2px 4px #0B2161; 
    font-weight:bold; 
    font-size:26px;
    color:#04B4AE;
}

.navbar {
	font-size: 16px;
	background: #ffc107;
	color: #FFFFFF;
	border: solid 0px #FF0000;
	/*box-shadow: 10px 5px 10px #045FB4;*/
}
.colorAzul, .colorAzul a{font-weight:normal;}
.texto-login{height:50px; font-size:20px;}

.img-canaco{height:50px; border:solid 0px; margin:7px;}
.tam1{width:100px; font-size:33px;}
.tam2{width:100px;}
.tam3{width:165px;}
.tam4{width:220px;}
.menusito{display:none;}


.verMenu{display:inherit;}
.ocultaMenu{display:none;}

.marcas-fondo
{
    /*position:absolute;*/
    z-index:1;
    color:#000; 
    top:20px; 
    border:solid 0px;
    margin-left:20px;
    text-align:center;
    /*background:#CACACA;*/
    width:98%;
    border-radius: 0 0 6px 6px;
    opacity:0.3;
    height:99px;
}
.marcas
{
    position:absolute;
    z-index:1;
    color:#000; 
    top:80px; 
    text-align:center; 
}
.marcas img{margin-left:50px; opacity:0.8; width:70px; height:70px; cursor:pointer;}

.marcas-site-empesas
{
    position:absolute; 
    z-index:999;
    top:40px; 
    text-align:center;
}
.marcas-site-empesas img{margin-left:50px; opacity:1.10; width:60px; height:60px; cursor:pointer;}

.banner-marcas{margin-top:10px;}

@media (min-width: 768px) {  }
@media (min-width: 0px) and (max-width: 768px)  
{
    .menu-listado{display:none;}
    .menusito{display:inline;}
    ul.sdt_menu{display:nones; background: #FFFFFF;}
    .sdt_wrap{background: #FFFFFF; border:solid 1px;}
    ul.sdt_menu li{height:50px;}
    ul.sdt_menu li span.sdt_wrap{width:220px;}
    .titulo-canaco{font-size:16px;}
    .img-canaco{height:50px;}
    .carousel-caption{height:30px;}
    .carousel-caption h2{ font-size:12px; margin-top:10px;}
    .sdt_menu{float:right;}
    .marcas img{margin-left:15px; width:100px;}
    .marcas-fondo{height:80px;}
    .banner-marcas{margin-top:2px;}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .titulo-canaco{font-size:16px;}
    .marcas img{margin-left:15px; width:40px; height:40px;}
    .marcas, .comofunciona{ width:95%;}
    .marcas-fondo{height:70px; width:90%;}
}
                                                   
/* Landscape phone to portrait tablet */
@media (max-width: 767px){
    .titulo-canaco{font-size:16px;}
    .marcas img{margin-left:15px; width:40px; height:40px;}
    .marcas, .comofunciona{ width:95%;}
    .marcas-fondo{height:50px; width:90%;}
}
/* Landscape phones and down */
@media (max-width: 480px) 
{
    .titulo-canaco{font-size:11px;}
    .marcas img{margin-left:10px; width:35px; height:35px;}
    .marcas, .comofunciona{ width:95%;}
    .marcas-fondo{height:70px; width:90%;}
    .banner-marcas{margin-top:-12px;}
    .h1{font-size:22px;}
    
    /*site empresas*/
    .titulo-canaco-amarillo{font-size:16px;}
    .titulo-canaco-g500{font-size:16px; text-shadow:1px 1px 2px #0B2161; }
    .img-circle{width:35px;}
    .banner > strong {font-size:17px;}
    .banner > strong > strong {font-size:17px;}
    em {font-size:11px;}
}
.img-circle{width:45px;}

.amarillo{color:#FFBF00;}
.amarillo-bold{color:#FFBF00; font-weight:bold;}
.blanco{color:#FFF;}
.siguenos{margin-top:30px; margin-bottom:40px;}
.pie{background:#1C1C1C; color:#BDBDBD;}
.isquierdo{float:left; margin:20px 20px;}
.isquierdo-texto{float:left; width:75%; margin-top:20px;}
#canacocash, #inicio{height:50px;}
/*.comofunciona{background-image:url("img_dinamico/galeria/tarjeta-credito.jpg");}*/
.img-banner
{
    height:494px; max-height:494px; border-radius:10px 10px 0 0;
}
.verde{ background:#04B404;}
.inscribete1{margin-top:-15px;}
.obligatorio{color:Red; padding-right:3px;}
.texto-registro{font-size:19px; text-align:left;}
.form-control{font-size:20px; height:50px;}
.contacto{font-size:15px; height:33px;}

.steps
{
    background:#CCC;
    border-bottom:solid 1px;
    border-right:solid 1px;
}
.activeStepInfoRegistro{display:inline;}
.ocultaStepInfoRegistro{display:none;}

#selectList
{
    font-size:17px;
    height:40px;
}
#page5 .slider 
{
    border:solid 0px;
    width:100%;
    /*background:url(../../img_dinamico/mock_up/materiales-web-forza/cargando_gas_mitad.png) 0 -3px no-repeat;*/
}
.slider-wrapper {background:url(../../img_dinamico/mock_up/materiales-web-forza/slider-bg-tail.gif) 0 -190px repeat-x #efefef; padding:0;}
.banner {
	overflow:hidden;
	/*position:absolute;
	left:800px;
	top:120px;
	z-index:999;*/
}
.banner > strong {
		display:block;
		font-size:40px;
		line-height:1.2em;
		color:#088A85;
		text-transform:uppercase;
		letter-spacing:-1px;
		margin-bottom:25px;
	}
		.banner > strong > strong {
			display:block;
			margin-top:-10px;
		}
	.banner em {
		display:block;
		font-size:21px;
		line-height:1.2em;
		color:#808080;
		margin-bottom:35px;
	}
	.separador{height:30px;}

.margin-puntos
{
    margin-top:90px;
}

	@media (max-width: 480px) 
	{
	    .banner em {font-size:14px;}
	    .banner > strong {margin-bottom:5px;}
	    .margin-puntos{margin-top:10px;}
	    
	    .img-banner{height:194px; border-radius:10px 10px 0 0;}
	}