@charset "utf-8";

/* --------------Basic stuff ----------------*/
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 95%;
	letter-spacing: normal /*0.4px*/;
	line-height: 18px;
	background-color: #cdefec;
	background-image: url(../Images/stripe.png);
}

img {
    border-style: none;
}

a {
   color: blue;
}

a:visited {
   color: blue;
}

a:hover {
   color: blue;
}


/* Header contains a NAME, que es el nombre a la izquierda arriba y a SLOGAN que es la frase a la derecha */

#header {
	padding: 10px;
	/*background: repeat-x url(../Images/backgroundh1.gif);*/
	
}
#name {
	float: left;
	width: 260px;
	margin: 0 0 0 10px;
	color: #0c827b;
}

#name a {
    color: #0c827b;
	text-decoration:none;
}

#name span{
	display:block;
	font-family:"Times New Roman", Times, serif;
	font-style:oblique;
	font-size: 0.7em;
	margin: 0 0 5px 5px;
}
#slogan {
	float: right;
	width: 500px;
	margin: 0;
	font-size: 0.8em;
}
#slogan #color1 {
	color: #d24848 /*#864da3*/;
	text-align:right;
}

#slogan #color2 {
	color: #496dbf /*#606e26*/;
	text-align:right;
	background: url(../Images/badge2.jpg) no-repeat 37% 50%;
	padding: 6px 0;
}

/* PICSIDEBAR es una combinacion de PICTURE y SIDEBAR, es el DIV que contiene a la pic y al sidebar que origin. era un testimonial a la izquierda del contenido principal */

#picsidebar {
	float: left;
	width: 190px;
}

#sidebarcontent {
	clear: both;
}

.black {
    color: black;
	font-weight:bold;
}

#sidebarcontent span {
    display:block;
    font-weight:normal;
}

.thrColFix #sidebar1 {  /* Esto esta en el DWoriginal, pero lo puse aqui para cambios rapidos*/
	float: left; 
	width: 150px; 
	background: #f5f5f5; 
	padding: 10px; 
	margin: 10px;
	font-size: 0.8em;
}

#sidebar1 {
	letter-spacing: normal;
	line-height: normal;
	border: 1px solid #61cdca;
	color: #377775;
	text-align: center;
}

#sidebar1 h3 {
	font-style: oblique;
	margin: 0px;
}

#pictureauthor {
	width: 170px;
	margin: 10px;
	padding: 0px;
	border: 1px solid #0c827b;
}

/*  -----------Aqui empieza el CONTENT -------------*/

#buttons {
    margin-top:17px;
	margin-bottom: 0px;
}
#sharebutton {
    margin-right:20px;
	float:left;
}
#rssbutton {
    float:left;
}

#h1header {
   color: black;
   font-size:1.2em;
   line-height: 23px;
   margin-top: 47px;
   margin-bottom: 35px;
   clear:both;
}

#green { /* Esto es para que el parrafo sea verde */
    color: #0c827b;
}

#green span {
    display:block;
}

#paragraphcenter{  /* Esto es para centrar el Click here for more link */
   text-align: center; 
}

.linkbold {       /* Esto es para que el link centrado sea bold */
   font-weight: bold;
}

#mainContent {
	background-image: url(../Images/bar1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
} 

#mainContent h2 {
    font-size: 1.1em;
	color: #0c827b;
} 


/* --------Esto es para conseguir que dos DIVs tengan la misma altura ----------*/

    /* ------Primero estan left y right, UNO tiene que estar overflow hidden ----*/
    .left
    {
        float: left;
        width: 425px;
        overflow: hidden;
		margin-left: 10px;
    }
    
	.right
    {
        float: left;
        margin-left: 17px;
        width: 425px;
    }
    /* -----------------Crea un borde en el top, porque los de arriba estan hidden-----*/
    .bor_top
    {
        height: 1px;
        background: #61cdca;
        overflow: hidden;
    }
	
	/* -----Equal es el que va en los 4 DIVs anidados con contenido, es la clave, creo-----*/
    .equal
    {
        padding-bottom: 32767px;
        margin-bottom: -32767px;
    }
	
	/* ---------el box encierra el contenido de los DIVs y les da los bordes, pero no el de abajo 
	por el overflow ---------------*/
	
    .box
    {
        /*background: #F5E2AF;*/
        border: 1px #61cdca solid;
        padding-left: 10px;
        padding-right: 10px;
    }
   
/* -----------------Para los dos cajones de comparacion de productos ----------*/
#twoproducts {
	width: 887px;
	margin: 0 auto;
	line-height: 18px;
	overflow:hidden;
}

#twoproducts h2 {
    font-size: 1.1em;
	color: #0c827b;
} 

#product1, #product2 {
	width: 425px;
	padding: 0;
	/*border: 1px solid #aaaaaa;*/ /* tuve que quitar los bordes, pues se los dan lo de arriba*/
}

#product1 h1, #product2 h1{
	padding-top: 15px;
	color: #2a295a;
	font-size:1.6em;
}

#product1 img{
	float: left;
}

#product1 {
	float: left;
	margin: 10px 0 0px 10px;
	overflow:hidden; /* solo uno tiene que ser overflow hidden */
	background: repeat-x url(../Images/backgroundh1.gif);
	
}

#product2 {
	float: right;
	margin: 10px 10px 0 0;
	background: repeat-x url(../Images/backgroundh1.gif);
}

/* ----------------El cajon de la conclusion ---------------------*/

#conclusion {
	border: 1px solid #61cdca;
	margin: 10px;
	padding: 10px;
	background: repeat-x url(../Images/backgroundh1.gif);
	clear: both;
}

#conclusion h1 {
	color: #060c83;
	margin-bottom: 0px;
	padding-top: 10px;
}

#conclusion .final {
	margin-bottom: 0px;
}

#conclusion img{
	float: right;
}


/* ------------------------El copyright con el website debajo de conclusion ----*/
#copyright {
	text-align: center;
	letter-spacing: normal;
	font-size: 0.8em;
}
#copyright p {
	margin-top: 25px;
	color: #489795;
}


/*----------------------bottom menu----------*/

#footer {
	position: relative;
	top: 20px;
	letter-spacing: normal;
}

#footer li {
	display:inline;
	padding:0 .9em;
	border-right:1px solid #377775;
}

#footer li.last {
	border:none;
}
#footer {
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 0.8em;
	text-align:center;
        padding: 0px 0px 20px 0px;
}
#footer  a:link {
	color: #377775;
	text-decoration:none;
}
#footer a:visited {
	color: #377775;
	text-decoration:none;
}

#footer a:hover {
	color: #377775;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #377775;
    /*background: url(../images/underlineblue.gif) bottom left repeat-x;*/
}
#footer a:active {
	color: #377775;
}

/* ------------------------El disclaimer debajo del bottom menu ----*/
#disclaimer {
	text-align: center;
	letter-spacing: normal;
	font-size: 0.6em;
}
#disclaimer p {
	padding: 0 15px 0 15px;
	margin: 15px 0 10px 0;
	color: #489795;
	line-height: 11px;
}