* { margin:0; padding:0; outline:none;  font-family:Geneva,Arial,Helvetica,sans-serif; }
img { border:0; }
html { height:100%; }
body {
background:url(images/backg.gif) repeat;
font-family:Geneva,Arial,Helvetica,sans-serif;
}

#pageWrapper {
width:780px;
margin:0 auto;
}

#page {
float:left;
width:740px;
padding:29px 20px 21px;
background-color:#fff;
}
/********************************/
#header {
float:left;
width:740px;
position:relative;
}
#header #distribuidor {
position:absolute;
float:left;
right:10px;
top:-8px;
}
#header #distribuidor p {
float:right;
font-size:10px;
color:#666;
padding:11px 6px;
text-align:right;
}
#header #distribuidor p strong {
font-size:12px;
}
#header #distribuidor #logo {
width:47px;
height:38px;
background:url(images/logo.png);
float:right;
}
#header ul { 
list-style:none;
float:left;
}
#header ul li { 
float:left; 
height:30px;
margin:45px 1px 0 0;
background:#d01f49;
position:relative;
}
#header ul li:hover {
margin-top:40px;
height:35px;
}
#header ul li#logo {
background:url(images/index_r3_c2.jpg) no-repeat 0 0 #fff;
margin-top:0;
height:72px;
padding:0 0 3px;
}
#header ul li#selected {
height:35px;
_height:36px;
margin-top:40px;
background-color:#2a3994;
}
#header ul li a {
font-size:11px;
color:#fff;
text-decoration:none;
text-align:center;
padding:11px 45px 6px;
float:left;
display:block;
} 
#header ul li:hover a {
padding-bottom:11px;
}
#header ul li#selected a {
padding-top:14px;
}
#header ul li#logo a {
height:72px;
width:137px;
padding:0;
}
#header ul li a .corL, #header ul li a .corR {
position:absolute;
top:0;
left:0;
background:url(images/menuAzul.png) no-repeat left top;
width:3px;
height:3px;
}
#header ul li a .corR { background-position:left -3px; left:auto; right:0; }
#header ul li#selected a .corL { background-position:left -6px; }
#header ul li#selected a .corR { background-position:left -9px; }

/********************************/
#contenido {
width:740px;
padding-top:25px;
background-color:#2a3994;
float:left;
position:relative;
}
#contenido #mainSwf {
float:left;
width:740px;
height:190px;
}
#contenido .corL, #contenido .corR {
position:absolute;
top:0;
left:0;
background:url(images/contactoCor.png) no-repeat left top;
width:3px;
height:3px;
}
#contenido .corR { left:auto; right:0; background-position:left -3px; }
/*******************************/
h3.novedades {
float:left;
color:#fff;
font-size:18px;
width:708px;
padding:17px 16px 0;
}
.homeRow {
width:708px;
float:left;
clear:both;
padding:17px 16px 0;
display:table;
}
.homeRow.first { padding-top:0; }
.homeRow .novedad {
padding:10px 14px;
float:left;
background-color:#fff;
width:447px;
display:table;
position:relative;
-moz-border-radius:5px;
}
.homeRow .novedad .info {
width:263px;
float:left;
}
.homeRow .novedad .info h1 {
width:263px;
}
.homeRow .novedad .info h1 a {
padding-top:13px;
float:left;
color:#CF1E48;
font-size:18px;
width:263px;
text-decoration:none;
}
.homeRow .novedad .info h2 {
float:left;
font-size:12px;
width:263px;
font-weight:normal;
color:#333;
}
.homeRow .novedad .info p {
color:#333;
width:263px;
float:left;
margin-top:15px;
font-size:12px;
font-weight:bold;
}
.homeRow .novedad .imagen {
text-align:center;
height:100%;
display:table-cell;
vertical-align:middle;
position:relative;
margin:0 auto;
_float:right;
}
.homeRow .publicidad {
padding-left:10px;
height:100%;
display:table-cell;
vertical-align:middle;
_float:right;
}
/*****************************/
.busquedasWrapper {
float:left;
width:700px;
padding:17px 20px 8px;
_padding:17px 0 0;
_width:650px;
}
.busquedasWrapper .busqueda {
float:left;
margin:0 16px 0 30px;
_margin:0 0 15px 15px;
}
.busquedasWrapper .busqueda h1 {
float:left;
color:#fff;
font-size:14px;
_width:100%;
}
.busquedasWrapper .busqueda select, .busquedasWrapper .busqueda input[type="text"] {
float:left;
margin:5px 0 0;
width:300px;
_width:auto;
font-size:14px;
color:#333;
border:0;
clear:left;
}
.busquedasWrapper .busqueda select#porterapeuticas option {
padding-left:20px;
}
.busquedasWrapper .busqueda input[type="text"] {
padding:0 2px;
width:235px;
margin-right:0;
font-size:12px;
height:22px;
}
.busquedasWrapper .busqueda input[type="submit"] {
margin-top:5px;
width:58px;
height:22px;
float:left;
cursor:pointer;
-moz-border-radius:0 3px 3px 0;
background-color:#D01F49;
color:#fff;
border:1px solid #C03;
border-right:2px solid #C03;
}
#destacadosWrapper {
margin-top:30px;
float:left;
width:740px;
}
#destacadosWrapper h1 {
float:left;
color:#fff;
font-size:18px;
padding:0 0 0 16px;
}
#destacados h2 {
float:left;
color:#CF1E48;
font-size:18px;
padding:16px;
}
#destacados {
width:708px;
float:left;
margin:0 16px;
padding:5px 0;
background-color:#fff;
-moz-border-radius:5px;
_margin:0 8px;
}
#destacados .producto {
float:left;
width:150px;
padding:10px 13px;
height:200px;
overflow:hidden;
}
#destacados .producto .imagen {
width:150px;
}
#destacados .producto p {
margin-top:2px;
text-align:center;
font-size:12px;
color:#333;
}
#destacados .producto p a {
font-size:12px;
color:#333;
text-decoration:none;
}
#destacados .producto p.title a {
color:#CF1E48;
font-size:12px;
}
#destacados .producto p a:hover {
text-decoration:underline;
}
#destacados .navigation {
float:left;
width:100%;
padding-bottom:5px;
}
#destacados .navigation a {
font-size:14px;
text-decoration:none;
color:#CF1E48;
}
#destacados .navigation .alignleft {
padding-left:20px;
float:left;
}
#destacados .navigation .alignright {
padding-right:20px;
float:right;
}
/*****************************/
#quienesSomosWrapper {
float:left;
margin-top:50px;
}
#quienesSomos {
margin:0 95px;
padding:18px 0 0;
background-color:#fff;
color:#333;
font-size:12px;
-moz-border-radius:5px;
}
/*****************************/
#contacto {
float:left;
padding:5px 0 0x;
width:740px;
}
#contacto #formulario {
	width:50%;
	float:left;
}
#contacto #formulario #left {
width:60px;
float:left;
margin-right:10px;
}
#contacto #formulario #left p {
color:#fff;
font-weight:bold;
font-size:14px;
padding-right:10px;
height:18px;
margin-bottom:10px;
float:left;
width:100%;
}
#contacto #formulario #right {
float:left;
width:200px;
}
#contacto #formulario #right input[type="text"], #contacto #formulario #right select {
float:left;
width:100%;
height:18px;
margin-bottom:10px;
font-size:13px;
}
#contacto #formulario p.titulos {
float:left;
font-size:14px;
font-weight:bold;
color:#fff;
padding-bottom:3px;
}
#contacto #formulario textarea {
float:left;
width:270px;
}
#contacto p.frase {
padding:0 13px;
color:#fff;
font-size:12px;
font-weight:bold;
text-align:center;
}
/*****************************/
#postWrapper {
width:740px;
float:left;
margin-top:35px;
}
#post {
width:600px;
margin:0 60px;
padding:15px 10px 25px;
background-color:#fff;
float:left;
-moz-border-radius:5px;
}
#post #titulos {
width:250px;
margin:40px 0 0 55px;
float:left;
position:relative;
z-index:200;
}
#post #titulos h1 {
color:#2A3994;
margin-top:5px;
float:left;
width:100%;
}
#post #titulos h2 {
color:#333;
font-size:12px;
float:left;
width:100%;
}
#post #titulos #tags {
float:left;
margin-top:25px;
}
#post #titulos #tags img {
margin:0 8px 8px 0;
float:left;
position:relative;
z-index:100;
}
#post #imagen {
float:left;
margin-right:55px;
width:240px;
}
#post #thecontent {
float:left;
margin-top:20px;
padding:0 10px;
width:580px;
}
#post #thecontent strong {
float:left;
color:#CF1E48;
font-size:16px;
}
#post #thecontent p {
margin-top:5px;
float:left;
font-size:12px;
width:100%;
font-weight:bold;
}
#post #thecontent hr {
float:left;
padding-bottom:25px;
width:100%;
visibility:hidden;
}
#post #thecontent table {
font-size:12px;
margin-top:5px;
float:left;
font-size:12px;
border:1px solid #CCC;
border-right:0;
}
#post #thecontent th { 
font-weight:bold; 
border-bottom:1px solid #CCC;
border-right:1px solid #CCC; 
padding:2px 0;
}
#post #thecontent td { 
text-align:center; 
padding:1px 0;
border-right:1px solid #CCC; 
}
#post #thecontent tr.gris { background-color:#DDD; }
/*****************************/
#contacto #contactoImagen {
float:left;
width:700px;
height:545px;
background:url(images/Contactos.jpg) no-repeat;
margin:0 20px;
position:relative;
}
#contacto #contactoImagen form {
float:left;
position:absolute;
width:220px;
top:195px;
left:355px;
}
#contacto form label {
float:left;
font-size:14px;
color:#2A3994;
width:60px;
height:20px;
margin:0 10px 5px 0;
text-align:right;
}
#contacto form #bottom label {
width:100%;
margin:0 0 3px 1px;
text-align:left;
}
#contacto form input[type="text"], form select {
float:left;
font-size:12px;
color:#444;
width:149px;
height:18px;
margin-bottom:5px;
padding-left:1px;
border:1px solid #a3a8c5;
background-color:#e7e6d8;
}
#contacto form select { width:151px; height:20px; }
#contacto form option { background-color:#fff; }
#contacto form textarea {
width:216px;
font-size:12px;
height:49px;
padding:2px;
background:none;
border:1px solid #a3a8c5;background-color:#e7e6d8;
color:#444;
}
#contacto form input[type="submit"] {
float:right; 
border:0;
background:none;
color:#2A3994;
cursor:pointer;
margin-top:3px;
}
#contacto form input[type="submit"]:hover {
text-decoration:underline;
}
#contacto form #left {
width:70px;
float:left;
}
#contacto form #right {
width:150px;
float:left;
}
#contacto form #top {
float:left;
}
#contacto form #bottom {
float:left;
}
#contacto .popupWrapper {
position:absolute;
width:250px;
top:240px;
left:330px;
-moz-border-radius:5px;
background:none repeat scroll 0 0 rgba(82, 82, 82, 0.7);
padding:6px;
}
#contacto .popupWrapper .popup {
background-color:#fff;
padding:10px;
font-size:12px;
color:#2A3994;
text-align:center;
}
/*****************************/
#footer {
padding:25px 0 20px;
float:left;
width:740px;
background-color:#2A3994;
position:relative;
}
#footer #menu {
margin:0 auto;
width:500px;
}
#footer #menu p, #footer #menu p a {
color:#fff;
font-size:10px;
text-align:center;
text-decoration:none
}
#footer #menu p a:hover { text-decoration:underline; }
#footer .corL, #footer .corR {
position:absolute;
bottom:0;
left:0;
background:url(images/contactoCor.png) no-repeat left -9px;
width:3px;
height:3px;
}
#footer .corR { left:auto; right:0; background-position:left -6px; }