/* ------------RESET CSS------------- */
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, font, ins, kbd, q, s, samp,
strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td /*em, strong*/{
margin: 0;
padding: 0;
border: 0;
list-style:none;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: Arial, Helvetica, sans-serif;*/
}
body { color: #000000; text-align: center; font-size: 62.5%; background-image: url(_imagenes/bg_body0.jpg); background-repeat: repeat-x; }
p { color: #4e5156; font-size: 12px; }
h1 { font-size: 24px; font-weight: bold; color: #FFFFFF; }
h2 { font-size: 16px; font-weight: bold; }
h3 { font-size: 14px; font-weight: bold; color: #4E5156;}
h4 { font-size: 12px; font-weight: bold; color: #525965;}
h5 { font-size: 13px; font-weight: bold; color: #FFF;}
.head_titulo{
text-align:left;
padding:7px;
}
a{ color: #0E74DC; text-decoration: none; }
a:hover{ color: #0E74DC; /*#677e9b;*/ text-decoration: underline; }
img { border: none;
}
#outerWrapper { width: 978px; height: 100%; margin: 0 auto; }
/* --------------HEADER-------------- */
#header { width: 978px; height: 111px; float: left; text-align: left; position: relative; z-index: 102; padding: 0px; background:url(_imagenes/bg_header.jpg); background-repeat:no-repeat; background-position:bottom;}
#header img { margin: 0; padding: 0; border: 0;}
#headerTop { height: 25px; padding: 18px 0px 0px 0px;}
#headerTop #logo { width: 300px; float: left; padding: 0px 0 0 10px; }
#headerTop #locname { width: 156px; float: left; padding: 5px 44px 0px 0px; text-align: right; }
#headerTop #locname h3 { color: #ffffff; }
#compartir {position:absolute;width:80px;height:24px;overflow:hidden;left:880px;top:90px;}
#megusta {position:absolute;width:80px;height:24px;overflow:hidden;left:800px;top:88px;}
#submenu {position:absolute;width:450px; height:auto; overflow:hidden;left:326px;top:88px; font-size:11px; color: #666; padding-top:0px;}
/*--- Breadcrumbs ---*/
.breadcrumbs{float:left;list-style:none;line-height:22px;font-size:11px;}
.breadcrumbs li{float:left;background:url("_imagenes/store-he.png") no-repeat -90px -56px;padding:0 2px 0 10px;}
.store-header.transactional .breadcrumbs li{background-position:-113px -84px;}
.breadcrumbs li:first-child{background:url("_imagenes/store-he.png") no-repeat -52px -56px;padding-left:0px;padding-right:7px;}
.store-header.transactional .breadcrumbs li:first-child{background:none;padding-right:0;}
.breadcrumbs li:first-child+li{background-position:-9999px -9999px;padding-left:0;}
.store-header.transactional .breadcrumbs li:first-child+li{background-position:-113px -84px;padding-left:7px;}
.breadcrumbs li span,.breadcrumbs li a{display:block;padding:0 6px;color:#666;}
.store-header.transactional .breadcrumbs li span,.store-header.transactional .breadcrumbs li a{padding:0 7px;}
.breadcrumbs li a:hover{color:#0E74DC;}
/* --------------INDEX-------------- */
#contentWrapper { width: 944px; height: 100%; padding:0 17px 0 17px; float: left; position: relative; z-index: 100; background-image: url(_imagenes/bg_right.gif); background-repeat:repeat-x;}
#mainContentArea { width: 643px; float: left; margin: 21px 0px 0px 18px; padding: 0;}
#mainAnchor { width: 643px; margin: 0px auto 0 auto;}
#leftColumn { width: 261px; /* min-height: 523px;*/ height: auto !important; /*height: 523px;*/ float: left; margin: 0; padding: 0;}
#content_full_smallHeader { width: 643px; height:auto; float: left; margin: 0 0 0 0px; text-align: left; padding-left:18px; padding-top:11px; }
#leftBar { width: 283px; min-height: 523px; height: auto !important; height: 523px; float: left; margin: 21px 0px 0px 0px; padding: 0;}
/* --------------PRODUCTOS-------------- */
#contentWrapper2 { width: 944px; height: 100%; padding:0 17px 0 17px; float: left; position: relative; z-index: 100; background-image: url(_imagenes/bg_small.gif); background-repeat:repeat-x;}
#mainContentArea2 { width: 944px; float: left; margin: 21px 0 0 0; padding: 0; height:auto;}
#mainAnchor2 { width: 944px; margin: 0 0 0 0;}
#rightColumn { width: 345px; height:510px; margin: 0; padding: 0; float:left; background:url(../Video_Profesional/_imagenes/br_rigth.jpg); background-repeat:no-repeat;}
/* --------------COTIZACION-------------- */
#contentWrapper3 { width: 944px; height: 100%; padding:0 17px 0 17px; float: left; position: relative; z-index: 100; background-image: url(_imagenes/bg_30000.gif); background-repeat:repeat-x;}
#mainContentArea3 { width: 643px; float: left; margin: 21px 0px 0px 18px; padding: 0;}
#mainAnchor3 { width: 621px; margin: 11px auto 0 auto;}
#leftColumn { width: 261px; /* min-height: 523px;*/ height: auto !important; /*height: 523px;*/ float: left; margin: 0; padding: 0;}
#content_full_smallHeader { width: 643px; height:auto; float: left; margin: 0 0 0 0px; text-align: left; padding-left:18px; padding-top:11px; }
#leftBar { width: 283px; min-height: 523px; height: auto !important; height: 523px; float: left; margin: 21px 0px 0px 0px; padding: 0;}
/* --------------FONDO GRADIENT PAGE-------------- */
#stripe { width: 100%; height: 366px; top: 111px; left: 0px; position: absolute; }
#stripe.stripeColor { background-image: url(_imagenes/bg_strip.jpg); background-repeat: repeat-x; z-index:-1;}
#bg_titulo{ background:url(_imagenes/bg_titulo.jpg); background-repeat:no-repeat; height:30px; }
#leftNav { width: 261px; margin: 11px auto 0 auto; padding: 0;}
#bg_titulo2{ background:url(_imagenes/bg_titulo2.jpg); background-repeat:no-repeat; height:30px; }
#center{ padding:20 0 0 0;}
#topnav a { color: #fff; background:transparent; text-decoration:none; }
#topnav a:hover{ text-decoration:underline; background-color: transparent;}
/* --------------FECHA-------------- */
#topNavi {width:400px;float:right;text-align:right;font-size:11px;color:#666;margin-right:10px;margin-top:15px;}
#topNavi .anrede {font-weight:bold; color:#666;}
#topNavi a {color:#666; background:transparent left bottom repeat-x;}
#topNavi a:hover {background-image:none;}
#topNavi a.bluelink {color:#047cbb;font-weight:bold;}
#topNavi li {display:inline;}
/* --------------MENU-------------- */
#MainNavTop {position:absolute;width:635px;height:24px;overflow:hidden;left:325px;top:58px;
}
#MainNavTop ul {margin:0;padding:0;list-style:none;}
#MainNavTop li {float:left;text-indent:-1000px;margin:0;padding:0;list-style:none;}
#MainNavTop li a {color:#eee;}
a#n1 {display:block;width:120px;height:24px;background:#eee url(_imagenes/bg_menu.jpg) no-repeat;}
a#n2 {display:block;width:145px;height:24px;background:#eee url(_imagenes/bg_menu.jpg) no-repeat;}
a#n3 {display:block;width:125px;height:24px;background:#eee url(_imagenes/bg_menu.jpg) no-repeat;}
a#n4 {display:block;width:125px;height:24px;background:#eee url(_imagenes/bg_menu.jpg) no-repeat;}
a#n5 {display:block;width:120px;height:24px;background:#eee url(_imagenes/bg_menu.jpg) no-repeat;}
a#a1 {display:block;width:120px;height:24px;background:#eee url(_imagenes/bg_menu.jpg) no-repeat;}
a#a2 {display:block;width:145px;height:24px;background:#eee url(_imagenes/bg_menu.jpg) no-repeat;}
a#a3 {display:block;width:125px;height:24px;background:#eee url(_imagenes/bg_menu.jpg) no-repeat;}
a#a4 {display:block;width:125px;height:24px;background:#eee url(_imagenes/bg_menu.jpg) no-repeat;}
a#a5 {display:block;width:120px;height:24px;background:#eee url(_imagenes/bg_menu.jpg) no-repeat;}
a#n1 {background-position:0px 0px;}
a#n2 {background-position:-120px 0px;}
a#n3 {background-position:-265px 0px;}
a#n4 {background-position:-390px 0px;}
a#n5 {background-position:-515px 0px;}
a#n6 {background-position:-635px 0px;}
a#a1 {background-position:0px -24px;}
a#a2 {background-position:-120px -24px;}
a#a3 {background-position:-265px -24px;}
a#a4 {background-position:-390px -24px;}
a#a5 {background-position:-515px -24px;}
a#a6 {background-position:-635px -24px;}
a#n1:hover {background-position:0px -48px;}
a#n2:hover {background-position:-120px -48px;}
a#n3:hover {background-position:-265px -48px;}
a#n4:hover {background-position:-390px -48px;}
a#n5:hover {background-position:-515px -48px;}
a#n6:hover {background-position:-635px -48px;}
/* =========================================================================================================================== */
/* FOOTER */
/* =========================================================================================================================== */
#footer { width: 944px; margin: 40px auto 0px}
#footer #familyBar { width: 944px; text-align: center; padding: 0; margin: 0; /*height: 52px; because of single space */}
#footer #familyBar .logoSeparator { margin: 0; width: 1px; padding: 0; }
#footer #familyBar img { /*margin: 0 0 12px 0;*/ padding: 0 25px; vertical-align:middle;}
#footer #sloganBar { width: 944px;/*791px;*/ height: 42px; margin: 11px 0; background: url(_imagenes/bg_foote.jpg) no-repeat; padding: 0 0 0 0 ;/*153px;*/ }
#footer #sloganBar #legalTxt { padding: 0 10px 0 10px; /*width: 720px; float: left; text-align: center; margin:7px 10px 0 10px; padding:0; display:inline-block;*/}
#footer #sloganBar #legalTxt p { font-size: 11px; font-weight: normal; color: #FFF; }
#footer #sloganBar #globalHomeLeft { margin: 0pt 0pt 0pt 10px; font-size: 0;/*width: 92px; height:17px; float: left; margin: 13px 0 0 10px; padding:0; */}
#footer #sloganBar #globalHome { margin: 0pt 10pt 0pt 0px; font-size: 0;/*width: 92px; height:17px; float: right; margin: 13px 10px 0 0; padding:0; */}
#footer #footerLinks { /*width: 845px;*/ height: auto; margin: auto; text-align: left; }
#footer #footerLinks .borderBothSides { border-left: #e3e5e6 solid 1px; border-right: #e3e5e6 solid 1px;}
#footer #footerLinks .borderRightSide { border-right: #e3e5e6 solid 1px;}
#footer #footerLinks h4 { margin: 0px 0px 10px 0px; }
#footer #footerLinks ul { list-style: none; float: left; padding: 10px 0px 10px 10px; overflow-x:hidden}
#footer #footerLinks ul li { font-size: 11px; color: #778090; padding: 1px; }
#footer #footerLinks ul a { text-decoration: none; color: #0E74DC;/*#778090;*/}
#footer #footerLinks ul a:hover { text-decoration: underline; }
#footer #footerLinks #doubleColumnTitleCountry { position: absolute; width: 230px; margin: 2px 0 0; text-align: center; font-size: 12px; font-weight: bold; color: #525965; }
#footer #footerLinks #doubleColumnTitleRegional { position: absolute; width: 280px; margin: 10px 0 0; text-align: center; font-size: 12px; font-weight: bold; color: #525965; }
.canresize{ font-size: 1.2em;}
.canresize a{
color: #FFF; /*#677E9B;*/
text-decoration:none;
}
.canresize a:hover{
color: #FFF;
text-decoration:underline;
}
/* =========================================================================================================================== */
/* First level header links styling */
h3.head a {
color: #4e5156;
font-weight: bold;
display:block;
border-bottom: 1px solid #bec4c7;
/*background: #ffffff url(/corporate/dms/PE/common/images/menu_plus.jpg) no-repeat;*/
padding: 3px 6px;
text-decoration: none;
font-size: 12px;
}
h3.head a:hover { text-decoration: none; color:#0E74DC; }
h3.selected a {
/*background: #ffffff url(/corporate/dms/PE/common/images/menu_minus.jpg) no-repeat; */
color: #4e5156;
font-weight: bold;
display:block;
border-bottom: 1px solid #bec4c7;
/*background: #ffffff url(/corporate/dms/PE/common/images/menu_plus.jpg) no-repeat;*/
padding: 3px 6px;
text-decoration: none;
font-size: 12px;
}
h3.selected a:hover { text-decoration: none; color:#0E74DC; }
/* Second level header links styling */
h4.head a {
color: #4e5156;
display:block;
border-bottom: 1px solid #bec4c7;
/*background: #edefef url(/corporate/dms/PE/common/images/menu_plus.jpg) no-repeat; */
padding: 3px 6px;
text-indent: 20px;
font-weight: bold;
font-size: 10px;
text-decoration: none;
}
h4.head a:hover { text-decoration: none; }
h4.selected a {
/*background: #edefef url(/corporate/dms/PE/common/images/menu_minus.jpg) no-repeat; */
color: #000000;
padding: 3px 6px;
text-indent: 20px;
font-weight: bold;
font-size: 10px;
text-decoration: none;
}
h4.selected a:hover { text-decoration: none; }
#content ul, .content ul {
padding:0 0 0 40px;
color:#4E5156;
font-size:1.2em;
}
#content ol, .content ol{
padding:0 0 0 40px;
color:#4E5156;
font-size:1.2em;
}
#content blockquote, .content blockquote {
padding:0 0 0 40px;
color:#4E5156;
font-size:1.2em;
}
/* =========================================================================================================================== */
/* Anchor & EMO */
/* =========================================================================================================================== */
#mainEmo { width: 621px; margin: 11px auto 0 auto;}
/* =========================================================================================================================== */
/* Content */
/* =========================================================================================================================== */
#content_rightHeaderLeftMenu { width: 621px; margin: 11px auto 0; text-align: left; }
/*#lp_621width #content_ss{ padding:21px 0 0;}*/
#lp_621width h2{ font-size: 18px; padding: 0 23px;; text-align:left; }
#lp_621width #form_compras{ margin: 7px 12px 27px; }
#lp_621width #form_localizador{ width:/*602px;*/; height: 63px; padding: 0 0 0 20px; background-image: url(bg_form_.gif); background-repeat: no-repeat; margin:5px 23px 0; }
#lp_621width #form_localizador .selectbox_localizador_column{ display: inline; width: 141px; float: left; font-size: 11px; padding: 13px 20px 0 0; }
#lp_621width #form_localizador .localizador_submit{ margin: 28px 0 0; width: 53px; height: 21px; /*19px; border: none;*/ }
#content_rightHeaderLeftMenu #lp_621width #distribSearchResults{ padding: 0 23px 0; }
#content_rightHeaderLeftMenu #lp_621width #distribSearchResults h2{ font-size: 14px; font-weight: bold; padding: 0; }
#content_rightHeaderLeftMenu #distribSearchResults table { margin: 11px 0; }
/*
#content_rightHeaderLeftMenu #distribSearchResults table td{ vertical-align: middle; width: 50%; padding: 11px; }/*border-top: #333333 dotted 1px; */
#content_rightHeaderLeftMenu #distribSearchResults table td.rightBorder{ border-right: #333333 dotted 1px; }
#content_rightHeaderLeftMenu #lp_621width #distribSearchResults table h2{ font-size: 12px; font-weight: bold; padding: 0; }
/*Layout paragraph 2/3 & 1/3 - internal pages (with gray bar)*/
#contentWrapper2 .lp_643width {
background-color:#FFFFFF;
height:100%;
padding:0;
width:621px;
}
#contentWrapper2 .lp_643width .twothirdsDiv {
float:left;
height:100%;
padding:0;
width:425px;
}
#contentWrapper2 .lp_643width .moduleTwoThirds {
float:left;
/*margin:0 0 18px;*/
position:relative;
text-align:left;
width:425px;
}
#contentWrapper2 .lp_643width .moduleTwoThirds .top {
background-image:url(bg_m3_le.gif);
background-repeat:no-repeat;
height:21px;
padding:4px 0 0 23px;
position:relative;
width:402px;
}
#contentWrapper2 .lp_643width .moduleTwoThirds .content .bottom {
background-image:url(bg_m3_le.gif);
background-repeat:no-repeat;
height:5px;
position:relative;
width:425px;
}
#contentWrapper2 .lp_643width .onethirdDiv {
float:left;
height:100%;
padding:0 0 0 16px;
width:180px;
}
#contentWrapper2 .moduleFull {
margin:0 0 18px;
position:relative;
text-align:left;
width:621px;
}
#contentWrapper2 .moduleFull .topTabs {
background-image:url(bg_lp_in.gif);
position: relative;
width: 621px; /*438px;*/
height: 37px;
padding: /*1px*/2px 1px 0 1px;
background-repeat:no-repeat;
}
#contentWrapper2 .moduleFull .content .center {
border-left:1px solid #D6DADD;
border-right:1px solid #D6DADD;
padding:11px 22px 8px;
position:relative;
width:575px;
}
#contentWrapper2 .moduleFull .content .bottom {
background-image:url(bg_cont_.gif);
background-repeat:no-repeat;
font-size:0;
height:4px;
width:621px;
}
/* tab for internal page*/
#contentWrapper2 .moduleFull .top{ position: relative;
width: 598px;
height: 21px;
padding: 4px 0 0 23px;
background-image:url(bg_modul.gif);
background-repeat:no-repeat;
}
#contentWrapper2 .lp_643width .topTabs {
background-image:url(bg_lp_in.gif);
background-repeat:no-repeat;
height:37px;
margin:0px;
padding:2px 1px 0;
position:relative;
text-align:left;
width:423px;
}
#contentWrapper2 .lp_643width .onethirdDivTabs {
float:left;
height:100%;
padding:0 0 0 16px;
width:180px;
}
.onethirdDivTabs .moduleOneThird .top {
background-image:url(13_modul.gif);
background-repeat:no-repeat;
height:27px;
padding:12px 0 0 23px;
position:relative;
width:157px;
}
.moduleOneThird .content .center {
border-left:1px solid #D6DADD;
border-right:1px solid #D6DADD;
padding:11px 22px 8px;
position:relative;
width:134px;
}
.moduleOneThird .content .bottom {
background-image:url(bg_m3_ri.gif);
background-repeat:no-repeat;
font-size:0;
height:5px;
position:relative;
width:180px;
}
.onethirdDivTabs .moduleOneThird {
/*margin:0 0 18px;*/
position:relative;
text-align:left;
width:180px;
}
/* =========================================================================================================================== */
/* FORMULARIO */
/* =========================================================================================================================== */
input {
height: 18px;
background-image: url('_imagenes/bg_input.gif');
background-repeat: repeat-x;
border: #a6a9ab solid 1px;
font-family: Arial, Helvetica, sans-serif;
}
select {
border: #a6a9ab solid 1px;
height: 22px;
padding: 2px;
font-family: Arial, Helvetica, sans-serif;
}
textarea{
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
background-image: url('_imagenes/bg_input.gif');
background-repeat: repeat-x;
border: #a6a9ab solid 1px;
}
.checkbox{
background-image:none;
border:none;
}
.checkbox_reg{
background-image:none;
border:none;
}
.rightColumn{
padding:4px;
font-family: Arial, Helvetica, sans-serif;
}
.leftColumn{
padding:4px;
font-family: Arial, Helvetica, sans-serif;
text-align:right;
}
.red{
color: red;
}
.datos_correctos{
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
color:red;
font-weight:bold;
}
/* =========================================================================================================================== */
/* FIN FORMULARIO */
/* =========================================================================================================================== */
#logo_socios{
float:left;
padding-bottom:10px;
}
#contenido_directorio
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
color:#666666;
padding-left:0px;
}
.cargo_directorio
{
color:#44658f;
}
.fotos_directorio_1
{
width:200px;
/*height:41px;*/
float:left;
/*background:url(../images/jorge_francesqui_echegaray.jpg) no-repeat 15px top;
padding:177px 0 0 0;*/
margin-top:10px;
margin-left:150px;
}
#lista_directorio
{
width:621px;
margin:0px 0 0 0;
/*border-top:1px dotted #bcc7d9;*/
}
#lista_directorio ul
{
padding:10px 0 20px 0;
}
#lista_directorio li
{
width:621px;
display:block;
/*border-bottom:1px solid #e1e1ea;*/
list-style:none;
/*background:#ffffff url(../images/vineta_directorio.gif) left center no-repeat;*/
}
.contenido-li
{
width:621px;
height:18px;
display:block;
padding:0px 0 0 0;
margin-left:0px;
/*border-bottom:1px solid #e1e1ea;*/
}
.contenido-li1
{
width:621px;
height:18px;
display:block;
padding:5px 0 0 0;
margin:3px 0 0 0px;
/*border-bottom:1px solid #e1e1ea;*/
}
#lista_directorio .lista1 .contenido-li1
{
/*background:#eaeaea url(../images/vineta_directorio.gif) left center no-repeat;*/
background:#eaeaea;
}
#lista_directorio .lista1 .contenido-li
{
/*background:#eaeaea url(../images/vineta_directorio.gif) left center no-repeat;*/
background:#eaeaea;
}
.contenido-li2
{
width:621px;
height:18px;
display:block;
padding:5px 0 0 0;
margin-left:0px;
/*border-bottom:1px solid #e1e1ea;*/
}
.nombre_dir
{
width:20px;
float:left;
padding-left:10px;
}
.titulos_dir
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width:500px;
float:left;
font-weight:bold;
padding-left:10px;
}
.cargo_dir
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width:190px;
float:left;
}
.mail_dir
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width:200px;
float:left;
}
.mail_dir a
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#2667AD;
text-decoration:none;
background: url(_imagenes/icn_mail.jpg) no-repeat left 3px;
padding-left:15px;
}
.mail_dir a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:underline;
}
hr {
color: #fff; background-color: #fff; border: 1px dotted #666; border-style: none none dotted;
}
.lineContent { width:643px; height:2px; background:url(_imagenes/linea.jpg); background-repeat:no-repeat; background-position:center; padding:0px; padding-bottom: 0px; padding-top: 0px; clear:both;}
.lineContent2 { width:621px; height:2px; background:url(_imagenes/linea2.jpg); background-repeat:no-repeat; background-position:center; padding:0px; padding-bottom: 0px; padding-top: 0px; clear:both;}
.moduleInternal { position: relative; width: 100%; margin: 0 0 0px; text-align: left; /*background-color: #FFFFFF;*/ display:block; /*inline-block;*/}
.moduleInternal .content { position: relative; padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:0px; }
.moduleInternal .content .leftDottedBorder{ border-left: #000000 dotted 1px; }
#barra_division{
margin-top:11px;
margin-bottom:15px;
width:643px;
height:26px;
background:url(_imagenes/barra_division.jpg);
background-repeat:no-repeat;
}
.barra_div{
font-family: Arial, Helvetica, sans-serif;
text-align:left;
color:#2667AD;
font-size:14px;
font-weight:bold;
padding:9px;
}
#img_proyectos{
width:163px;
height:auto;
margin-left:10px;
margin-right:10px;
margin-top:10px;
margin-bottom:0px;
float:left;
}
#img_division{
width:163px;
height:auto;
margin-left:15px;
margin-right:15px;
margin-top:10px;
margin-bottom:0px;
float:left;
}
.enlace_div{
font-family: Arial, Helvetica, sans-serif;
text-align: center;
color:#2667AD;
font-size:12px;
font-weight:bold;
padding-top:5px;
}
a.enlace_div:link {
font-family: Arial, Helvetica, sans-serif;
text-align: center;
color:#2667AD;
font-size:12px;
font-weight:bold;
text-decoration: none;
padding-top:5px;
}
a.enlace_div:visited {
font-family: Arial, Helvetica, sans-serif;
text-align: center;
color:#2667AD;
font-size:12px;
font-weight:bold;
text-decoration: none;
padding-top:5px;
}
a.enlace_div:hover {
font-family: Arial, Helvetica, sans-serif;
text-align: center;
color:#2667AD;
font-size:12px;
font-weight:bold;
text-decoration: underline;
padding-top:5px;
}
a.enlace_div:active {
font-family: Arial, Helvetica, sans-serif;
text-align: center;
color:#2667AD;
font-size:12px;
font-weight:bold;
text-decoration: none;
padding-top:5px;
}
#img_seguridad{
width:163px;
height:auto;
margin-left:10px;
margin-right:10px;
margin-top:0px;
margin-bottom:0px;
float:left;
}
.texto_div{
font-family: Arial, Helvetica, sans-serif;
text-align: center;
color:#2667AD;
font-size:12px;
font-weight:bold;
padding-top:5px;
}
#contenido_socios{
width:261px;
height:auto;
padding-left:11px;
padding-right:11px;
}
#fondo_barra{
width:261px;
height:26px;
background:url(_imagenes/barra_socios.jpg);
background-repeat:no-repeat;
}
.texto_barrasocio{
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:12px;
font-weight:bold;
text-align:left;
padding-left:30px;
padding-top:6px;
}
#caso_exito{
float:left;
overflow:hidden;
}
#imagen_caso{
width:150px;
padding-top:6px;
}
#cliente_caso{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color: #666;
padding:0px 6px 6px 6px;
}
#rezumen_caso{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #194C92;
font-weight:bold;
padding:0px 6px 6px 6px;
}
#detalle_caso{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #666;
padding:0px 6px 6px 6px;
}
#contacto_soporte{
padding:10px;
}
.titulo_contacto_soporte{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:center;
font-weight:bold;
color:#2667AD;
}
#central_soporte{
padding:20px;
text-align:center;
}
.texto_central_fono{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
color:#666;
}
#mail_soporte{
width:500px;;
text-align:center;
padding-bottom:5px;
}
/* BARRA DERECHA PROMOCIONES */
.HomePromoContentPrimero { background: url(_imagenes/home_SoporteApple.jpg) no-repeat; width: 100%; float: none; margin: 0; }
.HomePromoContentPrimero { padding-top: 10px;}
.HomePromoContentSegundo { background: url(_imagenes/fondo_promo.jpg) no-repeat; width: 100%; float: none; margin: 0; }
.HomePromoContentSegundo { padding-top: 10px;}
.HomePromoContentTercero { background: url(_imagenes/home_virtualizacion.jpg) no-repeat; width: 100%; float: none; margin: 0; }
.HomePromoContentTercero { padding-top: 10px;}
.TextH1Home {
font-family:"Myriad Pro", Helvetica, sans-serif;
color: #666;
font-size: 18px;
line-height: 19px;
font-weight: 100;
}
.TextIntro
{
font-family: Arial, Helvetica, sans-serif;
color:#0066C5;
font-size: 16px;
line-height: 20px;
text-align:left;
}
.TextH3Intro {
font-family: Arial, Helvetica, sans-serif;
color:#0066C5;
font-size: 16px;
line-height: 20px;
text-align:left;
}
.TextPromoIntro {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px; line-height: 19px;}
.TextH1Home h1 {
font-family:"Myriad Pro", Helvetica, sans-serif;
font-size: 18px; font-weight: 100; color: #666; text-align: center; padding: 10px 12px 0 12px; }
.TextH3Intro h2 {
font-family:Arial, Helvetica, sans-serif;
font-size: 16px; color: #0E74DC; font-weight: bold; padding-left:60px; padding-top:8px; }
.TextH1Home_gris {
font-family:Arial, Helvetica, sans-serif;
font-size: 48px;
line-height: 46px;
font-weight: 100;
}
.TextIntro_gris
{
font-family:Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 20px;
}
.TextH3Intro_gris {
font-family:Arial, Helvetica, sans-serif;
font-size: 30px;
line-height: 26px;
font-weight: 100;
margin-bottom: 30px;
}
.TextH1Home_gris h1
{
font-family:"Myriad Pro", Helvetica, sans-serif;
font-size: 20px;
font-weight: 100;
}
.TextH3Intro_gris h2 {
font-family:"Myriad Pro", Helvetica, sans-serif;
font-size: 18px;
font-weight: 100;
text-align:left;
padding-left:10px; }
.LinkWeak_gris a,
.LinkWeak_gris a:link,
.LinkWeak_gris a:visited,
a.LinkWeak_gris,
a.LinkWeak_gris:link,
a.LinkWeak_gris:visited {
font-family:"Myriad Pro", Helvetica, sans-serif;
font-size: 38px;
color: #333333;
text-decoration: none;
cursor: pointer;
}
/* Position items absolutely within a specified container */
.ContenidoComprar {
position: relative;
z-index: inherit;
display: block;
overflow:hidden;
}
.ContenidoBoton { height: 80px; }
.LinkWeak a,
.LinkWeak a:link,
.LinkWeak a:visited,
a.LinkWeak,
a.LinkWeak:link,
a.LinkWeak:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color:#0066C5;
text-decoration: none;
cursor: pointer;
font-weight: 100;
}
.BotonComprar
{
font-family:"Myriad Pro", Helvetica, sans-serif;
padding: 3px 15px;
font-weight: bold;
color: #222222;
border: 1px solid;
background: #FF9D00 url(CPodButt.jpg) repeat-x;
border-color: #FFE066 #FFCB4D #FFB045 #FFC144;
outline: 1px solid;
outline-color: #1E1E1E;
margin: 0px 5px 4px 0px;
overflow: hidden;
}
.BotonComprar,
.BotonComprar a,
.BotonComprar a:link,
.BotonComprar a:hover,
.BotonComprar a:visited,
.BotonComprar a:hover:visited,
a.BotonComprar,
a:link.BotonComprar,
a:hover.BotonComprar,
a:visited.BotonComprar,
a:hover:visited.BotonComprar
{
font-family:"Myriad Pro", Helvetica, sans-serif;
color: #222222;
text-decoration: none;
font-size:12px;
}
.Probar,
.Probar a,
.Probar a:link,
.Probar a:hover,
.Probar a:visited,
.Probar a:hover:visited,
a.Probar,
a:link.Probar,
a:hover.Probar,
a:visited.Probar,
a:hover:visited.Probar
{
font-family:"Myriad Pro", Helvetica, sans-serif;
color: #FFCC00;
text-decoration: none;
font-size:11px;
}
.ContenidoMasInfo
{
font-family:"Myriad Pro", Helvetica, sans-serif;
position: relative;
color: #FFCC00;
line-height: 40px;
position: relative;
vertical-align: top;
}
.MasInformacion,
.MasInformacion a,
.MasInformacion a:link,
.MasInformacion a:hover,
.MasInformacion a:visited,
.MasInformacion a:hover:visited,
a.MasInformacion,
a:link.MasInformacion,
a:hover.MasInformacion,
a:visited.MasInformacion,
a:hover:visited.MasInformacion
{
font-family:"Myriad Pro", Helvetica, sans-serif;
color: #0E74DC;
text-decoration: none;
font-size:13px;
text-align:left;
padding-left:8px;
}
.MasInformacion_gris,
.MasInformacion_gris a,
.MasInformacion_gris a:link,
.MasInformacion_gris a:hover,
.MasInformacion_gris a:visited,
.MasInformacion_gris a:hover:visited,
a.MasInformacion_gris,
a:link.MasInformacion_gris,
a:hover.MasInformacion_gris,
a:visited.MasInformacion_gris,
a:hover:visited.MasInformacion_gris
{
font-family:"Myriad Pro", Helvetica, sans-serif;
text-decoration: none;
font-size:13px;
font-weight:bold;
}
/* FIN BARRA DERECHA PROMOCIONES */
.box,.box .top-corners,.box .bottom-corners,.box .title-bar{background:#FFF url(_imagenes/box-sprite.png) repeat-y 0 0;}
.box,.box .top-corners,.box .bottom-corners{width:643px;}
.box{position:relative;clear:both;margin-bottom:8px;background-position:-4359px 0;}
.box .top-corners,.box .bottom-corners{background-color:transparent;background-repeat:no-repeat;position:absolute;height:5px;left:0;_overflow:hidden;}
.box .top-corners{background-position:0px 0;top:0;}
.rail .box .top-corners{background-position:-170px 0;}
.box .bottom-corners{background-position:0px -121px;bottom:0;}
.rail .box .bottom-corners{background-position:-340px -121px;}
.box .box-content{border-left:#CCC 1px solid; border-right:#CCC 1px solid; }
.box .title-bar+.box-content,.box .box-heading+.box-content{margin-top:0;}
.box .title-bar{color:#FFF;background-color:#224272;background-position:0px -12px;}
.box .title-bar h2{font-weight:bold;font-size:13px; height:14px;padding:5px 0 5px 12px;text-shadow:1px 1px 1px #224272;}
.box .title-bar h2 a{color:#FFF;}
.box ul.product-row a{color:#333;}
.box ul.product-row a:hover,.box ul.product-row li.superlink-hover a{color:#0E74DC;text-decoration:none;}
.box .product-grid{overflow:hidden;padding:0px 0px 12px 6px; background:url(_imagenes/bg_cat.jpg) no-repeat center; }
.box .product-grid ul.product-row{width:628px;}
.box .product-grid ul.last-row{border-bottom:0;}
.box .product-grid ul.product-row li{float:left;width:121px;padding:0px 18px;line-height:10px;}
.box .product-grid ul.first-row li{padding-top:0px; border-bottom:1px solid #CCC;}
.box .product-grid ul.last-row li{padding-bottom:4px;}
.box .product-grid .name{font-weight:bold;min-height:22px; text-align:center; font-size:11px;}
.box .product-grid .image a{display:inline-block;}
.box .product-grid .starrating{margin:5px 0;}
.box .product-grid .price{font-weight:bold;margin:3px 0;}
.home .box .product-grid .image{margin-top:3px;}
#hero-description {
float: right;
width: 292px;
padding-top: 45px;
text-align:left;
padding-left:20px;
padding-right:10px;
}
#hero-description h2 {
font-family:"Myriad Pro", Helvetica, sans-serif;
font-weight:600;
font-size:40px;
margin: -5px 0 13px -2px;
text-shadow:2px 2px 2px #CCC;
}
#hero-description .hero {
font-size: 18px;
color: #777;
line-height: 22px;
width: 290px;
}
#hero-description p.price {
color: #222;
margin-bottom: 30px;
}
#hero-description .features,
#hero-description .order {
line-height: 1.6em;
margin-bottom: 35px;
font-size: 14px;
}
#hero-description h4.features { font-weight: bold; margin-bottom: 0px;}
#hero-description .order.sustaining { width: 190px; }
.button {
display: inline-block;
text-decoration: none;
position: relative;
z-index: 1;
}
.button .r,
.button .l {
display: inline-block;
background-position: 0 0;
background-repeat: no-repeat;
}
.button .r {
background-position: 100% 0;
}
.button .l {
display: inline-block;
*position: relative;
*z-index: 1;
}
.button img {
vertical-align: middle;
}
/* Select an iMac button */
#hero-description .button {
margin: 5px -2px 0 0;
color:#FFF
}
#hero-description .button .r,
#hero-description .button .l {
background-image: url(_imagenes/btn-sele.png) ;
}
#hero-description .button .r {
background-position: 100% -129px;
}
#hero-description .button .l {
padding-left: 25px;
margin-right: 25px;
height: 43px;
line-height: 37px;
}
#hero-description .button:hover .l {
background-position: 0 -43px;
}
#hero-description .button:active .l {
background-position: 0 -86px;
}
#hero-description .button:hover .r {
background-position: 100% -172px;
}
#hero-description .button:active .r {
background-position: 100% -215px;
}
#hero-gallery ul.featured-accessories {
background: url(_imagenes/step0-fe.jpg) center 0 repeat-x;
position: relative;
margin-left: 0px;
height:379px;
}
#hero-gallery ul.featured-accessories li {
display: inline-block;
vertical-align: top;
margin: 20px 0 0;
width: 236px;
border-left: 1px solid #EDEDED;
border-right: 1px solid #EDEDED;
font-size: 13px;
color: #666;
line-height: 1.4em;
text-align: center;
min-height: 350px;
}
#hero-gallery ul.featured-accessories li.first,
#hero-gallery ul.featured-accessories li.last { border: 0; }
#hero-gallery ul.featured-accessories li h3,
#imac-features div h3,
#hero-gallery ul.featured-accessories li p { text-align: left; display: block; margin-bottom: 15px; padding-left:15px; padding-right:15px; }
#hero-gallery ul.featured-accessories li h3,
#imac-features div h3 { color: #000; font-weight: bold; font-size: 15px; margin: 8px 0; }
#hero-gallery ul.featured-accessories li h3 img { vertical-align: bottom; margin: -10px 2px -7px 0; }
#hero-gallery ul.featured-accessories li.first img {position:absolute; bottom:0; overflow:hidden; vertical-align:middle; }
/*Product Selection v.2 Aspen component*/
/*========================================================================================================*/
div#product-selection {
background:url(_imagenes/step0-prod.jpg) center 0 repeat-x;
background-position:top;
padding-left:0px;
height:autopx;
}
div#product-selection h2 {
padding-top:20px;
padding-left:20px;
font-size:18px;
color:#000;
text-align:left;
}
div#product-selection h1 span,
div#product-selection h2 span {
font-size: 0.8em;
}
div#product-model-list {
clear:both;
position:relative;
font-size:11px;
padding-bottom:50px;
overflow:hidden;
}
div#product-model-list div.product-model {
float:left;
width:168px;
padding:50px 10px 0px 10px;
}
div#product-model-list div.model-type {
float:left;
display:inline;
position:relative;
}
div#product-model-list div.model-type img {
position:absolute;
left:0;
}
div#product-model-list div.model-type ul.model-type-purchase img {
position: static;
left: auto;
}
div#product-model-list div.model-type h3 {
padding-bottom:0px;
font-size:14px;
color:black;
font-weight:bold;
text-align:left;
padding-left:15px;
}
div#product-model-list div.model-type p {
padding-top:8px;
padding-bottom:8px;
font-size:11px;
text-align:left;
}
div#product-model-list div.model-type ul,
div.product-group-list div.model-type ul {
color:#666;
text-align:left;
}
div#product-model-list div.model-type ul.model-type-details {
padding-bottom: 10px;
}
div#product-model-list div.model-type ul li,
div.product-group-list div.model-type ul li {
padding: 0 0 6px 0px;
list-style:square;
margin-left:15px;
}
div#product-model-list div.model-type ul li.shipping-description,
div#product-model-list div.model-type ul li.free-shipping,
div.product-group-list div.model-type ul li.shipping-description,
div.product-group-list div.model-type ul li.free-shipping {
padding-bottom: 0;
}
div#product-model-list div.model-type .model-type-purchase ,
div.product-group-list div.model-type .model-type-purchase { position:relative; botom:10px; }
div#product-model-list div.model-type li.button,
div.product-group-list div.model-type li.button {
padding: 5px 0 0;
text-indent: 0;
}
div#product-model-list div.model-type li.button button,
div#product-model-list div.model-type li.button a,
div.product-group-list div.model-type li.button button {
margin: 7px 0 0 -3px;
height: 25px;
text-indent: -9999px;
position: relative;
overflow:hidden;
}
div#product-model-list div.model-type li.button a:hover {
background-position:0 -25px;
cursor: pointer;
}
div#product-model-list img.product-model-image {
float:left;
}
div#product-model-list a.buynow { width: 99px; background-image: url(_imagenes/buynows0.png); }
div#product-model-list a.buynow, div#product-model-list span.buynow { height: 25px; margin: 0.7em 0 0 20px; background-position: 0 0; background-repeat: no-repeat; display: block; float: right; position: absolute; text-decoration: none; text-indent: -9999px; outline: none; overflow: hidden; }
div#product-model-list a.buynow:hover, div#product-model-list a.buynow:focus { background-position: 0 -25px; }
div#product-model-list a.buynow:active { background-position: 0 -50px; }
div#product-model-list span.buynow{ background-position: 0 -75px; }
/* FORMULARIO DE COTIZACION */
div#cotizacion h3{
padding:20px 20px 20px 20px;
font-size:16px;
font-style:normal;
font-stretch:normal;
color: #666;
text-align: center;
}
div#cotizacion{
font-size:12px;
}
div#cotizacion p{
padding:6px;
font-size:11px;
}
div#cotizacion table{
background:#F4F4F4;
}
div#cotizacion .bordeformu{
border:solid 1px #CCC;
}
div#cotizacion td{
font-size:11px;
color: #000;
vertical-align:top;
text-align:left;
}
div#cotizacion th{
background:url(_imagenes/bg_title_cotiz.jpg) repeat-x;
color:#FFF;
font-weight:bold;
font-size:13px;
height:14px;
padding:5px 0 5px 20px;
text-shadow:1px 1px 1px #224272;
}
div#cotizacion input {
height: 18px;
background-image: url('_imagenes/bg_input.gif');
background-repeat: repeat-x;
border: #a6a9ab solid 1px;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
}
div#cotizacion textarea{
font-size:11px;
font-family: Arial, Helvetica, sans-serif;
background-image: url('_imagenes/bg_input.gif');
background-repeat: repeat-x;
border: #a6a9ab solid 1px;
padding:4px;
}
div#cotizacion select{
font-size:11px;
font-family: Arial, Helvetica, sans-serif;
background-image: url('_imagenes/bg_input.gif');
background-repeat: repeat-x;
border: #a6a9ab solid 1px;
}
div#cotizacion .rightLabel{
padding:4px;
font-family: Arial, Helvetica, sans-serif;
}
div#cotizacion .leftLabel{
font-family: Arial, Helvetica, sans-serif;
padding-left:20px;
font-size:12px;
color: #666;
vertical-align: top;
padding-top:6px;
}
div#cotizacion .red{
color: red;
}
div#cotizacion .ancho{
width:360px;
height:100px;
font-size:11px;
font-family: Arial, Helvetica, sans-serif;
background-image: url('_imagenes/bg_input.gif');
background-repeat: repeat-x;
border: #a6a9ab solid 1px;
padding:4px;
}
div#cotizacion .boton_remove{
float: right;
padding-right:10px;
}
div#cotizacion a.buynow { width: 99px; background-image: url(_imagenes/buynows0.png); }
div#cotizacion a.buynow, div#cotizacion span.buynow { height: 25px; margin: 0 0 0 0px; background-position: 0 0; background-repeat: no-repeat; display: block; float: left; position:relative; text-decoration: none; text-indent: -9999px; outline: none; overflow: hidden; }
div#cotizacion a.buynow:hover, div#cotizacion a.buynow:focus { background-position: 0 -25px; }
div#cotizacion a.buynow:active { background-position: 0 -50px; }
div#cotizacion span.buynow{ background-position: 0 -75px; }
div#cotizacion h2{
padding:5px;
font-size:14px;
font-style:normal;
font-stretch:normal;
color: #0E74DC;
}
.central_soporte h2{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#0E74DC;
}