@charset "utf-8";
/* Hoja de Estilos de Cocolisos: Documento CSS */

/* Estructura */

p { margin-top:0; margin-bottom:0;}
.Borde_Inf { border-bottom-style:dotted; border-bottom-width:1px; border-bottom-color:#999; }
.Borde_Dch { border-right-style:dotted; border-right-width:1px; border-right-color:#333; }
.EncSup { background-image:url(../img/encsup.jpg); background-position:center; background-repeat:repeat-x; }
.EncMid { background-image:url(../img/fondoenc.jpg); background-repeat:repeat-x; }
.Frame_Inf {border-top-style:solid; border-top-width:1px; border-top-color:#BFB7A3;}
.FondoCont { background-image:url(../img/fondocont.jpg); background-repeat:repeat-y; }
.MarcoFoto { border-style:solid; border-width:10px; border-color:#EEE; }
.MarcoFoto2 { border-style:solid; border-width:5px; border-color:#EEE; }
.Contacto { background-image:url(../img/contacto.png); background-repeat:no-repeat; }

.Img_Principal {background-image:url(../img/img_principal.jpg); background-position:bottom; background-repeat:no-repeat; }
.Img_Cocolisos {background-image:url(../img/img_cocolisos.jpg); background-position:bottom; background-repeat:no-repeat; }
.Img_Contacto {background-image:url(../img/img_contacto.jpg); background-position:bottom; background-repeat:no-repeat; }
.Img_Marcas {background-image:url(../img/img_marcas.jpg); background-position:bottom; background-repeat:no-repeat; }
.Img_Tienda {background-image:url(../img/img_tienda.jpg); background-position:bottom; background-repeat:no-repeat; }
.Img_Lista {background-image:url(../img/img_lista.jpg); background-position:bottom; background-repeat:no-repeat; }



/* Fuente Textual */

.Contextual  { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#666; font-weight:normal; }
.Contextual2 { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#333; font-weight:normal; }
.Texto_Normal  { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#222; font-weight:normal; }
.Texto_Normal2 { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#222; font-weight:bold; }
.Texto_Normal3  { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#603; font-weight:normal; }
.Texto_Normal4 { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#603; font-weight:bold; }
.Texto_Normal5 { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#666; font-weight:normal; }
.Texto_Normal6 { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#666; font-weight:bold; }
.Texto_Normal7 { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#360; font-weight:bold; }
.Contextual { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color:#333; font-weight:normal; }
.Telefono { font-family:Arial, Helvetica, sans-serif; font-size: 16px; color:#603; font-weight:bold; line-height:25px;}


.Titulo1  { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 28px; color:#603; font-weight:normal; letter-spacing:-1px; }
.Titulo2  { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 28px; color:#360; font-weight:normal; letter-spacing:-1px; }
.Titulo3  { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; color:#360; font-weight:normal; letter-spacing:-1px; }
.Titulo4  { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; color:#666; font-weight:normal; letter-spacing:-1px; text-decoration:line-through;}
.Titulo5  { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; color:#666; font-weight:normal; letter-spacing:-1px; }
.Titulo6  { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color:#333; font-weight:normal; }


h2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 28px; color:#603; font-weight:normal; letter-spacing:-1px; display:inline; }
/* Enlaces */

.masinfo:link { font-family:Arial, Helvetica, sans-serif; font-size: 13px; color:#603; font-weight:bold; text-decoration:underline;}
.masinfo:visited { font-family:Arial, Helvetica, sans-serif;font-size: 13px; color:#603; font-weight:bold; text-decoration:underline;}
.masinfo:hover { font-family:Arial, Helvetica, sans-serif; font-size: 13px; color:#000; font-weight:bold; text-decoration:none;}
.masinfo:active { font-family:Arial, Helvetica, sans-serif; font-size: 13px; color:#603; font-weight:bold; text-decoration:underline;}

.email:link { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#603; text-decoration:none;}
.email:visited { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#603; text-decoration:none;}
.email:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#333; text-decoration:underline;}
.email:active { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#603; text-decoration:none;}

.email2:link { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333; text-decoration:none;}
.email2:visited { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333; text-decoration:none;}
.email2:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000; text-decoration:underline;}
.email2:active { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#333; text-decoration:none;}

.email3:link { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#360; text-decoration:none;}
.email3:visited { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#360; text-decoration:none;}
.email3:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#666; text-decoration:underline;}
.email3:active { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#360; text-decoration:none;}

.creditos:link { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#FFF; text-decoration:underline;}
.creditos:visited { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#FFF; text-decoration:underline;}
.creditos:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#FFF; text-decoration:none;}
.creditos:active { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#FFF; text-decoration:underline;}

.cerrarsesion:link { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#C00; text-decoration:underline;}
.cerrarsesion:visited { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#C00; text-decoration:underline;}
.cerrarsesion:hover { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#333; text-decoration:none;}
.cerrarsesion:active { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#C00; text-decoration:underline;}

.direccion:link  { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#222; font-weight:normal; border-bottom: dotted 1px #666; text-decoration:none;}
.direccion:visited  { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#222; font-weight:normal; border-bottom: dotted 1px #666; text-decoration:none;}
.direccion:hover  { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#222; font-weight:normal; border-bottom: dotted 0px #666; text-decoration:none;}
.direccion:active  { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#222; font-weight:normal; border-bottom: dotted 1px #666; text-decoration:none;}

/* Formularios */

.Form_Contacto1 { font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:#E8E8E8; border-top-style:solid; border-top-width:1px; border-top-color:#CCC; border-left-style:solid; border-left-width:1px; border-left-color:#CCC; border-bottom-style:none; border-right-style:none; width:190px; height:18px;}
.Form_Contacto2 { font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:#F4F4F4; border-top-style:solid; border-top-width:1px; border-top-color:#CCC; border-left-style:solid; border-left-width:1px; border-left-color:#CCC; border-bottom-style:none; border-right-style:none; width:190px; height:18px;}
.Form_Contacto3 { font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:#F4F4F4; border-top-style:solid; border-top-width:1px; border-top-color:#CCC; border-left-style:solid; border-left-width:1px; border-left-color:#CCC; border-bottom-style:none; border-right-style:none; width:100px; height:18px;}
.Form_Contacto4 { font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:#F4F4F4; border-top-style:solid; border-top-width:1px; border-top-color:#CCC; border-left-style:solid; border-left-width:1px; border-left-color:#CCC; border-bottom-style:none; border-right-style:none; width:190px; height:80px;}
.Form_Contacto5 { font-family:Arial, Helvetica, sans-serif; color: #333; font-size:14px; background-color:#E8E8E8; border-top-style:solid; border-top-width:1px; border-top-color:#CCC; border-left-style:solid; border-left-width:1px; border-left-color:#CCC; border-bottom-style:none; border-right-style:none; width:450px;}
.Form_Contacto6 { font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:#E8E8E8; border-top-style:solid; border-top-width:1px; border-top-color:#CCC; border-left-style:solid; border-left-width:1px; border-left-color:#CCC; border-bottom-style:none; border-right-style:none; width:100px; height:18px;}
.Form_Contacto7 { font-family:Arial, Helvetica, sans-serif; color: #333; font-size:14px; background-color:#E8E8E8; border-top-style:solid; border-top-width:1px; border-top-color:#CCC; border-left-style:solid; border-left-width:1px; border-left-color:#CCC; border-bottom-style:none; border-right-style:none; width:100px;}
.Form_Contacto8 { font-family:Arial, Helvetica, sans-serif; color: #333; font-size:14px; background-color:#E8E8E8; border-top-style:solid; border-top-width:1px; border-top-color:#CCC; border-left-style:solid; border-left-width:1px; border-left-color:#CCC; border-bottom-style:none; border-right-style:none; width:200px;}


.Boton { font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #fff; font-weight:bold; width:160px; height:24px; background-color:#603; border-style:none; }
.Boton2 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #fff; font-weight:bold; width:145px; height:24px; background-color:#603; border-style:none; }

.Paginador1 {font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #333; padding-top:2px; background-color: #F2F2F2; vertical-align:middle;border-style:solid; border-width:1px; border-color: #603;}
.Paginador2 {font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #333; padding-left:8px; padding-right:8px; padding-top:2px; background-color: #FFF; vertical-align:middle; border-style:solid; border-width:1px; border-color: #603;}
.Paginador3 {font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; color: #fff; padding-top:2px; background-color: #603; vertical-align:middle; border-style:solid; border-width:1px; border-color:#fff;}
.Paginador4 {padding-top:2px; background-color: #FFF; border-style:solid; border-width:1px; border-color: #FFF;}

/* Intranet */

.TB10N
{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color:#666; }
.TB12
{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color:#666; }
.TB12_Negro
{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color:#000; background-color:inherit; }
.TB12N
{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color:#666; }
.TB14N
{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color:#666; }
.TB14N_Blanco
{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color:#fff; }