/* 	Resets defualt browser settings
	reset.css  */


@font-face {
    font-family: 'apexnewbook';
    src: url('/materiales/_recursos/fonts/apexnewbook.eot');
    src: url('/materiales/_recursos/fonts/apexnewbook.eot?#iefix') format('embedded-opentype'),
    url('/materiales/_recursos/fonts/apexnewbook.woff') format('woff'),
    url('/materiales/_recursos/fonts/apexnewbook.ttf') format('truetype'),
    url('/materiales/_recursos/fonts/apexnewbook.svg#apexnewbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'apexnewmedium';
    src: url('/materiales/_recursos/fonts/apexnewmedium.eot');
    src: url('/materiales/_recursos/fonts/apexnewmedium.eot?#iefix') format('embedded-opentype'),
    url('/materiales/_recursos/fonts/apexnewmedium.woff') format('woff'),
    url('/materiales/_recursos/fonts/apexnewmedium.ttf') format('truetype'),
    url('/materiales/_recursos/fonts/apexnewmedium.svg#apexnewbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'apexnewbold';
    src: url('/materiales/_recursos/fonts/apexnewbold.eot');
    src: url('/materiales/_recursos/fonts/apexnewbold.eot?#iefix') format('embedded-opentype'),
    url('/materiales/_recursos/fonts/apexnewbold.woff') format('woff'),
    url('/materiales/_recursos/fonts/apexnewbold.ttf') format('truetype'),
    url('/materiales/_recursos/fonts/apexnewbold.svg#apexnewbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ITCCenturyStdBookBold';
    src: url('/materiales/_recursos/fonts/centurystd-bold-webfont.eot');
    src: url('/materiales/_recursos/fonts/centurystd-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('/materiales/_recursos/fonts/centurystd-bold-webfont.woff') format('woff'),
    url('/materiales/_recursos/fonts/centurystd-bold-webfont.ttf') format('truetype'),
    url('/materiales/_recursos/fonts/centurystd-bold-webfont.svg#ITCCenturyStdBookBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ITCCenturyStdBookBoldItalic';
    src: url('/materiales/_recursos/fonts/centurystd-bolditalic-webfont.eot');
    src: url('/materiales/_recursos/fonts/centurystd-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('/materiales/_recursos/fonts/centurystd-bolditalic-webfont.woff') format('woff'),
    url('/materiales/_recursos/fonts/centurystd-bolditalic-webfont.ttf') format('truetype'),
    url('/materiales/_recursos/fonts/centurystd-bolditalic-webfont.svg#ITCCenturyStdBookBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ITCCenturyStdBookItalic';
    src: url('/materiales/_recursos/fonts/centurystd-bookitalic-webfont.eot');
    src: url('/materiales/_recursos/fonts/centurystd-bookitalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('/materiales/_recursos/fonts/centurystd-bookitalic-webfont.woff') format('woff'),
    url('/materiales/_recursos/fonts/centurystd-bookitalic-webfont.ttf') format('truetype'),
    url('/materiales/_recursos/fonts/centurystd-bookitalic-webfont.svg#ITCCenturyStdBookItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; }
a:active { outline:none; }
body { line-height:1; color:black; background:white; }
ol,ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:"" ""; }

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

body {
    background: url(/img/bg.png) repeat center top #165d7c;
    background-attachment:fixed;
    margin: 0px;
    font:normal 62.5%/1.5 Helvetica, Arial, sans-serif;
    letter-spacing:0;
    color:#fff;
    -webkit-font-smoothing: subpixel-antialiased;
}
#master{
    width:990px;
    height:auto;
    margin:auto;
}
#top{
    width:990px;
    height:auto;
    float:left;
    clear:right;
}
.logo, .logo-dt{
    width: auto;
    height:auto;
    padding:0;
    margin:-10px 0px 30px 40px;
    float:left;
    clear:none;
}
.logo.dt{
    margin: -10px 0px 19px 40px;
}

.logo-dt{
    margin: 18px 10px 0px 0px;
    float: right;
    width: auto;
}
.logo-dt img{
    width: 116px;
}
.logo-dt.solo img{
    width: auto;
}
.logo.b{
    margin: -10px 30px 30px 20px;
}
.logo.b img{
    width: 340px;
}

/*.logo-dt img{
    width:auto;
    height:auto;
    padding:0;
    margin:6px 30px 0 0;
    float:right;
    clear:none;
}*/


/** BACK
.logo{
    width:407px;
    height:auto;
    padding:0;
    margin:-25px 28px 20px 30px;
    float:left;
    clear:none;
}

#login{
    width: 307px;
    height:auto;
    background-color:#d1e1e8;
    margin: 30px 0px 8px;
    padding: 15px 7px 10px;
    display: table;
    border:1px rgba(209,225,232,.8);
    border-radius:10px;
    behavior:url(border-radius.htc);/* para Explorers *//*

    font-family: 'apexnewbold';
    text-align: center;
    font-size:17px;
    line-height:17px;
    letter-spacing:0px;
    color:#637543;
    text-transform:uppercase;
}

#btns-home{
    width:370px;
    height:60px;
    float:left;
    clear:none;
    margin:3px 0 0 21px;
}
#btns-home .btn-registro{
    width:204px;
    height:59px;
    float:left;
    clear:none;
    margin-right:11px;
    background:url(/img/registro-ingreso.png) no-repeat top left transparent;
}
#btns-home .btn-registro:hover{
    margin-top:1px;
    background:url(/img/registro-ingreso.png) no-repeat bottom left transparent;
    cursor:pointer;
    border:none;
}
#btns-home .btn-como-ingresar{
    width:154px;
    height:59px;
    float:left;
    clear:none;
    background:url(/img/registro-ingreso.png) no-repeat top right transparent;
}
#btns-home .btn-como-ingresar:hover{
    margin-top:1px;
    background:url(/img/registro-ingreso.png) no-repeat bottom right transparent;
    cursor:pointer;
    border:none;
}

**/

/** LOGIN TOP **/
#login, #login-dt{
    width: auto;
    height:auto;
    background-color:#d1e1e8;
    margin: 8px 35px 8px 0px;
    padding: 11px 7px 4px;
    float:right;
    display: table;
    border:1px rgba(209,225,232,.8);
    border-radius:10px;
    behavior:url(border-radius.htc);/* para Explorers */
    font-family: 'apexnewbold';
    text-align: center;
    font-size:17px;
    line-height:17px;
    letter-spacing:0px;
    color:#637543;
    text-transform:uppercase;
}
#login-dt{
	width: 375px;
	margin: -8px 25px 8px;
	padding: 15px 2px 3px 8px;
	float: left;
}
#login-dt.solo{
    width: 335px;
	margin: 50px 0px 8px 30px;
    padding: 15px 0px 3px;
}
.subtxt{
    font-family: 'apexnewmedium';
    font-size:17px;
    line-height:17px;
    color:#000000;
    text-transform:uppercase;
}
.txt-campos{
    width:185px;
    height:15px;
    float:left;
    clear:none;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
    color:#155B7A;
    letter-spacing:0px;
    line-height:11px;
    padding:2px 0 0px 0px;
    text-align:left;
    text-transform:none;
    text-decoration:none;
}
.txt-campos.dt{
	width: auto;
	padding: 10px 0 0px 0px;
	font-size: 11px;
}
#login.dt input{
}
#login .campos{
    width:370px;
    height:auto;
    float:left;
    clear:none;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#999;
    line-height:12px;
    padding-top:4px;
}
#login .campos.dt{
	width:auto;
}
#login input, input#campo-password.dt{
    width:170px;
    height:20px;
    float:left;
    clear:none;
    border:1px solid #706187;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size:11px;
    color:#5b8da3;
    text-align:left;
    vertical-align:middle;
    margin-right:10px;
    padding-left:3px;
    margin-bottom:6px;
    /*padding-top:10px;*/
    letter-spacing:0px;
}
input#campo-password.dt{
	margin: 1px 0px 0px;
	height: 27px;
	width: 167px;
}

#login input:focus {
    border: 1px solid #b3b0a2;
}
#login .btn-ingreso, #login-dt .btn-ingreso{
    width:95px;
    height:33px;
    background:url(/img/btn-ingresar.png) no-repeat top left;
    border:0px;
    margin:14px auto 1px;
	display: table;
}

#login-dt .btn-ingreso{margin: 5px auto 1px;}
#login .btn-ingreso:hover, #login-dt .btn-ingreso:hover{
    margin:15px auto 0px;
    background:url(/img/btn-ingresar.png) no-repeat bottom left;
    cursor:pointer;
}
#login-dt .btn-ingreso:hover{margin:6px auto 0px;}

#login-dt .btn-ingreso.dt{margin:5px auto 1px;}
#login-dt .btn-ingreso.dt:hover{margin:5px auto 1px;}

#login .txt{
    width:auto;
    height:auto;
    float:left;
    clear:both;
    margin:0px;
    padding:0px;
    text-align:center;
    font-size:10px;
    line-height:10px;
    color:#002954;
    text-decoration:none;
    text-transform:none;
    letter-spacing:0;
}
#login a.txt{
    float:none;
    clear:none;
    text-decoration:underline;
}
#login a.txt:hover{
    text-decoration:none;
}


/** BOTONES HOME **/
#btns-home{
    width:480px;
    height:60px;
	float:right;
    clear:none;
    margin:0px 33px 10px 0px;
}
#btns-home.dt{
 	float:left;
	margin: 0px 0px 0px -20px;
}
@-moz-document url-prefix() {
	#btns-home{width:485px;margin:0px 30px 0 0px;}
}
#btns-home .btn-registro, .btn-registro{
    width:204px;
    height:59px;
    float:left;
    clear:none;
    margin-right:5px;
    background:url(/img/registro-ingreso.png) no-repeat top left transparent;
}
#btns-home .btn-registro:hover, .btn-registro:hover{
    margin-top:1px;
    background:url(/img/registro-ingreso.png) no-repeat bottom left transparent;
    cursor:pointer;
    border:none;
}
#btns-home .btn-como-ingresar, .btn-como-ingresar {
    width:154px;
    height:59px;
    float:left;
    clear:none;
    margin-right:5px;
    background:url(/img/registro-ingreso.png) no-repeat top right transparent;
}
#btns-home .btn-como-ingresar:hover, .btn-como-ingresar:hover{
    margin-top:1px;
    background:url(/img/registro-ingreso.png) no-repeat bottom right transparent;
    cursor:pointer;
    border:none;
}

.btn-videotour{
	width: auto;
	height: auto;
	margin: 0px 0px 0px 2px;
	padding: 17px 9px;
	float:left;
	clear:none;
	border-radius:10px;
	color:#fff;
	font-size: 17px;
	text-decoration:none;
	letter-spacing: 2px;
    font-family: 'apexnewbold', Arial, Helvetica, sans-serif;
	border: 0px;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
	-moz-text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0px 1px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0px 1px 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: inset 0px 1px 10px rgba(0, 0, 0, 0.5);

	background: rgba(177,143,219,1);
	background: -moz-linear-gradient(top, rgba(177,143,219,1) 0%, rgba(110,92,131,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(177,143,219,1)), color-stop(100%, rgba(110,92,131,1)));
	background: -webkit-linear-gradient(top, rgba(177,143,219,1) 0%, rgba(110,92,131,1) 100%);
	background: -o-linear-gradient(top, rgba(177,143,219,1) 0%, rgba(110,92,131,1) 100%);
	background: -ms-linear-gradient(top, rgba(177,143,219,1) 0%, rgba(110,92,131,1) 100%);
	background: linear-gradient(to bottom, rgba(177,143,219,1) 0%, rgba(110,92,131,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b18fdb', endColorstr='#6e5c83', GradientType=0 );
}
.btn-videotour:hover{
	color: rgba(255,255,255,0.7);
	background: #664e82;
	text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	-moz-text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	-webkit-text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	margin: 1px 0px 0px 2px;
}


#cont-home{
    width:auto;
    height:auto;
    float:left;
    clear:none;
    margin:0 9px 0 9px;
    padding:0px;
    background-color:#fff;
    box-shadow: 0px 0px 9px rgba(0,0,0,.3);
}


/*  Slideshow  *******************************************************************************************/
#container_slideshow {
    width:990px;
    margin:0 auto;
    position:relative;
    z-index:0;
    float:left;
    clear:none;
}
#container_slideshow img, .topo{
    float:left;
    clear:none;
}
#slideshow {
    width:655px;
    height:305px;
    position:relative;
    padding:0px;
    margin:0px;
}
#slides {
    position:absolute;
    top:0;
    left:335px;
    z-index:100;
}
.slides_container {
    width:655px;
    height:305px;
    overflow:hidden;
    position:relative;
    display:none;
    float:left;
    clear:none;
    background-color:#CCC;
}
.slides_container div.slide {
    width:655px;
    height:305px;
    margin-bottom:10px;
    display:block;
}



/*	Pagination  */
.pagination {
    width:16px;
    margin:26px auto 0;
    position:absolute;
    top:-12px;
    right:20px;
    z-index:500;
}

.pagination li {
    float:left;
    margin:0 1px;
    list-style:none;
}

.pagination li a {
    display:block;
    width:20px;
    height:0;
    padding-top:20px;
    margin-bottom:4px;
    background-image:url(/img/pagination.png);
    background-position:0 0;
    background-repeat:no-repeat;
    float:left;
    overflow:hidden;
}

.pagination li.current a {
    background-position:-22px 0;
}

/*  Caption  */
.caption {
    z-index:500;
    width:auto;
    height:23px;
    background:#b88c11;
    /*background:rgba(0,30,60,.9);*/
    margin:15px 0px 34px 0px;
    padding:13px 8px 6px 17px;
    position:absolute;
    /*	bottom:-65px;*/
    left:0;
    font-family: 'ITCCenturyStdBookBold';
    font-size:21px;
    font-weight:normal;
    line-height:14px;
    color:#fff;
    text-shadow:none;
    text-transform:uppercase;
}
.caption .bold{
    font-family:'apexnewbold';
}


/* Low */
.ficha{
    width:976px;
    height:267px;
    float:left;
    clear:none;
    padding:0px 7px
}
.ficha .tit{
    width:975px;
    height:48px;
    float:left;
    clear:none;
    font-family:'ITCCenturyStdBookItalic';
    font-size:31px;
    line-height:43px;
    text-align:center;
    color:#165d7c;
    letter-spacing:1px;
}
.cuadrado{
    width:297px;
    height:190px;
    float:left;
    clear:none;
    margin:0px 0px 0 6px;
    padding:7px;
    font-family:'ITCCenturyStdBookBoldItalic';
    font-size:24px;
    line-height:25px;
    color:#165d7c;
}
.cuadrado.violeta{
    background-color:#7a6c91;
    margin:0px 0px 0 12px;
}
.cuadrado.camel{
    background-color:#d0a85a;
}
.cuadrado.verde{
    background-color:#8a956e;
}
.cuadrado-interior{
    width:275px;
    height:179px;
    float:left;
    clear:none;
    padding:6px 11px 0px 9px;
    background-color:#cdc6d8;
    border:1px solid #cdc6d8;
    border-radius:15px;
    behavior:url(border-radius.htc); /* para Explorers */
}
.cuadrado.camel .cuadrado-interior{
    background-color:#ecdcbb;
    border:1px solid #ecdcbb;
}
.cuadrado.verde .cuadrado-interior{
    background-color:#cfd3c1;
    border:1px solid #cfd3c1;
}


.tit-negro{
    font-family:'ITCCenturyStdBookItalic';
    font-size:24px;
    line-height:21px;
    text-shadow:none;
    color:#000000;
}

.desc{
    width:100%;
    height:auto;
    padding:10px 0 0 0;
    font-size:12px;
    line-height:18px;
    text-shadow:none;
    font-family:Arial, Helvetica, sans-serif;
    color:#000;
}
.img-libro{
    position:relative;
    top:-107px;
    left:141px;
}
.img-videoclases{
    position:relative;
    top:-95px;
    left:138px;
}
.img-audios{
    position:relative;
    top:-93px;
    left:138px;
}


.txt-verde{
    width:883px;
    height:auto;
    background-color:#637543;
    float:left;
    clear:none;
    padding:15px 53px 22px 54px;
    margin:3px 0px 7px 0px;
    text-align:left;
    font-family:'ITCCenturyStdBookBoldItalic';
    color:#ced6b8;
    font-size:27px;
    line-height:31px;
}
.txt-linea2{
    font-family:'ITCCenturyStdBookItalic';
    font-size:25px;
    line-height:23px;
    color:#fff;
}

/*  Footer  */
#pie{
    width:990px;
    height:auto;
    background-color:#6e5c83;
    float:left;
    clear:none;
    font-family:Arial, Helvetica, sans-serif;
    text-align:right;
}
#pie .txt, .txt-politica{
    color:#fff;
    text-decoration:none;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size:11px;
    text-align:right;
    margin:10px 22px 13px 0;
}
.txt-politica{
    width:auto;
    color:#fff;
    float:right;
}
a.txt-politica:hover{
    text-decoration:underline;
}
a.contacto{
    font-family:Arial, Helvetica, sans-serif;
    color:#fff;
    text-decoration:none;
}
a.contacto:hover{
    text-decoration:underline;
    color:#cdc6d8;
}