/** Home Page **/

body {
	padding-top: 0;
	padding-bottom: 40px;
	padding-top:20px
}
a:focus{outline:0px}

@media (min-width: 979px){
    body {
            padding-top: 20px;
    }
}

/** Login Page **/
#login {
	padding:0;
	margin:0;
	background:url(../images/bg.png) repeat;
	color:#000;
    font-family: "Signika",Arial;
}

#login .logcontainer {
	background:url(../images/login.png) no-repeat center bottom;
	width:450px;
	height:449px;
	left: 50%;
    margin-left: -225px;
    margin-top: -224px;
    position: absolute;
    top: 50%;
}
#login .logcontainer div.row_user{
	padding:69px 0 0 70px;
}
#login .logcontainer div.row_pass{
	padding:25px 0 0 70px;
}
#login .logcontainer label{
	display:block;
	font-weight:normal;
}
#enviar {
    background: url(../images/login_boton.png) no-repeat;
    cursor: pointer;
    height: 60px;
    position: absolute;
	right:17px;
	top:150px;
    width: 175px;
}
#enviar .espere{ font-style:italic; padding:19px 0 0 30px }
#login  .loading{
    background-position:0px -60px
}
#enviar .texto {
    color: #fff;
    font-size: 20px;
    font-weight: 100;
    margin-left: 60px;
    padding-top: 22px;
}
#enviar .hover{
	font-size:20px; 
	font-weight:100; 
	text-shadow:0 0 4px #fff
}
#login .forget{
	padding:8px 0 0 65px;
}
#login .forget a{
	color:#000;
	text-decoration:none
}
#login .forget a:hover{
	color:#FFF;
	transition:.5s color
}
#login .form-signin .form-signin-heading{
	margin:0;
	position:relative;
	height:30px;
	text-align:center
}
#login .form-signin .form-signin-heading img{
}
#car{
	left:25px
}
#login .form-signin input[type="text"],
#login .form-signin input[type="password"] {
    font-size: 15px;
    height: auto;
    margin-bottom: 5px;
    padding: 7px 9px;
	background:none;
	border:none;
	color:#333
}

html {
    position: relative;
    min-height: 100%;
}

footer {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 47px;
    width: 90%;
	margin-left:5%;
	margin-right:5%
}
footer div {
    float: right;
    font-size: 13px;
    margin-top: 14px;
    padding: 2px 5px;
	background: none repeat scroll 0 0 #22262a;
    border-radius: 3px 3px 0;
	padding:5px 10px;
}
footer div:hover{
	color:#CCC
}
footer div:hover a{
	color:#CCC
}
footer a {
    color: #555555;
    transition: #CCC 350ms ease 0s;
	font-size:16px;
	margin:0 2px
}
/* ---------------------------------------
		ICON DOCK
----------------------------------------- */

#estadisticas{
	clear:both;
	text-align:center;
	max-width:700px;
	margin:15px auto 0 auto;
	color:#CCC;
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
}
#estadisticas h3{
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	color:#CCC
}
#estadisticas div{
	display:inline-block;
    max-width: 24%;
    width: 100%;
	font-size:11px;
}
#estadisticas div strong{
	display:block;
	font-size:20px;
	font-weight:normal
}
#sabiasque{
	float:right;
	background:#FFF;
	min-width:400px;
	margin-right:1px;
	border:1px solid #F5FAF5;
	border-radius:5px;
	padding:2px 10px
}
#sabiasque .callout {
    background-color: whitesmoke;
    border-left: 3px solid #e8e8e8;
    margin: 10px 0;
    padding: 6px 20px;
	font-size:11px
}
#sabiasque .callout-warning {
    border-color: #f38733;
}
#sabiasque .callout-warning h4{
	color: #f38733;
}
#sabiasque .callout-success {
    border-color: #2ecc71;
}
#sabiasque .callout-success h4{
	color: #2ecc71;
}
#sabiasque .callout-linkedin {
    border-color: #1a85bd;
}
#sabiasque .callout-linkedin h4{
	color: #1a85bd;
}
#sabiasque .callout-yellow {
    border-color: #fdd922;
}
#sabiasque .callout-yellow h4{
	color: #fdd922;
}
#icondock{padding:20px 0 0 0; width:550px; float:left}
#icondock ul li a img { margin-bottom: 10px;}
#icondock ul li{ 
	float: left;
	height: 110px;
	width: 103px;
	margin-top: 5px;
	margin-right: 11px;
	margin-bottom: 20px;
	position: relative;
	display:block;
	text-align: center;
}

#icondock ul li a {
	display:block;
	font-size: 13px;
	color:#555;
	text-decoration:none
	
}
#icondock ul li 		{  background:none; display:block}
#icondock ul li a:hover {  color: #000;}

.foot{
	text-align:right
}

.actions{
	float:right;
	list-style:none
}
.actions a{
	color:#333
}
.acciones{
	text-align:center
}
img.disabled {
	opacity: .25;
}

.has-feedback .form-control{
	padding-right:0
}
/*GALLERY*/

#actions {
	margin: 2em 0;
}

/* Mimic table appearance */
div.table {
  display: table;
}
div.table .file-row {
  display: table-row;
}
div.table .file-row > div {
  display: table-cell;
  vertical-align: top;
  border-top: 1px solid #ddd;
  padding: 8px;
}
div.table .file-row:nth-child(odd) {
  background:#F7F7F7;
}

/* The total progress gets shown by event listeners */
#total-progress {
  opacity: 0;
  transition: opacity 0.3s linear;
}

/* Hide the progress bar when finished */
#previews{
	padding-left:18px
}
#previews .file-row.dz-success .progress {
  opacity: 0;
  transition: opacity 0.3s linear;
}

/* Hide the delete button initially */
#previews .file-row .delete {
  display: none;
}
#previews .file-row .name {
  width:200px
}

/* Hide the start and cancel buttons and show the delete button */

#previews .file-row.dz-success .start,
#previews .file-row.dz-success .cancel {
  display: none;
}
#previews .file-row.dz-success .delete {
  display: block;
}

#uploaded>ul{
	padding:0 0 0 3px
}
#uploaded>ul>li{
	float:left;
	display:block;
	width:126px;
	margin:8px 0px 8px 14px;
	text-align:center;
	padding:10px 0px;
	border:1px solid #EBEBEB;
	border-radius:4px;
	height:240px;
	position:relative
}
#uploaded p{
	margin-top:10px;
	word-break: break-all;
}
#uploaded .nofotos{
	padding-left:18px;
	font-style:italic;
	color:#F00
}
#uploaded li.principal{
	border:1px solid #C97ECF
}
#uploaded .btn-group{
	position:absolute;
	bottom:10px;
	left:35px
}
#grid th{
	color:#742D79
}
#grid td a i{
	font-size:15px;
	color:#888
}
#grid td a i:hover{
	color:#333
}
#grid_crud th{
	color:#742D79
}
#grid_crud td a i{
	font-size:15px;
	color:#888
}
#grid_crud td a i:hover{
	color:#333
}
#uploaded_videos{
	padding:20px 0 20px 0;
	overflow:hidden
}
#uploaded_videos>ul{
	padding:0 0 0 2px;
}
#uploaded_videos>ul>li{
	float:left;
	display:block;
	width:148px;
	margin:8px 11px;
	text-align:center;
	padding:5px;
	border:1px solid #EBEBEB;
	border-radius:4px;
	height:154px;
	position:relative
}
#uploaded_videos .novideos{
	padding-left:18px;
	font-style:italic;
	color:#F00
}
#uploaded_videos .btn-group{
	margin-top:15px
}

/*Mapa*/

#mapa{
	position:absolute;
	right:0;
	top:20px
}
#map_canvas{
	width:500px; 
	height:465px;;
	border:1px solid #ddd;
	margin-bottom:10px
}
#txt_latitud{
	padding-right:10px
}

.image div.img{
	border:1px solid #CCC;
	float:left;
	padding:4px;
	background:#F9F9F9
}
.image .btn-group{
	padding-top:5px;
	width:24px;
	margin:0 auto;
	display:block
}

.btn-inverse:hover, .btn-inverse:focus{
	color:#000
}

/* Sortable */

#sortable{
	margin: 0;
	padding:0;
	color:#505
}
#sortable a{
	font-size:11px
}
#sortable a.btn_new{
	margin-left:50px
}
#sortable .placeholder {
	border: 1px dashed #4183C4;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#sortable , #sortable ol {
	margin: 0 0 0 25px;
	padding: 0;
	list-style-type: none;
}
#sortable .mjs-nestedSortable-error {
	background: #fbe3e4;
	border-color: transparent;
}
#sortable {
	margin: 3em 0;
}
#sortable li {
	margin: 5px 0 0 0;
	padding: 0;
}
#sortable li div  {
	border: 1px solid #d4d4d4;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-color: #D4D4D4 #D4D4D4 #BCBCBC;
	padding: 6px;
	margin: 0;
	cursor: move;
	background: #f6f6f6;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	background: linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );

}


#themes{
	overflow:hidden;
	padding-top:20px;
	padding-left:6px;
}
#themes .theme{
	float:left;
	width:293px;
	height:230px;
	text-align:center;
	margin-right:7px;
	margin-bottom:20px;
	position:relative;
	background:#F5F5F5;
	border-radius:5px;
	padding:2px 0 5px 0
}
#themes span{
	color:#333;
	position:absolute;
	bottom:8px;
	text-align:center;
	display:block;
	left:0;
	width:100%
}
#themes span input{
	position:relative;
	top:1px
}
#themes .theme img{
	padding:3px
}
#themes .active{
	border:1px solid #53A9FF
}
#msg_ftp{
	display:none;
	padding:10px;
	background:#FBFBFB
}
#msg_ftp p{
	margin:15px 0;
	border-radius:5px;
}


/*LIST CHECK */

.listCh>ol{
	list-style:none;
	padding:0
}
.listCh ol{
	list-style:none
}
.listCh ol li{
	margin-top:6px
}



/* 
 * Dropper v1.0.1 - 2014-11-25 
 * A jQuery plugin for simple drag and drop uploads. Part of the Formstone Library. 
 * http://formstone.it/dropper/ 
 * 
 * Copyright 2014 Ben Plum; MIT Licensed 
 */

.dropper{overflow:hidden}.dropper,.dropper *,.dropper :before,.dropper :after{box-sizing:border-box}.dropper-dropzone{background:#fff;border:3px dashed #ccc;border-radius:0;color:#666;cursor:pointer;font-size:14px;margin:0;padding:25px;text-align:center}.dropper.dropping .dropper-dropzone,.no-touch .dropper:hover .dropper-dropzone{background:#eee;border-color:#999;color:#333}.dropper-input{position:absolute;left:100%;opacity:0}.no-opacity .dropper-input{left:-999px}


#list_banner{
	padding:10px 0;
	list-style:none
}
#list_banner li{
	margin-top:10px;
	position:relative
}
#list_banner li span{
	position:absolute;
	right:-20px;
	top:15px;
}

#list_banner li div.banner{
	border:1px solid #ccc;
	padding:1px
}

.consejos div{
	border:1px solid #ccc;
	font-size:12px;
	line-height:1.4em;
}
.consejos p{
	padding:4px
}
.consejos ul{
	padding-left:20px
}
.consejos h4{
	background:#f5f5f5;
	border-bottom:1px solid #ccc;
	padding:3px;
	margin:0;
}

/*Aplicaciones*/
.mod_product_list ul{
	padding:0;
	font-family:Arial, Helvetica, sans-serif
}
.mod_product_list a{
	text-decoration:none;
	color:#FFF;
	text-align:center;
	position:absolute;
	display:block;
	font-size:15px;
}
.mod_product_list h4{
	font-family:Arial, Helvetica, sans-serif
}
.mod_product_list .info{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	background:#000;
	z-index:2;
	height:170px;
	opacity: 0.8;
    filter: alpha(opacity=80);
	color:#FFF;
	padding-right:25px;
	font-size:12px;
	display:none
}
.mod_product_list .info a{
	background:#E2001A;
	padding:2px 10px;
	right:4px;
	top:4px;
}
.mod_product_list ul li{
	display:inline-block;
	width:40%;
	height:170px;
	border:1px solid #CCC;
	margin-right:4%;
	margin-top:15px;
	margin-bottom:10px;
	position:relative;
	overflow:hidden
}
.mod_product_list ul div{
	padding:10px
}
.mod_product_list img{
	position:relative;
	top:-10px
}
.mod_product_list ul a.activar{
	background:#E2001A;
	width:110px;
	padding:8px 0;
	bottom:10px;
	z-index:3
}
.mod_product_list .price{
	font-weight:bold;
	font-size:16px;
	color:#999
}
.mod_product_list .price b{
	font-size:26px
}
.mod_product_list .moreInfo 
{
    cursor: pointer;
    top: 5px;
    bottom: 0;
    right: 5px;
    z-index: 1;    
    height: 20px;
    line-height:20px;
    position: absolute;
    border: 1px dashed rgb(182, 182, 182);
    text-align: center;
    background-color: rgb(245, 245, 245);
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
	font-size:11px
}

.equipa div{
	background:#F8F8F8;
	padding:15px 20px;
	margin-top:15px
}
.equipa h5{
	background:url(../images/tiendas.png) no-repeat;
	padding-left:46px;
	margin-bottom:10px;
	font-size:14px;
	color:#000;
	font-weight:bold
}
.equipa h5 span{
	font-size:18px;
	display:block
}
#idiomas div span{
	display:block;
	text-align:center;
	color:#800080
}
#idiomas div a{
	display:block
}
#idiomas div{
	float:left;
	margin-right:40px;
	margin-top:15px;
	width:64px;
	height:64px;
	position:relative;
}
#idiomas div img{
	opacity: 0.4;
    filter: alpha(opacity=40);
}
#idiomas div:hover img{
	opacity: 1;
    filter: alpha(opacity=100);
}
#idiomas div a.active img{
	opacity: 1;
    filter: alpha(opacity=100);
}

.rightmod div{
	background:#F8F8F8;
	padding:15px 20px;
	margin-top:15px
}
.rightmod h5{
	padding-left:46px;
	margin-bottom:10px;
	font-size:14px;
	color:#000;
	font-weight:bold
}
.rightmod h5 span{
	font-size:18px;
	display:block
}
.rightmod h5.idioma{
	background:url(../images/flags.png) no-repeat;
}
.rightmod h5.redess{
	background:url(../images/rs.png) no-repeat;
}
#colors{margin:0;padding:0}
#colors li{
	float:left;
	margin-left:17px;
	text-align:center
}
#colors li span{
	display:block;
	width:42px;
	height:20px;
	border:1px solid #ddd;
	margin:0 auto
}