/* 
    Document   : dashboards
    Created on : Oct 12, 2012, 12:48:48 PM
    Author     : jhonny
    Description:
        Purpose of the stylesheet follows.
*/

@font-face { 
font-family:'Berlin Sans FB'; 

src: url('/fonts/BRLNSR.eot'); /* IE9 Compat Modes */
	src: url('/fonts/BRLNSR.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('/fonts/BRLNSR.woff') format('woff'), /* Modern Browsers */
	     url('/fonts/BRLNSR.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('/fonts/BRLNSR.svg#svgFontName') format('svg'); /* Legacy iOS */
} 


@font-face { 
font-family:'Milkman Conspiracy'; 

src: url('/fonts/MilkmanConspiracy.eot'); /* IE9 Compat Modes */
	src: url('/fonts/MilkmanConspiracy.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('/fonts/MilkmanConspiracy.woff') format('woff'), /* Modern Browsers */
	     url('/fonts/MilkmanConspiracy.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('/fonts/MilkmanConspiracy.svg#svgFontName') format('svg'); /* Legacy iOS */
} 


#dashboardContainerItem{
/*    	width:202px;
	min-height:150px;*/
	padding:7px;
	background: #FFF;
	background-clip: padding-box;
	border: 1px solid #E7E7E4;
	/*moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius: 6px;
    box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.15);*/
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	margin-bottom: 10px;
	-moz-box-shadow:  1px 3px 5px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:  1px 3px 5px rgba(0, 0, 0, 0.25);
	box-shadow:  1px 3px 5px rgba(0, 0, 0, 0.25);
        
        
}

#textContainer{
    width: 100%;
    height:70px;
    float: left;
    z-index: 1;
    /*    border: 1px solid red;*/
}
#textData{
    float: left;
    width: 100px;
    height:50px;
    font-size: 10px;
    z-index: 2;
    
/*    border: 1px solid green;*/
}
.titulodashboard{
    font-size: 44px;
    text-align: center;
    font-family: "Milkman Conspiracy";
    position: relative;
    top: 20px;
    z-index: 100;
    /*color: #232326;*/
    /*font-weight: bold;*/
/*    border: 1px solid green;*/
}
.contenidodashboard{
/*    border: 1px solid red;*/
    position: relative;
    
    text-align: center;
    font-family: "Berlin Sans FB";
    color: #CCCCCC;
    z-index: 30;
    left: -10px;
    width: 190px;

}
#imageTextData{
    float: left;
    position: relative;
    min-width: 40px;
    min-height:50px;
    z-index: 3;
/*    border: 1px solid #00F;*/
}
#imageContainer{
    position: relative;
    float: left;
    min-width: 103px;
    min-height:60px;
    z-index: 10;
/*    top: 38px;
    left: 20px;*/
/*    border: 1px solid blue;*/
/*    background: url('/images/common/dashboard/computadora.jpg') no-repeat;*/
}
#imageContainer img{
    position: relative;
    float: left;
    min-width: 143px;
    min-height:100px;
    z-index: 10;
/*    top: 38px;
    left: 20px;*/
/*    border: 1px solid blue;*/
/*    background: url('/images/common/dashboard/computadora.jpg') no-repeat;*/
}
#imageArrow{
    position: relative;
    float: left;
    min-width: 40px;
    min-height:80px;
    z-index: 10;
/*    top: -50px;
    left: 68px;*/
/*    border: 1px solid violet;*/
/*    background: url('/images/common/dashboard/arrow.jpg') no-repeat;*/
}
#imageArrow img{
    position: relative;
    float: left;
    min-width: 40px;
    min-height:80px;
    z-index: 10;
/*    top: -50px;
    left: 68px;*/
/*    border: 1px solid violet;*/
/*    background: url('/images/common/dashboard/arrow.jpg') no-repeat;*/
}