/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body{
	font-size: 18px;
	font-family: 'Roboto', Arial, sans-serif !important;
	background: url(img/bck.jpg);
}

h1,h2,h3,h4,h5,h6{
	font-family: 'Roboto', Arial, sans-serif !important;
	margin: 0;
	padding: 0;
}

th{
	color: #938b81;
	font-weight: 400;
	font-size: 15px;
}

td{
	color: #cabeaf;
}

a{
	cursor: pointer;
	display: block;
}

a:hover, a:visited, a:focus{
	text-decoration: none!important;
}

label{
	font-weight: normal;
	margin-left: 10px;
}

@media (min-width: 768px) and (max-width: 991px) {
	label{
		margin-left: 0px;
	}	
}

@media (max-width: 767px) {
	label{
		margin-left: 0px;
	}	
}

select{
	color: #938b81;
	font-size: 11px;
}

input[type="text"],input[type="password"]{
	color: #938b81;
	font-size: 12px;
}

#ui-id-1{
	height: 150px!important;
	overflow: scroll!important;
}

.ui-menu{
    position: relative;
    top: -1106px;
    left: 464.5px;
    width: 31%;
    background: #fff;
    list-style: none;
    padding: 15px;
    border: 1px solid #938b81;
    color: #938b81!important;
    border-top: 0;
}

.padding-0{
	padding: 0;
}


/*Link no activo*/
.not-active {
   pointer-events: none;
   cursor: default;
}

/*--- Bienvenido Login ---*/

.welcome {
    color: #005682;
    text-align: right;
    font-size: 14px;
    display: inline-block;
    float: right;
    margin-top: 0px;
    z-index: 10000;
}

.welcome a{
	color: #a9a095;
	font-size: 12px;
	display: inline-block;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}

.welcome a:hover{
	color: #cabeaf;
}

@media (max-width: 767px) {
	.welcome {
	    text-align: left;
	    float: none;
	    margin-top: 10px;
	    margin-bottom: 0px;
	}	
}

/*--- Redes Header ---*/

.redes{
	position: absolute;
	right: -30px;
	top: 0px;
}

.redes a {
    text-indent: -10000px;
    width: 26px;
    height: 26px;
    margin-bottom: 5px;
}

.redes_face2{
	background: url(img/facebook2.png) no-repeat;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}

.redes_face2:hover{
	background: url(img/facebook2_hover.png) no-repeat;
}

.redes_instagram2{
	background: url(img/instagram2.png) no-repeat;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}

.redes_instagram2:hover{
	background: url(img/instagram2_hover.png) no-repeat;
}

.redes_pinterest2{
	background: url(img/pinterest2.png) no-repeat;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}

.redes_pinterest2:hover{
	background: url(img/pinterest2_hover.png) no-repeat;
}

.redes_twitter2{
	background: url(img/twitter2.png) no-repeat;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}

.redes_twitter2:hover{
	background: url(img/twitter2_hover.png) no-repeat;
}

.redes_youtube2{
	background: url(img/youtube2.png) no-repeat;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}

.redes_youtube2:hover{
	background: url(img/youtube2_hover.png) no-repeat;
}

/*--- Header ---*/

#header{
	background: #a9a095;
	position: relative;
}

.sop_header{
	padding: 23px 15px 0px 15px;
	position: relative;
}

.sop_header a img{
}

.sop-logo {
    text-align: center;
    padding: 12px 0 0 0;
    background: #005682;
    width: 135px;
    height: 110px;
    float: left;
    vertical-align: top;
}

#galeria_de_fotos{
	margin: 0 auto!important;
	display: table!important;
	margin-bottom: 60px!important;
}

.facebook{
	position: absolute;
    top: 40px;
    right: 25px;
}

/*--- Menu ---*/

.menu {
    background: transparent;
    margin: 0;
    width: 73%;
    float: left;
    position: relative;
    padding-left: 10px;
}

.sop_menu{
	padding: 0 100px;
}

.bullet {
    padding-left: 0px;
    margin-top: 0;
    color: #fff;
    line-height: 110px;
    position: absolute;
    top: 0;
}

.nav > li{
	padding: 0px 0;
}

.nav > li > a{
	color: #fff;
	border-radius: 0px !important;
	padding: 0 12px !important; 
	font-size: 12px;
	line-height: 110px;
	letter-spacing: 0.04em;
	font-weight: 500;
    margin-left: 7px;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.nav > li > a{
		font-size: 11px;
		padding: 0 8px !important; 
	}
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background: #cabeaf;
  color: #005682;
  margin-left: 7px;
}	

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus{
	color: #005682;
	background: #cabeaf;
    margin-left: 7px;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #cabeaf;
  color: #005682;
  margin-left: 7px;
  border-color: none;
}

.navbar-brand, .navbar-nav > li > a{
	text-shadow: none;
}

.nav .caret {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
	border-top-color: #fff;
	border-bottom-color: #fff;
}	

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  /* min-width: 260px; */
  width: 220px !important;
  padding: 0px 0;
  margin: 0px 0 0 0;
  font-size: 13px;
  list-style: none;
  background-color: #fff;
  border: none !important;
  border-radius: 0px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

.dropdown-menu > li > a {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
	display: block;
	padding: 12px 0px;
	clear: both;
	font-weight: normal;
	line-height: 1.428571429;
	color: #005682;
	white-space: nowrap;
	text-align: center;
	text-transform: uppercase;
	filter:none !important;
	background-image: none !important; 
}	

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #a9a095;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #a9a095;
  outline: 0;
}	

.dropdown-menu .divider {
	height: 1px;
	margin: 0px 0;
	overflow: hidden;
	background-color: #ededed;
}

.pedidos{
	width: 180px;
	height: 110px;
	background: #cabeaf;
	right: 0;
	position: absolute;
	text-align: center;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}

@media (min-width: 992px) and (max-width: 1199px) {
	.pedidos{
		width: 130px;
	}	
}

.pedidos:hover{
	background: #bcad9b;
}

.pedidos a{
	font-size: 13px;
	line-height: 14px;
	letter-spacing: 0.04em;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
}

.pedidos img{
	display: block;
	margin: 0 auto;
	display: table;
	padding-top: 32px;
	padding-bottom: 10px;
	text-align: center;
}

/* ===== 12 MENU MOVIL ===== */

@media (min-width: 992px) { /*- Modificar para cambiar la medida a la que se muestra o no el botón del menú móvil-*/
  .navbar-toggle {
    display: none;
  }
}

.navbar-toggle {
  overflow: hidden;
}

.navbar-toggle .icon-bar {
	border-radius: 0px !important;
	background-color: #fff;
  -webkit-transition: opacity, -webkit-transform;
  transition: opacity, -webkit-transform;
  transition: opacity, transform;
  transition: opacity, transform, -webkit-transform;
  -webkit-transition-duration: 200ms;
          transition-duration: 200ms;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0, 0.7);
          transition-timing-function: cubic-bezier(0.7, 0, 0, 0.7);
}

.navbar-toggle:not(.collapsed) .icon-bar:nth-child(1) {
  -webkit-transform: translateY(6px) rotate(45deg);
          transform: translateY(6px) rotate(45deg);
}

.navbar-toggle:not(.collapsed) .icon-bar:nth-child(2) {
  opacity: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

.navbar-toggle:not(.collapsed) .icon-bar:nth-child(3) {
  -webkit-transform: translateY(-6px) rotate(-45deg);
          transform: translateY(-6px) rotate(-45deg);
}

.menu_mobile_btn{
	position: absolute;
	right: 229px;
    top: 45px;
	display: inline-block;
	margin-top: 10px;
	float: right;
	color: #000;
	padding: 0px 0 !important;
	margin: 0px 0 0 0px;
	font-size: 22px;
	line-height: 1;
	font-weight: 400;
	border-radius: 0px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}

@media (max-width: 767px) {
	.menu_mobile_btn{
		right: 30px;
	    top: 45px;
	}	
}

.menu_mobile_btn:hover,
.menu_mobile_btn:focus {
	color: #000 !important;
	text-decoration: none !important;
}

ul.menu_collapse{
	margin: 0px !important;
	padding: 0px !important;
	text-align: center;
}

ul.menu_collapse li{
	margin: 0px !important;
	padding: 0px 0 0px 0 !important;
	list-style: none;
	border-bottom: 1px solid #e7e7e7;
	background: #fff;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}

ul.menu_collapse>.active{
	background: transparent;
}

ul.menu_collapse>.active>a,
ul.menu_collapse>.active>a:hover,
ul.menu_collapse>.active>a:focus{
	color: #005682;
}

ul.menu_collapse li a{
	display: block;
	margin: 0px !important;
	padding: 20px 0 20px 0 !important;
	list-style: none;
	font-size: 16px;
	line-height: 1;
	font-weight: 600;
	text-transform: uppercase;
	color: #9d9aa1;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}

ul.menu_collapse li a:hover,
ul.menu_collapse li a:focus {
	text-decoration: none;
	color: #9d9aa1;
}

ul.menu_collapse li a i{
 	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.submenu_collapse_sop{
}

ul.submenu_collapse{
	margin: 0px 0 0px 0 !important;
	padding: 0px !important;
	text-align: center;
}

ul.submenu_collapse li{
	margin: 0px !important;
	padding: 0px 0 0px 0 !important;
	list-style: none;
	border-bottom: 1px solid #00679c;
	background: #005682;
}

ul.submenu_collapse > li:last-child{
	border-bottom: 0px;
}

ul.submenu_collapse>.active{
}

ul.submenu_collapse>.active>a,
ul.submenu_collapse>.active>a:hover{
	color: #fff;
}

ul.submenu_collapse li a{
	margin: 0px !important;
	padding: 20px 0 20px 0 !important;
	list-style: none;
	font-size: 16px;
	line-height: 1;
	font-weight: 400;
	text-transform: uppercase;
	color: #b8e7ff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}

ul.submenu_collapse li a:hover,
ul.submenu_collapse li a:focus {
	text-decoration: none;
	color: #fff;
}

/*--- SLIDE HOME / CAROUSEL ---*/

.carousel-inner{
	max-height: 620px;
}

.sop_contenedor{
	margin: 30px auto 35px auto;
	padding: 0;
	position: relative;
}

@media (max-width: 767px) {
	.sop_contenedor{
		margin: 0px auto 0px auto;
		padding: 0;
		position: relative;
	}	
}

.slider{
	text-align: center;
}

.sop_imagen{
	margin-bottom: 50px;
	padding: 0px;
}

.img_productos{
	z-index: 1000;
	background: #fff;
	position: relative;
	padding-top: 75px;
	padding-bottom: 85px;
}

.img_productos h1{
	color: #fff;
	font-weight: 700;
	font-size: 41px;
	text-align: center;
	position: relative;
	padding-top: 20px;
	text-transform: uppercase;
}

.sop_productos1{
	margin-left: 0px;
}

.sop_productos1 img{
	margin-top: 0px;
	margin-left: 10px;
}

.sop_productos2 .texto_prod{
	margin-left: -30px;
}

.sop_productos2 img{
	margin-top: 0px;
	margin-left: -24px;
}

.sop_productos3{
	margin-left: 0px;
	margin-right: 0;
}

.sop_productos3 img{
	margin-left: -30px;
}

.sop_productos4{
	margin-left: -48px;
}


.sop_productos1 a, .sop_productos2 a, .sop_productos3 a, .sop_productos4 a{
	color: #fff;
	font-weight: 700;
	text-align: center;
	display: block;
	margin-top: 0px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}

.sop_productos1 a:hover, .sop_productos2 a:hover, .sop_productos4 a:hover{
	text-decoration: none;
	margin-top: -5px;
}

.sop_productos3 a:hover{
	text-decoration: none!important;
	margin-top: -10px!important;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}

.texto_prod{
	font-size: 18px;
	line-height: 1;
	padding: 20px 15px;
	text-transform: uppercase;
	font-weight: 500;
	color: #938b81;
	text-align: center;
}

.sop-producto a:hover .desc_prod{
	color: #005682;
}

.desc_prod{
	font-size: 14px;
	line-height: 24px;
	font-weight: 500;
	color: #938b81;
	text-align: center;
	padding: 25px 20px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}

.productos_todos{
	margin: 0;
}

.sombra_productos{
	margin-top: -100px;
}

.sop-producto a{ 
	background: #f2f1ef;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}

.sop-producto a:hover img{
	background: #005682;
}

.sop-producto img{
	padding-bottom: 10px;
	background: #938b81;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}

@media (max-width: 767px) {
	.sop-producto{
		text-align: center;
	}
	.sop-producto img{
		display: inline-block;
	}
}

.carousel-caption{
	position: absolute;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 15px;
	padding-right: 15px;
	color: #ffffff;
	text-align: left;
	text-shadow: none !important;
	color: #fff;
	background-color: rgb(0, 172, 237) !important;
	background-color: rgba(0, 172, 237, 0.8) !important;	
}	

.carousel-caption h3{
	text-transform: uppercase;
	font-size: 17px;
	line-height: 20px;
	font-weight: 700;
	color: #fff;
	margin: 0px 0 5px 0;
	padding: 0px;
}

.carousel-caption-desc{
	font-size: 13px;
	line-height: 18px;
	font-weight: 400;
	padding: 0 50px 0 0;
}

.carousel-control{
	width: 0px!important;
	opacity: 1!important;
}

.carousel-control.left {
	text-align: right; !important;
	padding: 40% 0 0 2%;
	margin-left: 93%;
	background-image: none!important;
  }

.carousel-control.right {
	text-align: right !important;
	padding: 40% 2% 0 0;
  right: 0;
  left: auto;
	background-image: none!important;
  }

.carousel-indicators {
  position: absolute;
  bottom: -6px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}

.carousel-indicators li {
 width: 10px;
  height: 10px;
  margin: 0;
  background: none;
  border: 2px solid #fff;
  cursor: default;
}

.carousel-indicators .active {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0px;
  text-indent: -999px;
  cursor: pointer;
  border: none;
  background-color: #fff;
  border-radius: 10px;
 
}

.sombra_slider{
	margin-top: -110px;
}

/*--- DESTACADOS HOME ---*/

.home_accesos_tit{
	font-size: 36px;
	line-height: 36px;
	font-weight: 700;
	text-transform: uppercase;
	color: #89878c;
	text-align: center;
	padding: 0px 0 50px 0;
	margin: 0px 0px 0 0px;
	position: relative;
}

.home_acceso_mod{
	position: relative;
	margin: 0 0 0px 0;
	text-decoration: none !important;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;	
	transition: all 0.3s ease-in-out;
}

.home_acceso_mod a{
	text-decoration: none !important;
	display: block;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;	
	transition: all 0.3s ease-in-out;
}

.home_acceso_mod a:hover{
}


.home_acceso_foto{
	padding-bottom: 4px;
	background: #585a5e;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;	
	transition: all 0.3s ease-in-out;
	text-decoration: none !important;
}

.home_acceso_mod a:hover .home_acceso_foto{
	background: #938b81;
}

.home_acceso_text{
	font-size: 11px;
	line-height: 18px;
	font-weight: 400;
	color: #585a5e;
	text-decoration: none !important;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;	
	transition: all 0.3s ease-in-out;
}

.home_acceso_text h3{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
	color: #585a5e;
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	margin: 20px 0 10px 0;
	padding: 0px;
	text-transform: uppercase;
	text-decoration: none !important;
}

.home_acceso_mod a:hover .home_acceso_text h3{
	text-decoration: none !important;
	color: #938b81;
}

.home_acceso_text_desc{
	margin: 0 0 7px 0;
}

.home_acceso_text span{
	padding: 0px 0 0 0;
	color: #585a5e;
	font-size: 11px;
	line-height: 11px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}

.home_acceso_mod a:hover .home_acceso_text span{
	text-decoration: none !important;
	color: #938b81;
}

.home_acceso_text a:hover{
	text-decoration: none !important;
}

.home_accesos_sep{
	border-top: 1px solid #ececec;
	padding: 35px 0 0px 0;
	margin: 30px 0px 0 0px;
}

/*--- ICONOS HOME ---*/

.sop-txt-cont{
	margin: 0; 
}

.sop_home_accesos{
	position: relative;
	margin: 0;
}

.titulo_iconos{
	background: url(img/bck-pasos.jpg);
	height: 350px;
	position: relative;
}

.titulo_iconos span{
	font-size: 18px;
    line-height: 22px;
    color: #fff;
    /* text-transform: uppercase; */
    font-weight: 400;
    margin-left:0px;
    text-align: center;
    display: inline-block;
    padding: 70px 30px 0 30px;
}

.titulo_iconos span img{
	margin-bottom: 30px;
	width: 150px;
	display: inline-block;
}

.soporte_iconos{
	margin-top: -25px;
	margin-bottom: 70px;
}

.icono_0{
	background: #a9a095;
}

.icono_1{
	background: #bfb8b0;
}

.icono_2{
	background: #d4cfca;
}

.sop_iconos_home{
	position: relative;
	height: 350px;
}

.borde-bottom{
	height: 10px;
	width: 100%;
	background: #938b81;
}

.paso-nro{
	font-size: 26px;
	line-height: 26px;
	letter-spacing: 0.04em;
	font-weight: 700;
	color: #ffffff;
	padding-top: 30px;
	padding-bottom: 40px;
}

.paso-desc {
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    font-weight: 400;
    text-transform: none;
    padding: 0 0;
    width: 130px;
    text-align: center;
    margin: 0 auto;
}

.prox {
    margin-top: 25px;
    font-size: 25px;
}

.sop_iconos_home>a{
	display: block;
	text-align: center;
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	text-decoration: none;
	color: #585a5e;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0 0 60px 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;	
	transition: all 0.3s ease-in-out;
}

.sop_iconos_home>a:hover{
	margin-top: -5px;
	text-decoration: none;
	color: #938b81;
}

.sop_iconos_home a h4{
	font-size: 50px;
	color: #938b81;
	line-height: 18px;
	font-weight: 700 !important;
	margin: 90px 0 0 0 !important;	
	font-family: 'Lato', Arial, sans-serif !important;
	float: left;
}

.sop_iconos_home a p{
	font-size: 11px;
	line-height: 18px;
	font-weight: 400;
	text-decoration: none;
	color: #585a5e;
	text-transform: none;
}

.icono_home img{
	margin: 0 auto 55px auto;
	display: table;
}

.icono_home_00{
	background: url(img/icono_0.png) no-repeat center 0px;
}

.icono_home_01{
	background: url(img/icono_1.png) no-repeat center 0px;
}

.icono_home_02{
	background: url(img/icono_2.png) no-repeat center 0px;
}

@media (min-width: 768px) and (max-width: 991px) {
	.titulo_iconos span{
		padding: 70px 0px 0 0px;
	}
	.titulo_iconos span img{
		margin-bottom: 23px;
		width: 100%;
		height: auto;
	}
	.sop_iconos_home>a:hover{
		margin-top: 0px;
	}
}

@media (max-width: 767px) {
	.titulo_iconos{
		text-align: center;
		height: auto;
	}
	.titulo_iconos span{
		padding: 55px 0px 55px 0px;
		display: inline-block;
	}	
	.sop_iconos_home{
		height: 250px;
	    padding-left: 10px;
	    padding-right: 10px;
	}
	.paso-nro{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.icono_home img{
		    margin: 0 auto 15px auto;
	}
	.sop_iconos_home>a{
		margin: 0 0 30px 0;
	}
	.sop_iconos_home>a:hover{
		margin-top: 0px;
	}
	.paso-desc{
		width: 100%;
		font-size: 14px;
		line-height: 1.2;
	}
}

/*--- BREADCRUMS ---*/

.soporte-sucursales{
	background: #f2f1ef;
	padding: 100px 15px;
}

.soporte-sucursales-int {
    margin-top: 25px;
    background: #fff;
    padding: 100px 15px;
}

.titulo-suc1{
	font-size: 30px;
	line-height: 30px;
	font-weight: 500;
	color: #005682;
	text-transform: uppercase;
	padding-left: 50px;
	padding-right: 60px;
}

.titulo-suc2{
	font-size: 18px;
	line-height: 22px;
	color: #938b81;
	padding-top: 15px;
}

@media (max-width: 767px) {
	.soporte-sucursales{
		padding: 70px 15px;
	}
	.titulo-suc1,
	.titulo-suc2{
		text-align: center;
		padding-left: 15px;
		padding-right: 15px;
	}	
	.titulo-suc2{
		padding-top: 0px;
		margin-top: 30px;
		margin-bottom: 30px;
	}
}

select.form-control{
	background: transparent;
	border-radius: 0;
	border: 2px solid #b6aea5;
	height: 55px;
	text-transform: uppercase;
	font-size: 14px;
	color: #a9a095;
}

/*--- ACCESOS HOME ---*/

.soporte-accesos{
	background: #005682;
	padding: 45px 0;
}

.btn-intranet, .btn-dueno{
	border: 2px solid #c2eaff;
	height: 55px;
	padding: 0 15px;
}

@media (max-width: 767px) {
	.btn-dueno{
		margin-top: 15px;
	}
}

.btn-intranet a, .btn-dueno a{
	font-size: 14px;
	line-height: 55px;
	color: #c2eaff;
	text-transform: uppercase;
}

.btn-intranet a img, .btn-dueno a img{
    padding-right: 10px;
    margin-top: -4px;
}

.btn-intranet a span, .btn-dueno a span{
	float: right;
}

.reg-intranet{
	color: #938b81;
	text-align: center;
	padding: 60px 0;
}

.msg_login_carro2{
	color: #005682;
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    text-transform: uppercase;
}

.btn_form_login{
    background: #938b81;
    width: 100%;
    height:35px;
}

.btn_form_login a{
    font-weight: 300;
    color: #fff;
    text-align: center;
    font-size: 15px;
    line-height: 35px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.olvido a{
	color: #938b81;
	font-size: 15px;
	text-transform: uppercase;
	text-align: center;
	font-weight: 300;
	margin-top: 10px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}

.olvido a:hover{
	font-weight: 600;
}

.form-control:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

/*--- FORMULARIO DUEÑO ---*/

.titulo-form{
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    color: #938b81;
    text-transform: uppercase;
}

.form-group{
	color:#938b81!important;
}

.form-group label{
	margin-right: 20px;
}

.form-group .check{
	margin-right: 10px;
	margin-left: 5px;

}

/*--- BREADCRUMS ---*/

.breadcrumb {
	font-size: 14px;
	line-height: 14px;
	font-weight: 400;
	text-transform: uppercase;
	padding: 0px 0px;
	margin-bottom: 30px;
	list-style: none;
	background-color: #fff !important;
	border-radius: 0px !important;
}

.breadcrumb a{
	color: #938b81;
	text-decoration: none !important;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}

.breadcrumb a:hover{
	color: #585a5e;
	text-decoration: none !important;
}

/*--- LISTADO PORTFOLIO ---*/

.sop_portfolio{
	margin: 0;
}

.sop-listado{
	background: #fff;
	margin: 30px auto 35px auto;
	padding: 0;
	position: relative;
}

@media (max-width: 767px) {
	.sop-listado{
		margin: 0px auto 0px auto;
	}	
}

.titulo_activo{
	color: #938b81;
	font-size: 24px;
	line-height: 24px;
	text-transform: uppercase;
	font-weight: 500;
	text-align: center;
	margin-top: 80px;
	margin-bottom: 40px;
}

.list_port_mod{
	position: relative;
	margin: 0 0 20px 0;
	text-decoration: none !important;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;	
	transition: all 0.3s ease-in-out;
}

.list_port_mod a{
	text-decoration: none !important;
	display: block;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;	
	transition: all 0.3s ease-in-out;
}

.list_port_mod a:hover{
}


.list_port_mod_foto{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;	
	transition: all 0.3s ease-in-out;
	text-decoration: none !important;
}


.list_port_mod_text{
	font-size: 18px;
	background-color: #f7f8f8;
	padding: 20px;
	line-height: 18px;
	font-weight: 400;
	color: #89878c;
	text-decoration: none !important;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;	
	transition: all 0.3s ease-in-out;
}

.list_port_mod_text h1{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
	color: #89878c;
	font-size: 18px;
	line-height: 18px;
	font-weight: 700;
	margin: 10px 0 25px 0;
	padding: 0px;
	text-transform: uppercase;
	text-decoration: none !important;
}

.list_port_mod a:hover .list_port_mod_text h1{
	text-decoration: none !important;
	color: #938b81;
}

.list_port_mod a p{
	margin: 0 0 25px 0;
}

.list_port_mod_text span{
	padding: 50px 0 0 0;
	color: #938b81;
	font-size: 14px;
	line-height: 15px;
	font-weight: 700;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}

.list_port_mod a:hover .list_port_mod_text span{
	text-decoration: none !important;
	color: #938b81;
}

.list_port_mod_text a:hover{
	text-decoration: none !important;
}

.sep_suc{
	margin-bottom: 30px;
}

.suc_img{
	text-align: center;
}



/*--- TRAGOS ---*/
.content_desc_tragos{
	color: #99989e;
	font-size: 18px;
	line-height: 18px;
	font-weight: 400;
	margin: 0 0 50px 0;
}

.colorfondo{
	height: 582px;
	background-image: url(img/tcb_back.jpg);
	margin-bottom: 80px;
}

.list_port_mod_tragos{
	margin-top: 20px;
}

.titulo_activo_tragos{
	font-size: 40px;
	color: #938b81;
	text-align: left;
	margin-top: 45px;
	margin-bottom: 20px;
}

.texto_tragos{
	color: #9c9ba1;
	font-size: 16px;
}

.sombra_tragos{
	margin-top: 40px;
}

.list_port_mod_text_tragos{
	color: #fff;
	text-align: center;
}

.list_port_mod_text_tragos h1{
	color: #fff;
	font-size: 30px;
	text-transform: uppercase;
	line-height: 45px;
	text-align: center;
}

.list_port_mod_tragos a{
	display: block;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;	
	transition: all 0.3s ease-in-out;
}

.list_port_mod_tragos a:hover{
	margin-top: -5px;
	text-decoration: none!important;
	color: #938b81;
}

.list_port_mod_text_tragos span{
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}

.tragos_sop strong{
	color: #9c9ba1!important;
	font-size: 24px;
	font-weight: 400;
	line-height: 35px;
}

.tragos_sop b{
	color: #9c9ba1!important;
	font-size: 24px;
	font-weight: 400;
	line-height: 35px;
}

.tragos_sop {
	color: #9c9ba1;
	font-size: 14px;
}

.tragos_col_der{
	margin-bottom: 60px;
}

.sop-txt-tragos{
	margin: 0;
}

/*--- NUESTROS SABORES ---*/

.descripcion-sabores{
	padding: 0 60px;
}

.sabores_col_izq{	
	padding-left: 0px;
	margin-bottom: 20px;
}

.sabores_col_der{	
	padding-right: 0px;
}

@media (max-width: 767px) {
	.descripcion-sabores{
		padding: 0 0px;
	}	
	.descripcion-sabores .sabores_col_izq{
		padding-left: 15px;
	}
	.descripcion-sabores .sabores_col_izq{
		padding-left: 15px;
	}
}

.sabores_sop strong{
	color: #005682;
	text-transform: uppercase; 
	font-size: 14px;
	font-weight: 400;
	line-height: 33px;
}
.sabores_sop b{
	color: #005682;
	text-transform: uppercase; 
	font-size: 14px;
	font-weight: 400;
	line-height: 33px;
}

.sabores_sop{
	font-size: 12px;
	color: #b1b1b1;
}

.sombra_sabores{
	margin-bottom: 20px;
}

.btn_back_s{
	display: inline-block;
	float: left;
	padding: 0;
}

.btn_cont_s{
	display: inline-block;
	float: right;
	padding: 0;
}

.btn_sabores{
	width: 570px;
	position: relative;
	margin-bottom: 25px;
}

@media (min-width: 768px) and (max-width: 991px) {
	.btn_sabores{
		width: 460px;
	}
}

@media (max-width: 767px) {
	.btn_sabores{
		width: 100%;
	}
}

.btn_back{
	display: inline-block;
}

.btn_cont{
	display: inline-block;
	position: absolute;
	right: 0;
}

/*--- BUSCADOR HELADERIAS ---*/

.sop-buscador{
    background: #f2f1ef;
    padding: 50px 15px 30px;
}

@media (min-width: 768px) and (max-width: 991px) {
	.sop-buscador .titulo-suc1{
		font-size: 24px;
    	line-height: 1;
	}
}

@media (max-width: 767px) {
	.sop-buscador .titulo-suc1{
		font-size: 24px;
    	line-height: 1;
	}
}

.btn-buscarheladeria {
    margin-top: 20px!important;
}

.btn-buscarheladeria a{
	background: #005682!important;
	color: #fff!important;
	border: 0!important;
	height: 55px;
	line-height: 55px!important;
    padding: 0px 20px!important;
}

.buscador-hel{
	margin-top: 20px;
}

/*--- LISTADO CONTENIDO ---*/

.list_sep{
	padding: 0px 0 0px 0;
	margin: 0px 0px 30px 0px;	
}

.sombra_listado{
	margin: 0 -15px;
}

.list_cont_mod{
	background: #e9e7e4;
	position: relative;
}

.sop_listado{
	padding-bottom: 50px;
}

.list_cont_mod_foto{
	background: #938b81;
	margin-left: -15px;
	padding-bottom: 10px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}

@media (max-width: 767px) {
	.list_cont_mod_foto{
		background: #938b81;
		margin-left: -15px;
		margin-right: -15px;
	}
}

.list_cont_mod a:hover .list_cont_mod_foto{
	background: #005682;
}

.list_cont_mod a{
	text-decoration: none !important;
}

.list_cont_mod a h1 {
	margin: 20px 0 10px 0;
	padding: 0px 0 0 0;	
	font-size: 18px;
	line-height: 30px;
	font-weight: 500;
	color: #938b81;
	text-decoration: none !important;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	text-transform: uppercase;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.list_cont_mod a h1 {
 	   margin: 20px 0 5px 0;
 	}	
}

@media (min-width: 768px) and (max-width: 991px) {
	.list_cont_mod a h1 {
 	   margin: 20px 0 5px 0;
 	}
}

@media (max-width: 767px) {
	.list_cont_mod a h1 {
 	   margin: 20px 0 5px 0;
 	}	
}

.list_cont_mod a:hover h1 {
	color: #005682;
}

.list_cont_mod a p{
	font-size: 14px;
	line-height: 24px;
	font-weight: 500;
	color: #938b81;
	margin:  0 0 0px 0;
}

@media (max-width: 767px) {
	.list_cont_mod a p{
		margin:  0 0 20px 0;
	}
}

/*--- CONTENIDO EDITORIAL ---*/

.soporte_content{
	position: relative;
}

.content_foto{
	text-align: center;
	position: relative;
	margin: 0 auto;
}

.img_content_ampliar{
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 40px;
	height: 40px;
	overflow: hidden;
	background-color: rgb(0, 172, 237) !important;
	background-color: rgba(0, 172, 237, 0.8) !important;		
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;	
}

.content_foto:hover .img_content_ampliar{
	width: 215px;
}

.img_content_ampliar span{
	font-size: 12px;
	line-height: 12px;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
}

.soporte_content h1{
	font-size: 18px;
	line-height: 75px;
	font-weight: 500;
	color: #938b81;
	text-transform: uppercase;
	text-align: left;
}

.sop-titulo{
	background: #f2f1ef;
	padding: 30px 0;
}

.sop-titulo h1{
    font-size: 18px;
    line-height: 1.2;
    font-weight: 500;
    color: #938b81;
    text-transform: uppercase;
    text-align: left;
}

.sop-contenido{
	background: #fff;
	padding: 40px 0px 20px;
	position: relative;
}

.sop-pedido{
	padding: 20px 0px;
}

.content_desc{
	color: #938b81;
	font-size: 16px;
	line-height: 28px;
	font-weight: 500;
	margin: 0 0 0px 0;
}

.content_source{
	color: #585a5e;
	font-size: 13px;
	line-height: 21px;
	font-weight: 400;
	font-style: italic;
	margin: 0 0 20px 0;	
}

.content_source span{
	color: #938b81;
}

.content_content{
	color: #938b81;
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	margin: 0 0 0px 0;
}

.content_eventos{
	margin-top: 50px;
}

.fecha {
    color: #938b81;
    font-size: 12px;
    margin-top: 0px;
    margin-bottom: 15px;
}

.contacto_col_izq, .contacto_col_der{
	color: #938b81;
	text-align: left;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    margin: 0 0 30px 0;
}

.contacto_col_der{
	  padding-left: 86px;
}

@media (max-width: 767px) {
	.contacto_col_der{
		  padding-left: 15px;
	}	
}

.btn_form_contacto{
	margin: 0 auto;
  display: table;
}

.btn-cyan{
    text-shadow: 0px 0 0!important;
	background: #938b81;
    font-weight: 400;
    text-transform: uppercase;
    border: 0;
    margin: 15px auto 0 auto;
    padding: 10px 0;
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.025em;
    border-radius: 0;
    width: 173px;
    box-shadow: none;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.btn-cyan:hover{
	background: #005682;
	color: #fff;
}

.btn-cyan a{
	color: #fff;
}

.soporte_col_contacto{
	margin: 0 auto;
	display: table;
}

.form_contacto {
    padding: 30px 0;
}

.content_redes{
	margin-top: 50px;
	margin-bottom: 50px;
}

.fck_01{
	font-size:16px;
	font-weight:normal;
	margin:10px 0px 0 0px;
	padding:0 0 0px 0;
}

.fck_02{
	font-size:14px;
	font-weight:normal;
	margin:10px 0px 0 0px;
	padding:0 0 4px 0;
	display:block;
}

.fck_03{
	font-size:12px;
	font-weight:normal;
	margin:10px 0px 0 0px;
	padding:0 0 10px 0;
}

.fck_04{
	font-size:11px;
	font-weight:normal;
	line-height: 18px;
	display:block;
	padding:10px 20px;
	margin:10px 0;
}

/*--- HERRAMIENTAS CONTENIDOS ---*/

.herr_contenidos_sop{
	margin: 0 0 30px 0;
	padding: 0px 0 15px 0; 
	position: relative;
	float: right;
}

.herr_contenidos_btn_sop{
	margin: 0px 0 0 0;   
}

.content_herram, .content_herram a{
	display: block;
	font-size: 12px;
	line-height: 12px;
	font-weight: 400;
	color: #444444;
	text-transform: uppercase;
	text-decoration: none !important;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}

.content_herram a{
	height: 30px;
}

.content_herram:hover, .content_herram a:hover{
	color: #938b81;
	cursor: pointer;
}

.herram_print a {
    background: url(img/imprimir.png) no-repeat;
    padding: 9px 0 0 28px;
    margin: 17px 0px 0 0 !important;
    text-indent: -10000px;
}

.btn_enviar {
    background: url(img/enviar.png) no-repeat;
    padding: 9px 0 0 28px;
    height: 28px;
    width: 27px;
    margin: 17px 0px 0 0;
    text-indent: -10000px;
}

.btn_consultar{
	background: url(img/enviar.png) no-repeat;
	padding: 9px 0 0 28px;
	height: 30px;
	margin: 17px 0px 0 0;
	text-indent: -10000px;
}

.herram_descarga a{
	background: url(img/descargar.png) no-repeat;
	padding: 9px 0 0 28px;
	margin: 17px 0px 0 0px;	
	color: #938b81;
	text-indent: 10px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}

.herram_descarga a:hover{
	color: #005682;
}

.tit-descargas{
	color: #938b81;
	font-size: 16px;
	line-height: 30px;
	text-transform: uppercase;
	font-weight: 500;
	border-top: 1px solid #efebe7;
	border-bottom: 1px solid #efebe7;
	padding: 20px 0;
	margin-top: 30px;
}

.mod_compartir_redes_sop{
}

.mod_compartir_redes{
	float: left;
	margin: 0 15px 0 0;
}

.plugin_face{
	margin:-4px 15px 0 0 !important;
}

.plugin_twit{
	width: 60px !important; 
}

@media (max-width: 767px) {
	.mod_compartir_redes{
		float: none;
		margin: 0 15px 0 0;
	}	
	.plugin_face{
		margin: 0px 15px 10px 0 !important;
	}
}


/*- Panel enviar -*/

#panel_enviar, #panel_consultar{
	position:relative;
}

.panel_enviar_ampliado, .panel_consultar_ampliado{
	background-color:#fff;
	padding:20px;
	margin:auto;
	z-index:100;
	cursor: default;
	position: absolute;
	width: 500px;
	border:10px solid #ececec;
	top: 69px;
	right: 0px;
	-webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);	
}

.form_consulta{
	min-height: 510px;
}

.form_consulta_title{
	color: #444444;
	font-size: 14px;
	line-height: 16px;
	font-weight: 400;
	margin: 0 0 20px 0;
	padding: 0 10px 0 0;
	text-transform: none;
}

.form_consulta_title span{
	font-weight: 700;
	color: #938b81;
}

.form_text_campo{
	color: #444444;
	font-size: 13px;
	line-height: 13px;
	font-weight: 700;
	margin: 0 0 10px 0;
}

.form_text_campo span{
	color: #d40000;
	font-size: 11px;
	line-height: 11px;
	font-weight: 400;
}

.form_consulta_texto_obliga{
	color: #d40000;
	font-size: 11px;
	line-height: 11px;
	font-weight: 400;
	text-transform: none;
}

.form_consulta_btn_enviar a{
	border: 1px solid #cccccc;
	background: #efefef;
	margin: 15px 0 0 0;
	padding:8px 0px 0 0px;
	cursor: pointer;
}

.bnt_form_cerrar{
	position: absolute;
	top: 22px;
	right: 20px;
	color: #d40000;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.bnt_form_cerrar:hover{
	color: #9c0000;
	cursor: pointer;
}

.sop_confirmacion_datos{
	color: #938b81;
	text-align: center;
}

/*--- FORMULARIO DE LOGIN ---*/
.error-login {
    color: #f00;
    margin: 20px;
    font-size: 16px;
}

.error-login a{
	color: #f00 !important;
	display: inline !important;
	font-weight: 700 !important;
}

.error-login a:hover{
	color: #a9a095 !important;
}

.form_login{
	color: #938b81;
	font-weight: 700;
	text-align: center;
}

.form_login input {
    border-radius: 0;
    text-align: center;
    font-weight: 700;
}

.form_login button {
    border: 0;
    margin-top: 10px;
    background-image: none;
    box-shadow: none;
}

.msj_error{
    color: #938b81;
    font-size: 14px;
    text-align: center;
    border: 1px dashed red;
    padding: 10px;
    width: 70%;
    margin: 0 auto;
	margin-top: 20px;
}

.sop_cont_form{

}

.sop_cont_form select, .sop_form_cuenta select{
    width: 100%;
    height: 30px;
	border: 0;
	outline: 1px solid #c3c2c3 !important;
	background-color: white;
	font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    color: #999999!important;
    margin-bottom: 5px;
}

.sop_form_cuenta select{
	margin-bottom: 15px;	
}

.sop_cont_form span {
    margin: 0px auto 0px auto;
    border-top:1px solid #efebe7;
    border-bottom:1px solid #efebe7;
    text-align: center;
    padding: 25px 0 20px;
    color: #938b81;
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
}

#rbm_pass, #rg_user{
    color: #938b81;
    font-weight: 300;
    text-align: center;
    margin: 0 auto;
    display: table;
    font-size: 15px;
    margin-top: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;	
}

#rbm_pass:hover, #rg_user:hover{
	font-weight: 600;
}

#frm_mi_cuenta{
	margin-bottom: 40px;
}

#frm_mi_cuenta:hover, #frm_pedido:hover{
	color: #005682;
}

.horario{
    color: #938b81;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    text-align: center;
    margin: 40px 0;
}

.mje_resultado {
    color: #005682;
    font-size: 14px;
    margin-left: 50px;
    margin-top: 40px;
}

.mje_bienvenida_tit{
	color: #938b81;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 10px;
	text-align: center;
	text-transform: uppercase;
}

.mje_bienvenida_tit a{
	color: #938b81;
}

.mje_bienvenida{
	color: #938b81;
    font-weight: 600;
	text-align: center;
	font-size: 15px;
	margin-bottom: 10px;
}

.mje_bienvenida a{
	color: #938b81;
    font-weight: 400;
	text-align: center;
	margin-top: 0px;
}

.mje_confirmacion{
	color: #938b81;
	text-align: center;	
	margin-top: 20px;
	padding-top: 40px;
	padding-bottom: 40px;
}

.mensaje_minimo{
	text-align: center;
}

.email_prefooter{
	text-align: center;
	padding-bottom: 10px;
	font-size: 14px;
}

.email_prefooter a{
    color: #938b81;
    display: inline-block;
}

.mje_logueo{
    color: #938b81;
	text-align: center;
	font-size: 15px;
    letter-spacing: 0.025em;
}

.mje_logueo span{
	text-decoration: underline;
	color: #cabeaf!important;
}

.mje_logueo span a {
    color: #cabeaf!important;
    font-size: 15px;
    display: inline-block;
    text-decoration: underline;
}

.mje_disp{
    color: #938b81;
    font-size: 12px;
    line-height:12px;
    margin-top: 30px;
}

.datos-compra{
	line-height: 15px;
	color:#9b9aa0;
	font-size:11px;
    margin-top: 20px;
}

.resumen_tabla{
	border-bottom: 1px solid #cabeaf;
}

.resumen_tabla td{
	font-size: 12px;
	line-height: 18px;
	padding: 10px 0;
}

.resumen_tabla th{
	width: 15%;
}

.mje_logueo_sm{
    color: #938b81;
    font-size: 12px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 15px;
}

.modal-title{
	color: #a7a9ac;
}

.form-logueo input{
	margin: 0 auto;
    display: table;
    border: 1px solid #c3c2c3;
    margin-top: 10px;
    width: 100%;
    height: 30px;
    padding-top: 1px!important;
    font-size: 13px;
}

.btn_form_datos{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0;
}

.btn_form_datos a{
	color: #fff;
	cursor: pointer;
}

.btn_comenzar{
	background: #938b81;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.btn_comenzar:hover{
	background: #0086ae;
}

.btn_comenzar a{
	color: #fff!important;
	padding: 10px;
}

.sop_form_cuenta{
	max-width: 450px;
}

.form-group input, .form-group textarea{
	border-radius: 0;
	box-shadow: none;
	text-align: center;
	color: #938b81!important;
	padding-top: 7px;
	font-size: 14px;
	line-height: 24px;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
	background-color: #fff!important;
}

#frm_login{
    margin: 0 auto;
    margin-top: 25px;
    display: table;
    font-weight: 300;
    color: #a19fa3;
    width: 100%;
    text-align: center;
    font-size: 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;	
}

#frm_login:hover{
	font-weight: 600;
}

.btn-cuenta{
	color: #938b81;
	font-weight: 700;
	text-transform: uppercase;
    border: 0;
    background-color: transparent;
    background-image: none;
    box-shadow: none;
}

.btn-registro, .btn-recover{
	background: transparent;
	border: 0;
	color: #938b81;
	box-shadow: none;
	text-transform: uppercase;
	font-weight: 700;
	margin: 0 auto;
	display: table;
}

#frm_datos_usuarios{
	text-align: center;
}

.productos{
	margin-bottom: 30px;
}

.productos a{
	color: #938b81;
	font-size: 16px;
	letter-spacing: 0.025em;
	font-weight: 400;
	margin: 0 auto;
	display: table;
	text-align: center;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}

.productos a:hover{
	color: #005682;
}

.selecc_prod{
	margin: 40px 0 0 0;
	display: table;
	min-height: 510px;
}

@media (max-width: 767px) {
	.selecc_prod{
		min-height: 100%;
	}	
}

.sop_cont_categorias{
	background: #fff;
}

.category_product_one{
	font-size: 14px;
	color: #89878c;
	text-transform: uppercase;
	font-weight: 400;
}

.category_product_much_one{
	font-size: 15px;
	line-height: 18px;
	color: #938b81;
	text-transform: uppercase;
	font-weight: 400;
}

.category_product_much_one span{
	color: #938b81;
}

.sop_form_prod{
	min-height: 510px;
	margin-top: 50px;
}

@media (max-width: 767px) {
	.sop_form_prod{
		min-height: 100%;
	}	
}

.form_consulta_btn_enviar{
	margin-bottom: 50px;
}

.form_consulta_btn_enviar a{
	background: #938b81;
	padding: 10px;
	font-weight: 400;
	font-size: 13px;
	line-height: 24px;
	color: #fff;
	text-transform: uppercase;
	width: 170px;
	border: 0;
    margin: 30px auto 0px auto;
	display: table;
	text-align: center;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}

.form_consulta_btn_enviar a:hover{
	background: #005682;
}

.sop_pasos {
    margin: 15px 0;
    display: table;
}

.sop_pasos_2 {
    margin: 15px auto;
    display: table;
    width: 100%;
}

.pasos img{
	text-align: center;
	margin: 0 auto;
	display: table;
	margin-bottom: 10px;
}

.pasos_log img{
	text-align: center;
	margin: 0 auto;
	display: table;
	margin-bottom: 10px;
}

.pasos_res img{
	text-align: center;
	margin: 0 auto;
	display: table;
	margin-bottom: 10px;
}

.pasos_res2 img{
	text-align: center;
	margin: 0 auto;
	display: table;
	margin-bottom: 10px;
}

.pasos span {
    color: #cfd1d1;
    font-size: 40px;
    font-weight: 700;
    position: absolute;
    bottom: 11px;
    left: 50px;
}

.pasos_log span {
    color: #cfd1d1;
    font-size: 40px;
    font-weight: 700;
    position: absolute;
    bottom: 11px;
    left: 50px;
}

.pasos_res span {
    color: #cfd1d1;
    font-size: 50px;
    font-weight: 700;
    position: absolute;
    bottom: 11px;
    left: 55px;
}

.pasos_res2 span {
    color: #cfd1d1;
    font-size: 50px;
    font-weight: 700;
    position: absolute;
    bottom: 11px;
    left: 50px;
}

.pasos{
	font-size: 14px;
	font-weight: 700;
	color: #cfd1d1;
	text-transform: uppercase;
	text-align: center;
	line-height: 18px;
	position: relative;
}

.pasos_log{
	font-size: 14px;
	font-weight: 700;
	color: #cfd1d1;
	text-transform: uppercase;
	text-align: center;
	line-height: 18px;
	position: relative;
}

.pasos_res{
	font-size: 14px;
	font-weight: 700;
	color: #cfd1d1;
	text-transform: uppercase;
	text-align: center;
	line-height: 18px;
	position: relative;
}

.pasos_res2{
	font-size: 14px;
	font-weight: 700;
	color: #cfd1d1;
	text-transform: uppercase;
	text-align: center;
	line-height: 18px;
	position: relative;
}

.step_active, .step_active span{
	color: #04a1d1;
}

.resumen_pedido_minicarrito{
	-webkit-box-shadow: 2px 2px 10px 2px rgba(207,209,209,0.8);
	box-shadow: 2px 2px 10px 2px rgba(207,209,209,0.8);
	background: #fff;
    padding: 20px 30px 20px 30px;
    margin: 30px 0;
	color: #938b81;
	font-size: 16px;
	text-align: center;
	line-height: 25px;
	font-weight: 400;
	z-index: 9;
}

@media (min-width: 768px) and (max-width: 991px) {
	.resumen_pedido_minicarrito{
	    padding: 10px 10px 10px 10px;
	}	
}

@media (max-width: 767px) {
	.resumen_pedido_minicarrito{
	    padding: 10px 10px 10px 10px;
	}	
}

.cantidad_carro{
	color: #938b81;
}

.list_prods select{
	color: #89878c;
	font-size: 12px;
	margin: 0 5px;
}

.fondo_cremas{
	background: url(img/gusto_CREMAS.jpg) no-repeat;
}

.fondo_chocolates{
	background: url(img/gusto_CHOCOLATE.jpg) no-repeat;
}

.fondo_ddl{
	background: url(img/gusto_DULCE-DE-LECHE.jpg) no-repeat;
}

.fondo_frutales{
	background: url(img/gusto_FRUTALES.jpg) no-repeat;
}

.fondo_alcohol{
	background: url(img/gusto_CON-ALCOHOL.jpg) no-repeat;
}

.fondo_toppings{
	background: url(img/alcohol_carro.jpg) no-repeat;
}

.fondo_salsas{
	background: url(img/alcohol_carro.jpg) no-repeat;
}

.fondo_candys{
	background: url(img/alcohol_carro.jpg) no-repeat;
}

.sabores{
	border-radius: 0px!important;
	border: 0;
	box-shadow: none;
	width: 570px;
	font-size: 36px;
	font-weight: 700;
	text-align: center;
	display: block;
}

@media (min-width: 768px) and (max-width: 991px) {
	.sabores{
		width: 460px;
	}
}

@media (max-width: 767px) {
	.sabores{
		width: 100%;
	}	
}

.adicionales{
	color: #fff;
    text-decoration: none;
}

.opciones{
	color: #00a0d0;
	display: inline-block;
	margin-left: 5px;
	font-size: 14px;
}

.sabores a {
    color: #fff;
    text-decoration: none;
    padding: 22px 0;
    display: block;
    position: relative;
    height: 85px;
}

.sabores a .glyphicon{
	position: absolute;
	right: 15px;
	top: 20px;
}

.sabor_input{
}

.sabores img{
	margin-top: 0px;
}

.gusto{
	margin-top: 15px;
}

.gusto, .category_product_one{
	font-size: 12px;
	color: #727272;
	text-transform: none;
}

.gusto span, .category_product_one span{
	color: #938b81;
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
}

.gusto td{
	text-align: left;
	vertical-align: -webkit-baseline-middle;
}

.resumen_pedido h3{
	color: #938b81;
	margin-top: 40px;
	font-size: 16px;
	margin-bottom: -10px;
}

.resumen_pedido{
	color: #938b81;
	text-align: center;
}

.resumen_pedido span{
	line-height: 50px;
	text-transform: uppercase;
}

.form_remember_pass, .form_register {
    color: #938b81;
    margin-top: 30px;
    text-align: center;
    font-size: 16px;
    margin-bottom: 0px !important;
}

.carrito td{
	font-size: 13px;
	line-height: 15px;
	text-align: left;
	padding: 10px 0;
}

@media (min-width: 768px) and (max-width: 991px) {
	.carrito td{
		font-size: 11px;
		line-height: 13px;
		text-align: left;
		padding: 10px 0;
	}	
}

@media (max-width: 767px) {
	.carrito td{
		font-size: 11px;
		line-height: 13px;
		text-align: left;
		padding: 10px 0;
	}	
}

.datos_usuario {
    margin-bottom: 40px;
    font-size: 11px;
    line-height: 15px;
}

.tabla_productos{
	margin-bottom: 15px;
}

.btn-eliminar-minic{
	display: block;
	width: 15px;
	height: 25px;
}

.btn-eliminar-c{
	height: 30px;
	width: 20px;
	display: block;
}

.btn-eliminar{
	padding: 5px 0;
}

.precio_minicarrito {
    margin-top: 20px;
    padding-bottom: 0px;
    font-size: 12px;
    line-height: 18px;
    color: #938b81;
}

.datos_pedido_final{
	color: #a7a9ac;
	text-align: left;
}

.precio_final{
	color: #938b81;
	margin: 30px 0;
	text-align: center;
}

.ui-widget-content a{
	color: #938b81!important;
	font-family: 'Roboto Slab', Arial, sans-serif !important;
	font-size: 14px;
}

#msj_alturas{
	color: #938b81!important;
}

.ubicacion{
	color: #938b81;
	font-size: 14px;
}

/*--- FORMULARIO DE CONTACTO ---*/

.btn_form_contacto a{
}

.btn_form_news a{
}

.btn_form_contacto a, .btn_form_news a{
	float: left;
	display: block;
	border:1px solid #cccccc;
	background: #fff;
	padding: 10px 10px;
	text-decoration: none !important;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 14px;
	font-weight: 400;
	color: #938b81;
	margin: 0 0 20px 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}

.btn_form_contacto a:hover, .btn_form_news a:hover{
	color: #fff!important;
	background: #938b81!important;
}

.form_contacto_oblig{
	color: #d40000;
	font-size: 12px;
	line-height: 12px;
	font-weight: 400;
	margin: 0 0 15px 0;
}

.input_file{
	font-size: 12px;
	line-height: 12px;
	font-weight: 400;
}

.form-group{
	font-size: 14px;
	line-height: 14px;
}

.caducado{
	border: 1px dashed #938b81;
	color: #f00;
	padding: 10px;
}

.active_form{
	color: #938b81!important;
}

/*--- MENSAJES DE EXITO ---*/

.form_mje_exito{
	text-align: center;
	padding: 20px 0;
	margin: 20px 0 10px 0;
	border: 1px dashed #938b81;
	font-size: 12px;
	line-height: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

.form_mje_error{
	text-align: center;
	padding: 20px 0;
	margin: 20px 0 10px 0;
	border: 1px solid #f00;
	font-size: 12px;
	line-height: 12px;
	font-weight: 700;
	color: #f00;
	text-transform: uppercase;
}

/*--- GALERIA RELACIONADA CONTENIDOS ---*/

.gal_relacionada_sop{
	border-bottom: 1px solid #ececec;
	margin-bottom: 30px;
}

.tit_gal_relacionada{
	position: relative;
	font-size: 18px;
	line-height: 22px;
	font-weight: 700;
	text-transform: uppercase;
	color: #938b81;
	padding: 0px 0 0px 0;
	margin: 0px 0px 30px 0px;	
}

.tit_gal_relacionada span{
	color: #585a5e;
	text-transform: none;
	font-weight: 400;
}

.gal_relacionada_foto{
	padding: 0 0 4px 0;
	background: #585a5e;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}

.gal_relacionada_foto:hover{
	padding: 0 0 4px 0;
	background: #938b81;
}

/*--- SECCION DE GALERIA DE FOTOS ---*/

.section_gal_tit{
	font-size: 18px;
	line-height: 22px;
	font-weight: 700;
	color: #938b81;
	position: relative;
	text-transform: uppercase;
	padding: 0px 0 0px 0px;
	margin: 0px 0px 20px 0px;	
}

.section_gal_desc{
	color: #585a5e;
	font-size: 13px;
	line-height: 21px;
	font-weight: 400;
	font-style: italic;
	margin: 0 0 20px 0;
}

/*--- RELACIONADOS / RECOMENDADOS ---*/

.contenido_recomendados_encab{
	font-size: 18px;
	line-height: 18px;
	font-weight: 700;
	text-transform: uppercase;
	color: #938b81;
	padding: 0px 0 0px 0;
	margin: 0px 0px 20px 0px;	
}

.contenido_recomendados{
	margin: 0 0 50px 0;
}

.contenido_recomendados_mod{
	margin: 0 0 10px 0;
}

.contenido_recomendados_tit a{
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	text-transform: uppercase;
	color: #585a5e;
	padding: 0px 0 0px 0;
	margin: 0px 0px 30px 0px;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;		
}

.contenido_recomendados_tit a:hover{
	color: #938b81;
}

.contenido_recomendados_desc{
	font-size: 11px;
	line-height: 18px;
	font-weight: 400;
	color: #585a5e;
}

/*--- MAPA ---*/

.sombra_mapa{
	margin-top: -7px;
}

/*--- FOOTER ---*/
.sombra_footer img{
	margin: 0px;
	width: 100%;
}

.footer_top{
	background: #c3c3c3;
}

.sop_footer_top{
	padding: 40px 15px 40px 15px;
}

.sop_footer_top_datos{
	padding: 0px 0 0 27px;
}

.texto_footer_top{
	font-size: 13px;
	line-height: 13px;
	font-weight: 400;
	text-align: left;
	color: #fff;
	float: left;
}

.texto_footer_top a{
	color: #fff;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}

.texto_footer_top a:hover{
	color: #959595;
}

#footer{
	background: #938b81;
}

.sop_footer{
	padding: 24px 15px 20px;
}

.texto_footer{
	margin: 0px 0 0 0;
	font-size: 12px;
	line-height: 13px;
	font-weight: 400;
	color: #fff;
	text-transform: none;
}

@media (max-width: 767px) {
	.sop_footer{
		text-align: center;
		padding: 30px 15px 30px 15px;
	}
	.texto_footer{
		margin: 0px 0 15px 0;
	}
}

.redes_footer{
	margin: 0 auto;
	display: table;
}

.redes_footer a{
	text-indent: -10000px;
	height: 26px;
	width: 26px;
	margin: 0 7px;
	float: left;
}

.redes_face{
	background: url(img/facebook.png) no-repeat;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}

.redes_instagram{
	background: url(img/instagram.png) no-repeat;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}

.redes_pinterest{
	background: url(img/pinterest.png) no-repeat;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}

.redes_twitter{
	background: url(img/twitter.png) no-repeat;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}

.redes_youtube{
	background: url(img/youtube.png) no-repeat;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
}

.redes_face:hover{
	background: url(img/facebook2_hover.png) no-repeat;
}

.redes_instagram:hover{
	background: url(img/instagram2_hover.png) no-repeat;
}

.redes_pinterest:hover{
	background: url(img/pinterest2_hover.png) no-repeat;
}

.redes_twitter:hover{
	background: url(img/twitter2_hover.png) no-repeat;
}

.redes_youtube:hover{
	background: url(img/youtube2_hover.png) no-repeat;
}

/* *************** FIRMA DINAMIC ************** */

.footer_dinamic{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #89878c;
	width: 107px;
	margin: 5px 0 0px 0;
	height: 17px;
	padding-top: 2px;
	padding-left: 0px;
	text-decoration: none;
	float: right;
}

.footer_dinamic a{
	display: block;
	color: #fff;
	float: right;
	height: 18px;
	padding-top: 0px;
	text-decoration: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;	
transition: all 0.3s ease-in-out;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
}

@media (max-width: 767px) {
	.footer_dinamic{
		float: none;
		text-align: center;
		width: 100%;
		margin: 20px 0 0px 0;
	}	
	.footer_dinamic a{
		display: inline-block;
		float: none;
		height: auto;
		font:normal 9px Verdana, Arial, Helvetica, sans-serif;
	}	
}

.footer_dinamic a:hover{
	color: #fff;
}

.footer_dinamic img{
	color: #89878c;
	float: right;
	margin-right:2px;
}

.logo_footer{
	text-align: center;
}

/* -------- Paginador de portal ------------*/

#paginador_contenedor{
	height: 30px;
	margin:20px 0px 50px 0px;
	padding:0px 0 0px 0;
	position: relative;
}

@media (max-width: 767px) {
	#paginador_contenedor{
		margin:20px 0px 50px 15px;
	}	
}

.paginador_contenedor_num{
	float: left;
	height: 30px;
	color: #333333;
	background: #dddddd;
	padding: 9px 10px 0 10px;
	font-weight: normal;
	font-size:12px;
	line-height: 12px;
}

.paginador_nav_01_right a, .paginador_nav_01_right_block, .paginador_nav_right_02 a, .paginador_nav_02_right_block, .paginador_nav_01_left a, .paginador_nav_01_left_block, .paginador_nav_left_02 a, .paginador_nav_02_left_block{
	display: block;
	height: 30px;
	width: 30px;	
	float: left;
	text-decoration: none !important;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;	
	transition: all 0.2s ease-in-out;		
}

.paginador_nav_01_right a{
	background: url(img/paginador_nav.png) no-repeat center 0 #c4c4c4;
}

.paginador_nav_01_right a:hover{
	background: url(img/paginador_nav.png) no-repeat center 0 #8a8a8a;
}

.paginador_nav_01_right_block{
	background: url(img/paginador_nav.png) no-repeat center 0px #c4c4c4;
}

.paginador_nav_right_02 a{
	background: url(img/paginador_nav.png) no-repeat center -30px #ababab;	
}

.paginador_nav_right_02 a:hover{
	background: url(img/paginador_nav.png) no-repeat center -30px #8a8a8a;
}

.paginador_nav_02_right_block{
	background: url(img/paginador_nav.png) no-repeat center -30px #ababab;
}

.paginador_nav_01_left a{
	background: url(img/paginador_nav.png) no-repeat center -60px #c4c4c4;
}

.paginador_nav_01_left a:hover{
	background: url(img/paginador_nav.png) no-repeat center -60px #8a8a8a;
}

.paginador_nav_01_left_block{
	background: url(img/paginador_nav.png) no-repeat center -60px #c4c4c4;
}

.paginador_nav_left_02 a{
	background: url(img/paginador_nav.png) no-repeat center -90px #ababab;	
}

.paginador_nav_left_02 a:hover{
	background: url(img/paginador_nav.png) no-repeat center -90px #8a8a8a;
}

.paginador_nav_02_left_block{
	background: url(img/paginador_nav.png) no-repeat center -90px #ababab;
}

/*--- PARA REVISAR ---*/

.subotonera{
	border-top:0px;
	border-bottom:1px solid #ccc;
	margin-top: -10px;
	font-size: 12px;  
}

.link_conte a{
	color: #040707;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;	
transition: all 0.3s ease-in-out;
font-size: 12px;
}
.link_conte  a:hover{
	color: #999;
	text-decoration: none;
}



.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.clear_both5{
	height: 1px;
	clear: both;
}