/******************************************************************************
 * ELEMENTOS HTML
 *****************************************************************************/

* {
  margin:0;
  padding:0;
}
body {
    background-color:#2f2f2f;
    background-image:url('../img/bg_pie.jpg');
    background-position:bottom left;
    background-repeat:no-repeat;
}
img {
    border:none;
}
a {
    outline:none;
    text-decoration:none;
}
html, body {
  height:100%; /* fixed Footer */
}

/*
 * Fuentes
 */
@font-face {
    font-family:'DeliciousBold';
    src:url('./font/delicious-bold-webfont.eot');
    src:url('./font/delicious-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('./font/delicious-bold-webfont.woff') format('woff'),
        url('./font/delicious-bold-webfont.ttf') format('truetype'),
        url('./font/delicious-bold-webfont.svg#DeliciousBold') format('svg');
    font-weight:normal;
    font-style:normal;
}



/******************************************************************************
 * ELEMENTOS DE PAGINA
 *****************************************************************************/

#page {
    width:100%;
    background-image:url('../img/bg_body.jpg');
    background-position:center center;
    background-repeat:no-repeat;
    overflow-y:hidden;
    overflow-x:hidden;
}
#presentacion {
    width:100%;
    height:250px;
    background-image:url('../img/bg_top.jpg');
    background-position:center top;
    background-repeat:no-repeat;
    z-index:2;
}
#pie {
    position:absolute;
    left:100%;
    top:100%;
    margin-top:-28px;
    margin-left:-830px;
    width:800px;
    height:25px;
    line-height:24px;
    text-align:right;
    font-family:Arial;
    font-size:12px;
    color:#ffffff;
}
#pie span {
    font-size:16px;
    line-height:20px;
    padding:0 2px 0 2px;
}
#pie a {
    color:#CDCDCD;
    font-weight:bold;
}
#pie a:hover {
    color:#ffffff;
}
#aplicaciones {
    margin:0 auto 0 auto;
    width:966px;
    z-index:3 !important;
}
#watermark {
    position:absolute;
    top:145px;
    left:50%;
    margin-left:-215px;
    text-align:center;
    z-index:1;
    font-family:DeliciousBold;
    font-size:24px;
    color:#000000;
    line-height:28px;
	/*letter-spacing:1px;*/
}
#watermark span {
    color:#000000;
}


/*
 * Aplicaciones
 */
.app {
    float:left;
    cursor:pointer;
    width:350px;
    height:120px;
    overflow:hidden;
    padding-left:15px;
    margin-left:5px;
    margin-top:5px;
    padding-top:15px;
    color:#ffffff;
    font-family:DeliciousBold;

    /* CSS 3 */
	text-indent:0;
    display:inline-block;
	text-decoration:none;
	text-align:left;
}
.app:active {
	position:relative;
	top:-1px;
}
.app5 {
    float:right !important;
    width:200px !important;
    height:262px;
/*    background-image:url('../img/new.gif') !important;
    background-position:95% 5% !important;
    background-repeat:no-repeat !important;*/
}
.app .desc {
    padding-left:90px;
    padding-right:10px;
    font-size:22px;
	line-height:28px;
    /*padding-top:5px;*/
    height:95px;
    background-position:top left;
    background-repeat:no-repeat;
}
.app5 .desc {
    padding:30px 15px 10px 15px !important;
    /*padding-top:5px;*/
    height:195px !important;
    background-position:45% 90% !important;
}
.app .desc .nota {
    font-size:16px;
    font-style:italic;
    padding-top:8px;
    float:right;
}
.app .name {
    font-family:Verdana;
    font-weight:bold;
    font-size:16px;
	line-height:20px;
    height:20px;
    width:120px;
    text-align:left;
    /*color:#CDCDCD;*/
}
.app .name span {
    color:#000000/*CDCDCD*/;
    font-family:Calibri;
	font-weight:bold;
	font-size:20px;
	padding-right:0.5px;
}
.app5 .name {
    text-align:center;
    width:180px;
}

/* border-radius */
.app1 {
	-webkit-border-top-left-radius:15px;
	-moz-border-radius-topleft:15px;
	border-top-left-radius:15px;
}
.app2 { }
.app3 {
	-webkit-border-bottom-left-radius:15px;
	-moz-border-radius-bottomleft:15px;
	border-bottom-left-radius:15px;
}
.app4 { }
.app5 {
	-webkit-border-top-right-radius:15px;
	-moz-border-radius-topright:15px;
	border-top-right-radius:15px;
	-webkit-border-bottom-right-radius:15px;
	-moz-border-radius-bottomright:15px;
	border-bottom-right-radius:15px;
}

/*
 * eWebMedia 
 */
#ewebmedia {
	-moz-box-shadow:inset 0px 1px 0px 0px #CED9E7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #CED9E7;
	box-shadow:inset 0px 1px 0px 0px #CED9E7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #6686af), color-stop(1, #627799) );
	background:-moz-linear-gradient( center top, #6686af 5%, #627799 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6686af', endColorstr='#627799');
	background-color:#6686af;
	border:1px solid #657fb0;
	text-shadow:1px -1px 0px #627799;
}
#ewebmedia:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5e75a1), color-stop(1, #7998cb) );
	background:-moz-linear-gradient( center top, #5e75a1 5%, #7998cb 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e75a1', endColorstr='#7998cb');
	background-color:#5e75a1;
}
#ewebmedia .desc {
    background-image:url('../img/tiles/ewebmedia.png');
}

/*
 * eWebTv
 */
#ewebtv {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a8c6ee), color-stop(1, #4c6ba4) );
	background:-moz-linear-gradient( center top, #a8c6ee 5%, #4c6ba4 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a8c6ee', endColorstr='#4c6ba4');
	background-color:#a8c6ee;
	border:1px solid #d1dbec;
	text-shadow:1px -1px 0px #627799;
}
#ewebtv:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5e75a1), color-stop(1, #7998cb) );
	background:-moz-linear-gradient( center top, #5e75a1 5%, #7998cb 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e75a1', endColorstr='#7998cb');
	background-color:#5e75a1;
}
#ewebtv .desc {
    background-image:url('../img/tiles/ewebtv.png');
}

/*
 * eWebConta
 */
#ewebconta {
	-moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52) );
	background:-moz-linear-gradient( center top, #b8e356 5%, #a5cc52 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52');
	background-color:#b8e356;
	border:1px solid #83c41a;
	text-shadow:1px -1px 0px #86ae47;
}
#ewebconta:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356) );
 	background:-moz-linear-gradient( center top, #a5cc52 5%, #b8e356 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356');
	background-color:#a5cc52;
}
#ewebconta .desc {
    background-image:url('../img/tiles/ewebconta.png');
}

/*
 * eRspond
 */
#erspond {
	-moz-box-shadow:inset 0px 1px 0px 0px #fed897;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fed897;
	box-shadow:inset 0px 1px 0px 0px #fed897;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6b33d), color-stop(1, #d29105) );
	background:-moz-linear-gradient( center top, #f6b33d 5%, #d29105 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b33d', endColorstr='#d29105');
	background-color:#f6b33d;
	border:1px solid #eda933;
	text-shadow:1px -1px 0px #cd8a15;
}
#erspond:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d29105), color-stop(1, #f6b33d) );
	background:-moz-linear-gradient( center top, #d29105 5%, #f6b33d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d29105', endColorstr='#f6b33d');
	background-color:#d29105;
}
#erspond .desc {
    background-image:url('../img/tiles/erspond.png');
}

/*
 * eTrade
 */
#etrade {
	-moz-box-shadow:inset 0px 1px 0px 0px #d197fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d197fe;
	box-shadow:inset 0px 1px 0px 0px #d197fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a53df6), color-stop(1, #7c16cb) );
	background:-moz-linear-gradient( center top, #a53df6 5%, #7c16cb 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a53df6', endColorstr='#7c16cb');
	background-color:#a53df6;
	border:1px solid #9c33ed;
	text-shadow:1px -1px 0px #7d15cd;
}
#etrade:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7c16cb), color-stop(1, #a53df6) );
	background:-moz-linear-gradient( center top, #7c16cb 5%, #a53df6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c16cb', endColorstr='#a53df6');
	background-color:#7c16cb;
}
#etrade .desc {
    background-image:url('../img/tiles/etrade.png');
}