/*                                        MYCLOUD
============================================================================================*/
.mc_container
{
    padding:10px;
}
.sidePrincipal
{
  
    position: relative;
    padding:10px;
    box-shadow: 0 0 5px 0 #CCC;    
}
.mc_logoShop
{
    height: 160px;
    width: 10%; 
    padding:10px;   
}
.mc_imgLogoShop
{
    height: 173px;
    width: 291px;     
}
#mc_table td
{
    vertical-align:top;
}
.mc_stateOnline
{
    text-align:right;
}
.mc_usrinfo
{
    width:60%
}
.lnk_s
{
    margin-left:50px;
}
.award, .mc_itemInfo
{
    margin-left:10px;
}
.mc_nombreTienda
{
    color:#157AC5;
    font-size:18px;
}
.mc_divFollow
{
    position:relative;
}
.btnFollow
{
    text-align:right;
    width: 100%;
}
.mc_infoVentas
{
    position:relative;
}
.mc_itemInfo_since
{

}
.mc_resumenVentas
{
    color:#333;
}
.mc_smallGray
{
    color:#d3d3d3;
    font-size:11px;
}





/*                                              PUBLIBOX
============================================================================================*/
.boxIT
{
    position:relative;
    padding:10px;
    width: 150px;
    height:150px;
    padding:5px;
    text-align:center;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;    
}
.boxIT .bx_tairl
{
    position:absolute;
    bottom:2px;
    left:0;
    color:#333;
    padding:5px;
}
.bx_prais
{
    font-size:30px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #3D6DD6;
    color:white;
    border-radius:5px;
}

._tdTable
{
    position:relative;
    border-right:1px solid #f1f1f1;
    height:50px;
    font-weight:bold;
}
.txtBlue
{
      color:#0083CE;  
}
._titleTable
{
    position:absolute;
    top:3px;
    left:3px;
    color:#888888;    
}
._textoDato
{
    font-size:30px;
    position:absolute;
    bottom:3px;
    right:12px;    
    color:#0083CE;
    font-weight: 200;
}

.azul {
    border-radius: 20px;
    padding:20px;
    background: rgb(30,87,153); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 34%, rgba(255,255,255,1) 85%, rgba(255,255,255,1) 85%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(34%,rgba(41,137,216,1)), color-stop(85%,rgba(255,255,255,1)), color-stop(85%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 34%,rgba(255,255,255,1) 85%,rgba(255,255,255,1) 85%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 34%,rgba(255,255,255,1) 85%,rgba(255,255,255,1) 85%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 34%,rgba(255,255,255,1) 85%,rgba(255,255,255,1) 85%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 34%,rgba(255,255,255,1) 85%,rgba(255,255,255,1) 85%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */


}

.nombrecloud
{
    font-size: 45px;
    color: white;
    font-family: cursive;
}
/*============================================================================================*/

.td_img
{
width:100px;

}

td
{
    vertical-align:top;
}

.icon_q
{
    padding: 5px;
    background:white;
    border-radius:10px;
    opacity:0.9;
    filter:alpha(opacity=90); /* For IE8 and earlier */    
}


/*                              TABLAS
//######################################################################################

	@media 
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
	
		table, thead, tbody, th, td, tr { 
			display: block; 
		}
		
		
		thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		tr { border: 1px solid #ccc; }
		
		td { 
			
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50%; 
		}
		
		td:before { 
			
			position: absolute;
			
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
        
        
		

	}
	
	
	@media only screen
	and (min-device-width : 320px)
	and (max-device-width : 480px) {
		body { 
			padding: 0; 
			margin: 0; 
			width: 320px; }
		}
	
	
	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
		body { 
			width: 495px; 
		}
	}    
	*/