@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'geometric415black-bt';
    src: url('/materiales/_recursos/fonts/geometric415black-bt.eot');
    src: url('/materiales/_recursos/fonts/geometric415black-bt.eot?#iefix') format('embedded-opentype'),
         url('/materiales/_recursos/fonts/geometric415black-bt.woff') format('woff'),
         url('/materiales/_recursos/fonts/geometric415black-bt.ttf') format('truetype'),
         url('/materiales/_recursos/fonts/geometric415black-bt.svg#apexnewbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

*{
	margin:0px;
	padding:0px;
}
img{
	border:0px;
}

body{
	background-image:url(/img/icdmaster/bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#cccccd;
	text-align:center;
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
}
#master{
	width:819px;
	margin:auto;
}

.main{
	width:819px;
	height:auto;
	background-image:url(/img/icdmaster/bg-main.png);
	background-repeat:repeat-y;
	background-position:left top;
	float:left;
	clear:none;
	text-align:left;
}
.usuarios-hp{
	width:761px;
	height:auto;
	float: left;
	text-align: center;
	margin:0px 0px 8px 29px;
	padding:3px 0px;
	background: #D00405;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 13px;
	font-weight:bold;
	text-decoration: none;
	text-transform:uppercase;
	border-radius:4px;
}
.usuarios-hp:hover{
	color: #B2DEEB;
	background: #0F4B56;
}

#bot-top{
	width:819px;
	height:13px;
	float:left;
	clear:none;
	text-align:right;
	background:url(/img/icdmaster/top.png) no-repeat bottom left;
}
#cont-home{
	width:808px;
	height:auto;
	float:left;
	clear:none;
	padding-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:19px;
}

.aviso{
	width:730px;
	height:auto;
	margin:auto auto 10px auto;
/*	float:left;
	clear:none;*/
	padding:10px;
	font-family:geometric415black-bt, Arial, Helvetica, sans-serif;
	font-size:19px;
	color:#fff;
	line-height:22px;
	text-align:center;
	border-radius:6px;
	
   	background:#b1001b;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7001e', endColorstr='#940016'); /* IE6-8 */
	background-image: linear-gradient(bottom, rgb(148,0,22) 0%, rgb(199,0,30) 100%);
	background-image: -o-linear-gradient(bottom, rgb(148,0,22) 0%, rgb(199,0,30) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(148,0,22) 0%, rgb(199,0,30) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(148,0,22) 0%, rgb(199,0,30) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(148,0,22) 0%, rgb(199,0,30) 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(148,0,22)),
		color-stop(1, rgb(199,0,30))
	);
}

/** LOGIN TOP **/
#login{
	width:191px;
	height:118px;
	background-image:url(/img/icd_hp/bg-login.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:35px;
	padding-left:25px;
	margin-left:29px;
	float:left;
	clear:none;
}
#login .campos{
	width:160px;
	height:56px;
	float:left;
	clear:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#193d89;
	line-height:12px;
}
#login input{
	width:154px;
	height:20px;
	float:left;
	clear:none;
	border:1px solid #b7b192;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#193d89;
	text-align:left;
	vertical-align:middle;
	margin-right:10px;
	padding-left:3px;
	margin-bottom:6px;
}
#login input:focus {
	border: 1px solid #193d89;
}
#login .btn-ingreso{
	width:107px;
	height:32px;
	float:left;
	clear:none;
	background-image:url(/img/icdmaster/btn-ingreso.jpg);
	background-color:#FFF8CA;
	background-repeat:no-repeat;
	background-position:top left;
	border:0px;
	margin-left:25px;
}
#login .btn-ingreso:hover{
	background-image:url(/img/icdmaster/btn-ingreso.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	cursor:pointer;
	border:none;
}
#login .txt{
	width:160px;
	height:auto;
	float:left;
	clear:both;
	margin-top:0px;
	padding-top:0px;
	text-align:center;
	font-size:10px;
	line-height:9px;
	color:#193d89;
	text-decoration:none;
}
#login a.txt{
	float:none;
	clear:none;
	text-decoration:underline;
}
#login a.txt:hover{
	text-decoration:none;
}
#login .campo-user{
	width:131px;
	height:20px;
	background-color:#FFF;
	float:left;
	clear:none;
	border:1px solid #999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999;
	text-align:left;
	vertical-align:middle;
	margin-right:10px;
	padding-left:3px;
}
#login .campo-user:focus{
	border: 1px solid #dcf1fc;
	background:none;
	background-color:#FFF;
}

#login .campo-mail{
	width:131px;
	height:20px;
	background-color:#FFF;
	float:left;
	clear:none;
	border:1px solid #999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999;
	text-align:left;
	vertical-align:middle;
	margin-right:10px;
	padding-left:3px;
}
#login .campo-mail:focus {
	border: 1px solid #dcf1fc;
	background:none;
	background-color:#FFF;
}

.campos {
	position:relative;
	left:-21px;
	width:200px;
}
#login-table .txt{
	width:70px;
	text-align:left;
	font-weight:bold;
}
#login-table input {
	width:115px;
	margin-bottom:2px;
}
.tooltip {
    background: url("/img/icd_hp/ayuda.png") no-repeat scroll left top transparent;
    clear: none;
    float: left;
    height: 32px;
    margin: 1px 0 2px 1px;
    width: 31px;
}
.tooltip:hover{
	background:url("/img/icd_hp/ayuda.png") no-repeat bottom left;
	cursor:pointer;
}
a.tooltip span {
	width:130px;
	display:none; 
	padding:2px 3px; 
	margin-left:8px;
}
a.tooltip:hover span{
	width:235px;
	height:auto;
	padding:5px;
	margin-left:40px;
	background:#def3ff;
	display:inline;
	position:absolute;
	border:1px solid #4ea9d8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#050058;
	line-height:13px;
	text-align:left;
}

/** BOTONES HOME **/
#btns-home{
	width:547px;
	height:151px;
	margin-top:2px;
	background-image:url(/img/icd_hp/bg-btns-home.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
	clear:none;
}

#btns-home .btn-registro{
	width:450px;
	height:41px;
	float:left;
	clear:both;
	background-image:url(/img/icdmaster/btn-registro.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	margin-top:28px;
	margin-left:11px;
}
#btns-home .btn-registro:hover{
	background-image:url(/img/icdmaster/btn-registro.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	cursor:pointer;
	border:none;
}

#btns-home .btn-guia{
	width:111px;
	height:66px;
	float:left;
	clear:none;
	background-image:url(/img/icdmaster/btns-home.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	margin-top:12px;
	margin-left:15px;
	margin-right:14px;
}
#btns-home .btn-guia:hover{
	background-image:url(/img/icdmaster/btns-home.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	cursor:pointer;
	border:none;
}
#btns-home .btn-demo{
	width:111px;
	height:66px;
	float:left;
	clear:none;
	background-image:url(/img/icdmaster/btns-home.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	margin-top:12px;
	margin-right:14px;
}
#btns-home .btn-demo:hover{
	background-image:url(/img/icdmaster/btns-home.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	cursor:pointer;
	border:none;
}
#btns-home .btn-como-ingresar{
	width:111px;
	height:66px;
	float:left;
	clear:none;
	background-image:url(/img/icdmaster/btns-home.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	margin-top:12px;
}
#btns-home .btn-como-ingresar:hover{
	background-image:url(/img/icdmaster/btns-home.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	cursor:pointer;
	border:none;
}
#top{
	width:900px;
	height:auto;
	margin:0px 0px 10px 0px;
	float:left;
	clear:none;
}
#top img{
	float:left;
	clear:none;
}
#comprar, #comprar-hp{
	width:265px;
	height:158px;
	padding:0;
	margin:0px;
	float:left;
	clear:none;
	background:url(/img/icdmaster/curso-exitoso.jpg) no-repeat top right;
}
#comprar-hp{
	width:326px;
	height:158px;
	background:url(/img/icd_hp/curso-exitoso-hp.jpg) no-repeat top right;
}
a.comprar, a.comprar-hp{
	width:177px;
	height:42px;
	padding:0;
	margin:115px 8px 0px 0px;
	float:right;
	clear:none;
	background:url(/img/icdmaster/btn-comprar.gif) no-repeat top center;
}
a.comprar:hover, a.comprar-hp:hover{
	background:url(/img/icdmaster/btn-comprar.gif) no-repeat bottom center;
}
a.comprar-hp{
	margin:115px 72px 0px 0px;
}
.botonera{
	width:71px;
	height:132px;
	padding:13px 0 0 13px;
	margin:-4px 33px 0px 0px;
	background:url(/img/icdmaster/bg-botonera.png) no-repeat top left;
	position:fixed;
	top:159px;
	left:0px;
}

a.btn-facebook, a.btn-power{
	width:40px;
	height:40px;
	float:left;
	clear:none;
	padding:0px;
	margin:9px 0px 0px 0px;
	background: url(/img/icdmaster/btns-face-power.png) no-repeat top left;
}
a.btn-power{
	background: url(/img/icdmaster/btns-face-power.png) no-repeat top right;
}
a.btn-facebook:hover{
	background: url(/img/icdmaster/btns-face-power.png) no-repeat bottom left;
}
a.btn-power:hover{
	background: url(/img/icdmaster/btns-face-power.png) no-repeat bottom right;
}


/** PIE **/
#bottom{
	width:782px;
	height:45px;;
	float:left;
	clear:none;
	padding-left:21px;
	padding-right:16px;
	padding-top:15px;
	padding-bottom:5px;
	text-align:right;
	background-image:url(/img/icdmaster/bg-main.png);
	background-repeat:repeat-y;
	background-position:bottom left;
}
.inf{
	width:819px;
	height:8px;
	float:left;
	clear:none;
	padding-bottom:20px;
	background-image:url(/img/icdmaster/bottom.png);
	background-repeat:no-repeat;
	background-position:top left;
}

.pie{
	width:761px;
	height:38px;;
	padding-top:10px;
	padding-left:8px;
	padding-right:10px;
	float:left;
	clear:none;
	background-image:url(/img/icdmaster/datos-de-contacto.jpg);
	background-repeat:no-repeat;
	background-position:center;
}
.pie .txt{
	float:right;
	clear:none;
	padding-top:8px;
	color:#FFFFFF;
	font-size:9px;
	text-align:right;

}

a.politicas{
	width:220px;
	height:20px;
	float:right;
	clear:both;
	color:#666;
	text-align:right;
	padding-top:13px;
	padding-right:30px;
	padding-bottom:10px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	cursor:pointer;
}
a.politicas:hover{
	text-decoration:underline;
}

a.contacto {
    clear: none;
    color: #FFFFFF;
    float: left;
    font-size: 10px;
    font-weight: bold;
    height: 31px;
    line-height: 24px;
    padding-right: 4px;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    width: 33px;
}
a.contacto:hover{
	text-decoration: underline;		
}