@charset "ISO-8859-1";
/* CSS Document */
/*              Estilos web para Customer Value                 */

/**************** GENERAL  ******************/

* { margin:0; padding:0; border:0;}
li {list-style-type:none;}
img {
}


a:link {color: #777777; text-decoration: none; }
a:active {color: #777777; text-decoration: none; }
a:visited {color: #777777; text-decoration: none; }
a:hover {color: #2aa3e1; text-decoration: none; }

/**************** BLOQUES  ******************/
html, body {
margin: 0px;
font-family: MyriadProRegular,Arial,sans-serif;
color: #777777;
background-color: transparent;
background-repeat: repeat-x;
font-size: 14px;
line-height: 19px;
}
#cabecera {
background-repeat: repeat-x;
background-position: left top;
display: block;
height: 110px;
background-color: transparent;
margin-top: 10px;
}
#cabecera_texto {
display: block;
margin-right: auto;
margin-left: auto;
background-color: transparent;
width: 964px;
}
#wrapper {
margin-right: auto;
margin-left: auto;
background-color: transparent;
width: 964px;
padding-right: 0px;
padding-left: 0px;
background-repeat: repeat-x;
}
#logo {
display: block;
float: left;
margin-top: 10px;
}
#content {
float: left;
text-align: left;
background-repeat: no-repeat;
background-position: left top;
width: 964px;
background-color: transparent;
}

/**************** columnas  ******************/
#submen{
display: block;
width: 215px;
height: 150px;
float: left;
}

#col_01 {
display: block;
background-repeat: no-repeat;
background-position: left top;
width: 215px;
float: left;
}
#col_02 {
display: block;
background-repeat: no-repeat;
background-position: left top;
float: left;
width: 215px;
margin-left: 35px;
}
#col_03 {
display: block;
background-repeat: no-repeat;
background-position: left top;
float: left;
width: 215px;
margin-left: 35px;
}
#col_04 {
display: block;
background-repeat: no-repeat;
background-position: left top;
width: 215px;
float: right;
}

#col_2col_01 {
display: block;
background-repeat: no-repeat;
background-position: left top;
width: 339px;
height: 380px;
float: left;
margin-left: 35px;
}

#ban_01 {
display: block;
background-repeat: no-repeat;
background-position: left top;
width: 210px;
float: left;
}
#ban_02 {
display: block;
background-repeat: no-repeat;
background-position: left top;
float: left;
width: 210px;
margin-left: 45px;
}
#ban_03 {
display: block;
background-repeat: no-repeat;
background-position: left top;
float: left;
width: 210px;
margin-left: 45px;
}
#ban_04 {
display: block;
background-repeat: no-repeat;
background-position: left top;
width: 210px;
float: right;
}
#bottom {
	float: left;
	font-size: 11px;
	margin-right: auto;
	background-color: transparent;
	margin-left: auto;
	width: 964px;
}
/**************** ESPACIOS  ******************/
.pt_18 {
margin-top: 18px;
}
.pt_36 {
margin-top: 36px;
}
.pb_18 {
margin-bottom: 18px;
}
#p_60 {
height: 60px;
}

/**************** texto  ******************/
h1 {
font-family: MyriadProLight,Arial,sans-serif;
font-size: 30px;
font-weight: normal;
}
h2 {
font-weight: normal;
font-size: 18px;
}
h3 {
letter-spacing: -0.5px;
font-family: MyriadProLightRegular,Arial,sans-serif;
font-weight: normal;
font-style: normal;
font-size: 30px;
margin-bottom: 16px;
}
h4 {
font-family: MyriadProLightRegular,Arial,sans-serif;
font-size: 18px;
font-weight: normal;
margin-bottom: 8px;
margin-top: 12px;
}
h5 {
font-family: MyriadProLightRegular,Arial,sans-serif;
font-size: 22px;
font-weight: normal;
margin-bottom: 12px;
}
h6 {
	font-family: MyriadProLightRegular, Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 12px;
	margin-top: 22px;
}
h7 {
font-family: MyriadProLightRegular,Arial,sans-serif;
font-size: 18px;
font-weight: normal;
margin-bottom: 12px;
}
p {
margin-top: 8px;
}

.lit {
font-size: 12px;
}

.light {
font-family: MyriadProLightRegular,Arial,sans-serif;
}
strong {
font-family: MyriadProBold,Arial,sans-serif;
}
.bold {
font-family: MyriadProBlackBold,Arial,sans-serif;
}
.referencia {
line-height: 15px;
font-size: 12px;
margin-top: 5px;
margin-left: 10px;
}
.sub_h {
display: block;
font-weight: normal;
color: #333333;
font-size: 14px;
}
.submenu a {
border-color: #c0c0c0;
border-width: 1px;
font-size: 11px;
display: block;
}
.submenu a:hover {
border-color: #ff6900;
border-width: 1px;
display: block;
color: #ff6900;
font-size: 12px;
}
.submenu {
}
.reftexto {
font-size: 14px;
}
.link {
font-size: 11px;
margin-left: 10px;
}
.menu {
line-height: 15px;
font-size: 13px;
}
#menu {
display: block;
float: right;
margin-top: 15px;
}
ul {
 list-style-image: url(../img/sq.png);
 
}
ol {
 list-style-image: url(../img/sq.png);
}
li {
 line-height: 20px;
 margin-left:22px;
}

@font-face {
    font-family: 'MyriadProLightRegular';
    src: url('myriadpro-light-webfont.eot');
    src: url('myriadpro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('myriadpro-light-webfont.woff') format('woff'),
         url('myriadpro-light-webfont.ttf') format('truetype'),
         url('myriadpro-light-webfont.svg#MyriadProLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MyriadProRegular';
    src: url('myriadpro-regular_0-webfont.eot');
    src: url('myriadpro-regular_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('myriadpro-regular_0-webfont.woff') format('woff'),
         url('myriadpro-regular_0-webfont.ttf') format('truetype'),
         url('myriadpro-regular_0-webfont.svg#MyriadProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MyriadProBold';
    src: url('myriadpro-bold-webfont.eot');
    src: url('myriadpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('myriadpro-bold-webfont.woff') format('woff'),
         url('myriadpro-bold-webfont.ttf') format('truetype'),
         url('myriadpro-bold-webfont.svg#MyriadProBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MyriadProBlackBold';
    src: url('myriadpro-black-webfont.eot');
    src: url('myriadpro-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('myriadpro-black-webfont.woff') format('woff'),
         url('myriadpro-black-webfont.ttf') format('truetype'),
         url('myriadpro-black-webfont.svg#MyriadProBlackBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
