#top {
background-image : url(images/pro_03.jpg);
background-repeat : no-repeat;
height : 80px;
width : 389px;
}
#arriba {
background-image : url(images/pro_04.jpg);
background-repeat : repeat-x;
height : 80px;
width : 510px;
margin-left : 389px;
}
#news {
height : 80px;
width : 530px;
margin-left : 10px;
padding : 10px;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-style : normal;
color : #114e9e;
}
#dentro_noticias {
height : 60px;
width : 300px;
text-indent : 5px;
line-height : 1pt;
margin : 0;
padding : 0;
white-space : pre;
}
#promo1 {
height : 120px;
width : 300px;
margin-left : 350px;
}
#navcontainer {
color : #ffffff;
float : right;
position : relative;
right : 10px;
text-transform : uppercase;
top : 40px;
width : 480px;
}
#navcontainer ul {
color : #ffffff;
float : right;
list-style-type : none;
margin : 0;
padding : 0;
text-transform : uppercase;
}
#navcontainer ul li {
display : inline;
}
#navcontainer ul li a {
color : #ffffff;
padding : 0.1px 6px;
text-decoration : none;
text-transform : uppercase;
}
#navcontainer ul li a:hover {
color : #ff9900;
text-decoration : none;
}
#navcontainer ul li a:active {
color : #a1c260;
text-decoration : none;
}
#navcontainer ul li a:focus {
color : #a1c260;
text-decoration : none;
}
h1 {
color : #000033;
font-size : 16px;
margin : 0;
}
h2 {
color : #ff6600;
font-size : 16px;
letter-spacing : 1px;
margin : 0;
padding-bottom : 0;
}
h3 {
color : #b8e1ed;
font-size : 12px;
line-height : 110%;
margin : 0;
}
h4 {
color : #b8e1ed;
font-size : 11px;
margin : 0 0 6px;
}
h5 {
color : #000033;
font-size : 18px;
}
h6 {
color : #666666;
font-size : 14px;
}
#features1 h4 {
color : #a3c660;
font-size : 12px;
margin : 0;
}
#features1 h4 a {
color : #b8e1ed;
font-size : 12px;
margin : 0;
text-decoration : none;
}
#features1 h4 a:hover {
color : #3399cc;
font-size : 12px;
margin : 0;
text-decoration : none;
}
#features {
background-image : url(images/pro_10.jpg);
color : #ffffff;
height : 210px;
width : 908px;
border : 1px solid #c0dced;
}
#features a {
color : #89ad47;
}
#features img {
border : 4px solid #c0dced;
}
#features1 {
float : left;
height : 190px;
left : 5px;
position : relative;
top : 8px;
width : 265px;
border : 1px dotted #4180a0;
background-image : url(images/pro_11.jpg);
background-repeat : repeat;
}
#features2 {
float : right;
height : 190px;
position : relative;
right : 10px;
top : 8px;
width : 305px;
background-image : url(images/pro_11.jpg);
background-repeat : repeat;
border : 1px dotted #4180a0;
}
#features3 {
float : right;
height : 190px;
position : relative;
right : 5px;
top : 8px;
width : 305px;
background-image : url(images/pro_11.jpg);
background-repeat : repeat;
border : 1px dotted #4180a0;
}
#subpage-features {
background-image : url(http://www.creammediainc.com/ExpressionEngine/images/dmimages/img_subpage_header.jpg);
background-position : center top;
background-repeat : no-repeat;
height : 31px;
width : 939px;
}
#contenido {
	height : 1300px;
	width : 910px;
	background-color : #ffffff;
	background-repeat : repeat-x;
	background-position : bottom;
	border-top-style : none;
	border-right-style : none;
	border-bottom-style : none;
	border-left-style : none;
}
#contenido_index {
	height : 960px;
	width : 910px;
	background-color : #ffffff;
	background-repeat : no-repeat;
	background-position : center top;
	border-top-style : none;
	border-right-style : none;
	border-bottom-style : none;
	border-left-style : none;
	background-image: url(images/fondo_contenido_index.jpg);
	padding-top: 15px;
}
#contenido_blog {
padding : 10px;
height : 2500px;
width : 890px;
background-color : #ffffff;
background-repeat : repeat-x;
background-position : bottom;
border-top-style : none;
border-right-style : none;
border-bottom-style : none;
border-left-style : none;
}
#contenido_comentarios {
padding : 10px;
height : 3500px;
width : 890px;
background-color : #ffffff;
background-repeat : repeat-x;
background-position : bottom;
border-top-style : none;
border-right-style : none;
border-bottom-style : none;
border-left-style : none;
}
#contenido_contacto {
padding : 10px;
height : 1100px;
width : 890px;
background-color : #ffffff;
background-repeat : repeat-x;
background-position : bottom;
border-top-style : none;
border-right-style : none;
border-bottom-style : none;
border-left-style : none;
}
#contenido_productos {
	padding : 10px;
	width : 890px;
	background-color : #ffffff;
	background-repeat : repeat-x;
	background-position : bottom;
	border-top-style : none;
	border-right-style : none;
	border-bottom-style : none;
	border-left-style : none;
	height : 3200px;
}
#contenido_papeleria {
	padding : 10px;
	width : 890px;
	background-color : #ffffff;
	background-repeat : repeat-x;
	background-position : bottom;
	border-top-style : none;
	border-right-style : none;
	border-bottom-style : none;
	border-left-style : none;
	height : 2200px;
}
#contenido_sitiosweb {
	padding : 10px;
	width : 890px;
	background-color : #ffffff;
	background-repeat : repeat-x;
	background-position : bottom;
	border-top-style : none;
	border-right-style : none;
	border-bottom-style : none;
	border-left-style : none;
	height : 800px;
}
#cont_izq {
height : 1300px;
width : 560px;
margin-left : 15px;
float : left;
}
#cont_izq_contacto {
height : 1000px;
width : 560px;
margin-left : 15px;
float : left;
}
#cont_izq_productos {
	height : 2200px;
	width : 560px;
	margin-left : 15px;
	float : left;
}
#cont_izq_sitiosweb {
	height : 700px;
	width : 560px;
	margin-left : 15px;
	float : left;
}
#cont_der {
	height : 1100px;
	width : 290px;
	float : right;
	padding : 5px;
	background-repeat : no-repeat;
	background-position : right top;
}
#fecha {
height : 15px;
width : 260px;
float : right;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #ff9900;
margin-bottom : 5px;
}
#info_blog {
height : 140px;
width : 200px;
padding-top : 5px;
padding-right : 15px;
padding-bottom : 5px;
padding-left : 40px;
}
#formulario1 {
background-color : #ffffff;
padding : 5px;
height : 150px;
width : 267px;
border : 1px dotted #999999;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
color : #000033;
margin-left : 8px;
}
#titulos_featers {
padding : 5px;
height : 25px;
width : 280px;
border-bottom-width : 1px;
border-bottom-style : dotted;
border-bottom-color : #4180a0;
margin-left : 5px;
}
#titulos_feater1 {
padding : 5px;
height : 25px;
width : 240px;
border-bottom-width : 1px;
border-bottom-style : dotted;
border-bottom-color : #4180a0;
margin-left : 5px;
}
#titulo_formulario {
height : 25px;
width : 250px;
border-bottom-width : 1px;
border-bottom-style : dotted;
}
#contenido_formulario {
height : 100px;
width : 160px;
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #2e5e8d;
float : left;
padding-top : 7px;
padding-bottom : 7px;
padding-left : 7px;
}
#servicios {
height : 80px;
width : 274px;
margin-left : 8px;
margin-top : 15px;
}
#servicios2 {
	height : 500px;
	width : 274px;
	margin-left : 8px;
	margin-top : 15px;
}
#carta {
float : right;
height : 70px;
width : 80px;
padding : 5px;
}
#soluciones {
padding : 5px;
height : 400px;
width : 450px;
}
#cont_inicio1 {
padding : 5px;
height : 330px;
width : 550px;
}
#cont_blog1 {
height : 1800px;
width : 550px;
}
#cont_inicio2 {
width : 545px;
background-image : url(images/barra_fondo1.jpg);
background-repeat : repeat-x;
background-color : #edf1f2;
border : 1px dotted #92a2bb;
margin-top : 10px;
margin-bottom : 10px;
color : #ff3300;
}
#cont_sistemas {
padding : 5px;
width : 545px;
background-image : url(images/barra_sistemas.jpg);
background-repeat : repeat-x;
background-color : #e0f4c1;
border : 1px dotted #92a2bb;
margin-top : 10px;
margin-bottom : 10px;
color : #333300;
}
#cont_sitios {
padding : 5px;
width : 545px;
background-image : url(images/barra_sitios.jpg);
background-repeat : repeat-x;
background-color : #eee9c3;
border : 1px dotted #92a2bb;
margin-top : 10px;
margin-bottom : 10px;
color : #cc0000;
}
#cont_catalogos {
padding : 5px;
width : 545px;
background-image : url(images/barra_catalogos.jpg);
background-repeat : repeat-x;
background-color : #cbe3c3;
border : 1px dotted #92a2bb;
margin-top : 10px;
margin-bottom : 10px;
color : #003333;
}
#cont_papel {
padding : 5px;
width : 545px;
background-image : url(images/barra_papel.jpg);
background-repeat : repeat-x;
background-color : #f4e178;
border : 1px dotted #92a2bb;
margin-top : 10px;
margin-bottom : 10px;
color : #ff3300;
}
#cont_letreros {
padding : 5px;
width : 545px;
background-image : url(images/barra_letreros.jpg);
background-repeat : repeat-x;
background-color : #dceab9;
border : 1px dotted #92a2bb;
margin-top : 10px;
margin-bottom : 10px;
color : #663300;
}
#imagen_cont_inicio {
padding : 10px;
height : 200px;
width : 520px;
background-image : url(images/sombra_fondo_cont.jpg);
background-repeat : no-repeat;
background-position : left top;
}
#imagen_cont_productos {
padding : 10px;
height : 100px;
width : 520px;
background-repeat : no-repeat;
background-position : left top;
}
#imagen_cont_productos {
padding : 10px;
height : 200px;
width : 520px;
}
#texto_cont_inicio {
height : 150px;
width : 160px;
float : left;
margin-top : 10px;
padding-top : 25px;
padding-right : 10px;
padding-left : 10px;
}
#dentro_cont_inicio {
height : 160px;
width : 320px;
float : right;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
color : #666666;
text-indent : 2px;
line-height : 14px;
margin-top : 15px;
padding-top : 5px;
padding-right : 5px;
padding-bottom : 5px;
padding-left : 10px;
}
#dentro_cont_productos {
padding : 5px;
height : 200px;
width : 330px;
float : right;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
color : #666666;
}
#menu3 {
width : 250px;
border-bottom-width : 1px;
border-top-style : none;
border-right-style : none;
border-bottom-style : dotted;
border-left-style : none;
border-bottom-color : #e2e7eb;
padding-top : 10px;
}
#menu3 li a {
height : 25px;
text-decoration : none;
border-bottom-style : dotted;
border-bottom-color : #709fb9;
border-bottom-width : 1px;
}
#menu3 li {
list-style : none;
background : url(images/bar.gif) no-repeat bottom;
padding-left : 15px;
}
#menu3 li a:link, #menu3 li a:visited {
color : #8badcf;
display : block;
padding : 5px 0 0 10px;
}
#menu3 li a:hover {
color : #627eb7;
background : url(images/menu3.gif);
padding : 5px 0 0 15px;
border-bottom-style : dotted;
border-bottom-color : #709fb9;
border-bottom-width : 1px;
}
#menu_clientes {
width : 270px;
border-bottom-width : 1px;
border-top-style : none;
border-right-style : none;
border-bottom-style : dotted;
border-left-style : none;
padding-top : 10px;
}
#menu_clientes ul li a {
height : 30px;
text-decoration : none;
border-bottom-style : dotted;
border-bottom-color : #ff6600;
border-bottom-width : 1px;
padding-left : 30px;
}
#cliente1 {
background-image : url(images/cliente1.jpg);
}
#cliente2 {
background-image : url(images/cliente2.jpg);
}
#cliente3 {
background-image : url(images/cliente3.jpg);
}
#cliente4 {
background-image : url(images/cliente4.jpg);
}
#cliente5 {
background-image : url(images/cliente5.jpg);
}
#menu_clientes ul li {
list-style : none;
padding-left : 50px;
margin : 2px 0 6px 0;
font-weight : bold;
line-height : 30px;
background-repeat : no-repeat;
}
#menu_clientes li a:link, #menu_clientes li a:visited {
color : #ff9900;
display : block;
padding : 0 0 0 5px;
}
#menu_clientes li a:hover {
color : #ff3300;
padding : 0 0 0 10px;
border-bottom-style : dotted;
border-bottom-color : #ff3300;
border-bottom-width : 1px;
}
#pieses {
height : 35px;
width : 900px;
padding-top : 20px;
padding-right : 5px;
padding-bottom : 15px;
padding-left : 5px;
float : left;
background-image : url(images/abajo.jpg);
background-repeat : repeat-x;
background-position : top;
}
#copyright {
float : left;
height : 20px;
width : 350px;
padding-top : 15px;
padding-right : 5px;
padding-bottom : 5px;
padding-left : 5px;
}
#links_abajo {
	float : right;
	height : 30px;
	width : 400px;
	padding-right : 5px;
	padding-bottom : 5px;
	padding-left : 5px;
	padding-top : 5px;
}
#links_abajo ul li {
display : inline;
}
#links_abajo ul li a {
	color : #003366;
	text-decoration : none;
	text-transform : uppercase;
}
#links_abajo ul li a:hover {
	color : #0066CC;
	text-decoration : none;
}
#links_abajo ul li a:active {
	color : #006699;
	text-decoration : none;
}
#links_abajo ul li a:focus {
	color : #003366;
	text-decoration : none;
}
#titulo_items {
height : 20px;
width : 500px;
}
#links_volver {
height : 15px;
width : 280px;
padding-left : 220px;
color : #990000;
}
#anuncios {
height : 200px;
width : 273px;
background-color : #edf1f2;
}
#contador {
height : 15px;
width : 220px;
padding-top : 5px;
margin-top : 15px;
padding-left : 60px;
background-color : #edf1f2;
}
#titulos_productos {
height : 45px;
width : 540px;
padding-top : 5px;
padding-left : 10px;
padding-bottom : 25px;
}
#cuadro_clientes {
padding : 5px;
height : 40px;
width : 180px;
}
#cont_clientes {
	width : 570px;
	height : 700px;
}
#contacto {
width : 550px;
}
#francisco {
float : left;
height : 110px;
width : 270px;
margin-top : 20px;
}
#carola {
float : right;
height : 110px;
width : 270px;
margin-top : 20px;
}
#direccion {
height : 200px;
width : 540px;
padding-top : 30px;
padding-right : 5px;
padding-bottom : 5px;
padding-left : 10px;
}
#fotito {
height : 110px;
width : 90px;
float : left;
}
#texto_contacto {
height : 90px;
width : 180px;
float : right;
padding-top : 20px;
}
#formulario_cont {
height : 15px;
width : 560px;
}
#cada_cliente {
height : 1000px;
width : 570px;
color : #00223d;
}
#muestra_letreros {
height : 250px;
width : 545px;
background-color : #dceab9;
}
#lightbox {
position : absolute;
left : 0;
width : 100%;
z-index : 100;
text-align : center;
line-height : 0;
}
#lightbox img {
width : auto;
height : auto;
}
#lightbox a img {
border : none;
}
#outerImageContainer {
position : relative;
background-color : #fff;
width : 250px;
height : 250px;
margin : 0 auto;
}
#imageContainer {
padding : 10px;
}
#loading {
position : absolute;
top : 40%;
left : 0%;
height : 25%;
width : 100%;
text-align : center;
line-height : 0;
}
#hoverNav {
position : absolute;
top : 0;
left : 0;
height : 100%;
width : 100%;
z-index : 10;
}
#imageContainer > #hoverNav {
left : 0;
}
#hoverNav a {
outline : none;
}
#prevLink, #nextLink {
width : 49%;
height : 100%;
display : block;
}
#prevLink {
left : 0;
float : left;
}
#nextLink {
right : 0;
float : right;
}
#prevLink:hover, #prevLink:visited:hover {
background : url(images/prevlabel.gif) no-repeat left 15%;
}
#nextLink:hover, #nextLink:visited:hover {
background : url(images/nextlabel.gif) no-repeat right 15%;
}
#imageDataContainer {
font : 10px Verdana, Helvetica, sans-serif;
background-color : #fff;
margin : 0 auto;
line-height : 1.4em;
overflow : auto;
width : 100%;
}
#imageData {
padding : 0 10px;
color : #666;
}
#imageData #imageDetails {
width : 70%;
float : left;
text-align : left;
}
#imageData #caption {
font-weight : bold;
}
#imageData #numberDisplay {
display : block;
clear : left;
padding-bottom : 1em;
}
#imageData #bottomNavClose {
width : 66px;
float : right;
padding-bottom : 0.7em;
outline : none;
}
#overlay {
position : absolute;
top : 0;
left : 0;
z-index : 90;
width : 100%;
height : 500px;
background-color : #000;
}
#cont_val_let {
background-image : url(images/cont_valores_letreros.jpg);
background-repeat : no-repeat;
height : 70px;
width : 260px;
padding-top : 10px;
padding-right : 15px;
padding-bottom : 5px;
padding-left : 15px;
}
#calendario {
height : 150px;
width : 278px;
padding-top : 10px;
margin-left : 8px;
}
.main {
width : 275px;
border : 1px dotted #999999;
}
.month {
background-color : #06355b;
font : bold 12px Arial;
color : white;
}
.daysofweek {
background-color : #eaf1ff;
font : bold 12px Arial;
color : #006666;
}
.days {
font-size : 12px;
font-family : Arial, tahoma, Times, serif;
color : #666666;
background-color : #f5f8fe;
padding : 2px;
}
.days #today {
font-weight : bold;
color : red;
}
#blog1 {
height : 540px;
width : 500px;
padding-top : 5px;
padding-right : 15px;
padding-bottom : 5px;
padding-left : 0;
margin-left : 40px;
border-bottom-width : thin;
border-bottom-style : solid;
border-bottom-color : #6b9bb2;
}
#comentario1 {
height : 3200px;
width : 500px;
padding-top : 5px;
padding-right : 15px;
padding-bottom : 5px;
padding-left : 0;
margin-left : 40px;
border-bottom-width : thin;
border-bottom-style : solid;
border-bottom-color : #6b9bb2;
color : #00223d;
}
#titulo_comentarios {
height : 50px;
width : 510px;
font-family : Arial, Helvetica, sans-serif;
text-transform : uppercase;
}
#contenido #cont_clientes #cada_cliente #blog1 #titulo_comentarios table tr td {
color : #aec5dd;
font-size : 10px;
}
#contenido #cont_clientes #cada_cliente #blog1 table tr td {
text-align : justify;
color : #006;
font-size : 11px;
}
#contenido #cont_clientes #cada_cliente #blog1 table tr td table tr td {
text-align : justify;
font-size : 11px;
color : #006;
}
.comentario1 {
font-size : 11px;
text-align : justify;
color : #036;
}
body {
background-image : url(images/pro_01.jpg);
background-repeat : repeat-x;
margin-left : 0;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
background-color : #00223d;
}
body, td, th {
font-size : 12px;
color : #ffffff;
font-family : Arial, Helvetica, sans-serif;
}
.Estilo1 {
font-size : 12px;
}
.Estilo8 {
color : #333333;
font-size : 11px;
}
.style1 {
color : #006699;
font-size : 11px;
font-weight : bold;
}
.Estilo12 {
color : #888888;
font-size : 12px;
}
.Estilo18 {
font-size : 20px;
}
.Estilo20 {
color : #cccccc;
font-size : 9px;
}
.Estilo21 {
font-size : 11px;
}
.Estilo22 {
color : #003333;
}
.Estilo25 {
color : #333300;
}
.Estilo30 {
	color : #FF6600;
	font-size: 8px;
}
#cuadro_texto_inicio1 {
	height: 236px;
	width: 840px;
	padding-top: 25px;
	padding-right: 25px;
	padding-left: 20px;
	background-image: url(images/fondo_cuadro_bienvenida_inicio.jpg);
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-left: 15px;
}
#cuadro_inicio_categorias {
	height: 690px;
	width: 910px;
}
#categoria_letreros {
	background-image: url(images/categoria-letreros.jpg);
	background-repeat: no-repeat;
	height: 80px;
	width: 180px;
	padding-top: 220px;
	padding-right: 10px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003366;
}
#categoria_web {
	background-image: url(images/categoria-sitiosweb.jpg);
	background-repeat: no-repeat;
	height: 80px;
	width: 180px;
	padding-top: 220px;
	padding-right: 10px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003366;
}
#categoria_adhesivos {
	background-image: url(images/categoria-adhesivos.jpg);
	background-repeat: no-repeat;
	height: 80px;
	width: 180px;
	padding-top: 220px;
	padding-right: 10px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003366;
}
#categoria_impresiones {
	background-image: url(images/categoria-impresiones.jpg);
	background-repeat: no-repeat;
	height: 80px;
	width: 180px;
	padding-top: 220px;
	padding-right: 10px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003366;
}
#categoria_papeleria {
	background-image: url(images/categoria-papeleria.jpg);
	background-repeat: no-repeat;
	height: 80px;
	width: 180px;
	padding-top: 220px;
	padding-right: 10px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003366;
}
#categoria_design {
	background-image: url(images/categoria-design.jpg);
	background-repeat: no-repeat;
	height: 80px;
	width: 180px;
	padding-top: 220px;
	padding-right: 10px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003366;
}
#categoria_regalos {
	background-image: url(images/categoria-regalos.jpg);
	background-repeat: no-repeat;
	height: 80px;
	width: 180px;
	padding-top: 220px;
	padding-right: 10px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003366;
}
#categoria_ofertas {
	background-image: url(images/categoria-ofertas.jpg);
	background-repeat: no-repeat;
	height: 80px;
	width: 180px;
	padding-top: 220px;
	padding-right: 10px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003366;
}
#cuadro_textos_categorias_inicio {
	height: 25px;
	width: 180px;
	padding-bottom: 10px;
}