﻿/* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 22, 2011 */

@font-face {
    font-family: 'ITCFranklinGothiDemi';
    src: url('fonts/franklingothicltcom-dmcn-webfont.eot');
    src: url('fonts/franklingothicltcom-dmcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/franklingothicltcom-dmcn-webfont.woff') format('woff'),
         url('fonts/franklingothicltcom-dmcn-webfont.ttf') format('truetype'),
         url('fonts/franklingothicltcom-dmcn-webfont.svg#ITCFranklinGothicLTComDemiCn') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ITCFranklinGothic';
    src: url('fonts/franklingothicltcom-bkcn-webfont.eot');
    src: url('fonts/franklingothicltcom-bkcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/franklingothicltcom-bkcn-webfont.woff') format('woff'),
         url('fonts/franklingothicltcom-bkcn-webfont.ttf') format('truetype'),
         url('fonts/franklingothicltcom-bkcn-webfont.svg#ITCFranklinGothicLTComBkCn') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*h1 h2 Titulosh2 Titulosh4 color: rgba(0,103,177,1); y h5 color: rgba(255,255,255,1);*/

/* tipografia */
h1 {
	font-family: ITCFranklinGothiDemi,Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 44px;
	color: #0067B1;
	padding-top: 4px;
}

h2 {
	font-family: ITCFranklinGothiDemi, Arial, Helvetica, sans-serif;
	line-height: 25px;
	font-size: 20px;
	padding-top: 24px;
	color: #0067B1;
}

h3 {
	font-family: ITCFranklinGothiDemi, Arial, Helvetica, sans-serif;
	line-height: 25px;
	font-size: 18px;
	padding-top: 4px;
	color: #0067B1;
}

h4
{
	font-family: ITCFranklinGothiDemi, Arial, Helvetica, sans-serif;
	line-height: 25px;
	padding-top: 4px;
	font-size: 18px;
	color: #0067B1;
}

h5 {
    font-family: ITCFranklinGothiDemi, Arial, Helvetica, sans-serif;
	line-height: 25px;
	font-size: 18.5px;
	color: rgba(255,255,255,1);
}

h6 {
	font-family: ITCFranklinGothic, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 22px;
	color: #999999;
}

h6i {
	font-family: ITCFranklinGothic, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style:italic;
	line-height: 22px;
	color: #999999;
}

h7 {
	font-family: ITCFranklinGothic, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 22px;
	color: #999999;
}

h7i {
	font-family: ITCFranklinGothic, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style:italic;
	line-height: 22px;
	color: #999999;
}



p, blockquote {
    font-family: ITCFranklinGothic, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 25px;
	color: #333333;
}

strong{
	font: normal normal bold 100% serif;
	font-family: Arial, Helvetica, sans-serif;
	color: #3098D5;
}



dl {
	font-size: 16px;
	line-height: 24px;
    font-family: ITCFranklinGothic, Arial, Helvetica, sans-serif;
}

dt {
	font-family: ITCFranklinGothiDemi, Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeff;
	color: #0067B1;
	padding-left: 8px;
	background-color: #C4DCEE;
	margin-top: 25px;
}
dd {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dedede;

}

dd a {
	padding-left: 8px;
	display: block;
	color: #333333;
	text-decoration: none;
}

dd a:hover {
	background-color: #efefef;
}

dd a.IconGuide, li a.IconGuide {
	background-image: url('/images/Icons/IconGuide.png');
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 24px;
}

dd a.IconExcel, li a.IconExcel {
	background-image: url('/images/Icons/IconExcel.png');
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 24px;
}


dd a.IconPdf, li a.IconPdf {
	background-image: url('/images/Icons/IconPdf.png');
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 24px;
}

dd a.IconPpt, li a.IconPpt {
	background-image: url('../images/Icons/IconPpt.png');
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 24px;
}


dd a.IconLink, li a.IconLink, p a.IconLink{
	background-image: url('/images/Icons/IconLink.png');
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 24px;
}

dd a.IconLinkedin, li a.IconLinkedin, p a.IconLinkedin{
	background-image: url('/images/Icons/IconLinkedin.png');
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 24px;
	target : _blank;
}

dd a.IconYouTube, li a.IconYouTube, p a.IconYouTube{
	background-image: url('/images/Icons/IconYouTube.png');
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 24px;
}

dd a.IconLinkExt, li a.IconLinkExt, p a.IconLinkExt{
	background-image: url('/images/Icons/IconLinkExt.png');
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 24px;
}

dd a.IconMail, li a.IconMail, p a.IconMail{
	background-image: url('/images/Icons/IconMail.png');
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 24px;
}

dd a.IconZip , li a.IconZip {
	background-image: url('/images/Icons/IconZip.png');
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 24px;
}

dd a.IconDownload , li a.IconDownload {
	background-image: url('/images/Icons/IconDownload.png');
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 24px;
}


dd a.IconPrestoWeb, li a.IconPrestoWeb{
	background-image: url('/images/Icons/IconPrestoWeb.png');
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 24px;
}

dd a.IconPrestoObra, li a.IconPrestoObra {
	background-image: url('/images/Icons/IconPrestoObra.png');
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 24px;
}

dd a.IconComprar, li a.IconComprar {
	background-image: url('/images/Icons/IconComprar.png');
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 24px;
}

dd a.IconDownload , li a.IconDownload {
	background-image: url('/images/Icons/IconDownload.png');
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 24px;
}


ul{
	font-size: 16px;
	line-height: 25px;
	font-family: ITCFranklinGothic, Arial, Helvetica, sans-serif;
	color: #333333;
	padding-bottom: 12px;
	padding-top: 1px
}


li{
	list-style-image: url("/images/Icons/IconBullet.png");
	list-style-position: outside;
	text-align: -webkit-match-parent;
	padding-left: 1em;
	margin-left: 1em;
}

/* variaciones */
#descripcion h1 {
	font-size: 24px;
	line-height: 44px;
	color: #0067B1;
	padding-top: 4px;
}

#descripcion h5 a{
	color: #0067B1;

}

#descripcion  p {
	line-height: 25px;
	padding-left: 8px;
	text-indent: -8px;
	font-size: 16px;
}


#cabeza p{
	color: #FFFFFF;
	font-size: 14px;
	padding-left: 8px;
}

#idiomas p {
font-family: ITCFranklinGothic, Arial, Helvetica, sans-serif;

	font-size: 14px;
	text-align: right;
	color: #CCCCCC;
}

.piedepagina p {
	padding-top: 25px;
	color: #666666;
}

.piedepagina a, .piedepagina a:visited {
	color: #666666;
}

.piedepagina a:hover {
	color: #102984;
}


#cabeza a {
	color: #FFFFFF;
	font-family: ITCFranklinGothic, Arial, Helvetica, sans-serif;
}

p.fecha{
	color: #666666;
}


/* portada */


.Titulosh2 {
	font-family: ITCFranklinGothiDemi, Arial, Helvetica, sans-serif;
	line-height: 28px;
	padding-top: 14px;
	font-size: 20px;
	color: #0067B1;
}

.Titulosh4 {
	font-family: ITCFranklinGothiDemi, Arial, Helvetica, sans-serif;
	line-height: 28px;
	padding-top: 4px;
	font-size: 20px;
	color: #0067B1;
}

.Titulosh4Active {
	font-family: ITCFranklinGothiDemi, Arial, Helvetica, sans-serif;
	line-height: 28px;
	padding-top: 4px;
	font-size: 20px;
	color: #CCCCCC;;
}

.Titulosh3{
	font-family: ITCFranklinGothiDemi, Arial, Helvetica, sans-serif;
	line-height: 28px;
	padding-top: 4px;
	font-size: 14px;
    color: #102984;
}

.principal  h2 {
	font-family: ITCFranklinGothiDemi, Arial, Helvetica, sans-serif;
	line-height: 28px;
	padding-top: 4px;
	font-size: 20px;
}


.principal  h3 {
	font-family: ITCFranklinGothiDemi, Arial, Helvetica, sans-serif;
	line-height: 28px;
	padding-top: 4px;
	font-size: 14px;
}

.principal h5  {
	font-family: ITCFranklinGothic, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #333333;
}

.principal h6 {
	font-family: ITCFranklinGothic, Arial, Helvetica, sans-serif;
	font-size: 13px;
/*	font-style:italic;*/
	line-height: 16px;
	color: #999999;
}

.P_accordionButton {
	float: left;
	_float: none;
	border-bottom: 1px solid #dedede;
/*	cursor: pointer;*/
	width: 452px;
	padding-right: 4px;
	padding-left: 4px;
  height: 49px;
}

.H6_PaddingLeft {
	padding-left: 4px;
}


.P_accordionButton2Lines {
	float: left;
	_float: none;
	border-bottom: 1px solid #dedede;
	cursor: pointer;
	width: 452px;
	padding-right: 4px;
	padding-left: 4px;
  height: 65px;
	}


/*#menuAprender h2, #menuSoft h2{
font-family: ITCFranklinGothic, Arial, Helvetica, sans-serif;
line-height: 28px;
color: #3366CC;
}*/

#idBloqueTexto p
{
	line-height: 25px;
	padding-left: 0px;
	font-size: 16px;
	text-indent: 0px;
}

#idBloqueTexto ul.cBull
{
	line-height: 25px;
  padding-left: 0px;
	font-size: 16px;
	text-indent: 0px;
}


hr.separa{
  border: none;
  border-top: solid 1px #ccc;
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
