/* CSS Document 
   Página Web Cafetal Ltda.
   Por Raúl Ramírez Peralta / Diseñador gráfico
   Noviembre 2009
*/

* {
padding:0;
margin:0;
}

html{
height: 100%;
}

img{
border-width: 0;
}

body{
background-color:#3b0a09;
border:0px;
margin:0px;
padding:0px;
height:100%;
font-family: Arial, Helvetica, sans-serif;
}

a{
outline-style: none;
}

h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
color:#3b0a09;
text-align:left;
padding-left:15px;
padding-top:3px;
}

/* 
pagina index 
---------------------------- */

#barra{
width:100%;
height:3px;
background-color:#675748;
}

/* hack ie6 */
* html #barra{
width:auto;
height:4px;
overflow:hidden;
background-color:#675748;
}

#contenedorgeneral{
width:800px;
height:auto;
overflow:hidden;
text-align:center;
margin-left:auto;
margin-right:auto;
}

*html #contenedorgeneral{
width:800px;
height:auto;
overflow:hidden;
margin-left:auto;
margin-right:auto;
}

#headperfil{
width:794px;
height:125px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:none;
}

#cuerpoheaduno{
background-image:url(../images/fondohead.png);
background-repeat:no-repeat;
width:794px;
height:95px;
background-color:#f9f7eb;
}

#logocafetal{
width:166px;
height:64px;
padding-top:20px;
padding-left:20px;
}

* html #logocafetal{
width:166px;
height:64px;
padding-top:20px;
padding-left:20px;
float:left;
}

*:first-child+html #logocafetal{
width:166px;
height:64px;
padding-left:20px;
float:left;
}

#botoneraprincipal{
background-image:url(../images/fondobotonera.png);
background-repeat:no-repeat;
background-color:#7a6a5a;
width:794px;
height:30px;
}

* html #botoneraprincipal{
background-color:#7a6a5a;
width:794px;
height:30px;
clear:both;
}

#botoneraglobal{
width:620px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
list-style:none;
margin:0;
text-align:left;
float:left;
}

#botoncontacto{
float:left;
width:134px;
height:30px;
}

* html #botoncontacto{
float:left;
width:134px;
height:20px;
}

#botonmusica{
width:110px;
height:20px;
margin-top:5px;
margin-right:10px;
padding-top:3px;
float:right;
}

#wmfg {
clear:both;
width:794px;
height:250px;
margin-left:auto;
margin-right:auto;
border:3px solid #3b0a09;
}

#barrapuntaredonda{
background-image:url(../images/puntaredonda.png);
background-repeat:no-repeat;
width:800px;
height:8px;
margin-top:3px;
margin-left:auto;
margin-right:auto;
}

* html #barrapuntaredonda{
visibility:hidden;
}

#cuerpoinfo{
width:794px;
height:515px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:none;
border-bottom:none;
}

* html #cuerpoinfo{
width:794px;
height:500px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:3px solid #a3844f;
border-bottom:none;
}

/* 
contenido index
---------------------------- */

#barratitulocuerpo{
background-image:url(../images/fondobarratexto.png);
background-repeat:no-repeat;
width:794px;
height:35px;
overflow:hidden;
border-bottom:2px solid #a3844f;
}

#titulobienvenidos{
width:500px;
height:35px;
float:left;
}

#titulorecomendamos{
width:270px;
height:35px;
float:right;
}

#infobienvenido{
width:450px;
height:450px;
float:left;
overflow:hidden;
}

#fototextobienvenido{
width:500px;
height:220px;
overflow:hidden;
}

#infotextobienvenido a{
width:300px;
height:190px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
float:left;
margin-left:15px;
margin-top:25px;
}

#infofotobienvenido{
width:120px;
height:120px;
float:right;
margin-top:50px;
margin-right:10px;
}

#linkcatalogo{
width:400px;
height:220px;
float:left;
margin-left:15px;
}

#inforecomendado{
width:330px;
height:470px;
float:right;
overflow:hidden;
}

#recomendacionuno{
width:330px;
height:120px;
overflow:hidden;
border-bottom:2px solid #a3844f;
}

#fotorecomendacionuno{
width:135px;
height:111px;
float:left;
margin-top:5px;
margin-left:5px;
}

#textorecomendacionuno a{
width:180px;
height:90px;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
margin-top:10px;
padding-top:10px;
}

#recomendaciondos{
width:330px;
height:155px;
overflow:hidden;
border-bottom:2px solid #a3844f;
}

#fotorecomendaciondos{
width:135px;
height:144px;
float:left;
margin-top:5px;
margin-left:5px;
}

#textorecomendaciondos{
width:140px;
height:90px;
float:right;
margin-top:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
margin-top:15px;
padding-top:10px;
text-align:left;
margin-right:40px;
}

#textorecomendaciondos a{
text-decoration:none;
color:#3b0a09;
}

#recomendaciontres{
width:330px;
height:39px;
overflow:hidden;
border-bottom:2px solid #a3844f;
}

#fotorecomendaciontres{
width:30px;
height:39px;
float:left;
margin-top:10px;
margin-left:55px;
}

#textorecomendaciontres a{
width:180px;
height:40px;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
margin-top:10px;
}

#recomendaciontres{
width:330px;
height:65px;
overflow:hidden;
border-bottom:2px solid #a3844f;
}

#tituloultimasnoticias{
background-image:url(../images/fondobarratextonoticias.png);
background-repeat:no-repeat;
width:330px;
height:35px;
margin-top:10px;
border-bottom:2px solid #a3844f;
}

#noticiauno{
width:330px;
height:120px;
overflow:hidden;
border-bottom:2px solid #a3844f;
}

#fototitulonoticias{
width:107px;
height:111px;
float:left;
margin-top:5px;
margin-left:15px;
}

#textotitulonoticias{
width:200px;
height:90px;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
margin-top:10px;
padding-top:10px;
}

#textotitulonoticias a{
text-decoration:none;
color:#3b0a09;
}

#footer{
clear:both;
background-image:url(../images/fondofooter.png);
background-repeat:repeat-x;
width:794px;
height:200px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border-left:3px solid #a3844f;
border-right:3px solid #a3844f;
}

#botonerasecundaria{
width:794px;
height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#dcd6c6;
list-style:none;
margin-left:auto;
margin-right:auto;
overflow:hidden;
padding-top:10px;
border-bottom:1px solid #dcd6c6;
}

#botonerasecundaria ul li{
list-style-type:none;
display:inline;
}

#botonerasecundaria ul{
padding:0;
margin:0;
}

#botonerasecundaria a{
width:875px;
height:20px;
text-decoration:none;
color:#a3844e;
padding-left:15px;
padding-right:5px;
margin-left:5px;
}

#botonerasecundaria a:hover{
width:875px;
height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#B9B186;
list-style:none;
}

#infopie{
width:794px;
height:150px;
overflow:hidden;
}


#infopieuno{
height:130px;
width:300px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
color:#a3844e;
padding-top:25px;
padding-left:20px;
}

#infopieuno a{
text-decoration:none;
color:#a3844e;
}

#infopiedos{
height:130px;
width:400px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:right;
color:#a3844e;
padding-top:25px;
padding-right:30px;
float:right;
}

#infopiedos a{
text-decoration:none;
color:#a3844e;
}

/* 
Contacto
---------------------------- */

#cuerpoimagencontacto{
clear:both;
width:794px;
height:150px;
margin-left:auto;
margin-right:auto;
border:3px solid #3b0a09;
}

#cuerpocontacto{
width:794px;
height:550px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:none;
border-bottom:none;
}

* html #cuerpocontacto{
width:794px;
height:550px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:3px solid #a3844f;
border-bottom:none;
}

#divcontactouno{
width:380px;
height:450px;
float:left;
margin-top:30px;
margin-left:35px;
border:1px dashed #EFEFEF;
}

*html #divcontactouno{
width:380px;
height:450px;
float:left;
margin-top:30px;
margin-left:5px;
border:1px dashed #EFEFEF;
}

#espacioformulario{
width:250px;
height:250x;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:5px;
}

* html #espacioformulario{
width:380px;
height:250x;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:5px;
}

#espacioformulariouno{
width:70px;
height:25px;
float:left;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
padding-top:3px;
text-align:right;
margin-left:15px;
}

*html #espacioformulariouno{
width:55px;
height:25px;
float:left;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
padding-top:3px;
text-align:right;
margin-left:15px;
}

#espacioformulariodos{
width:160px;
height:25px;
float:left;
}

* html #espacioformulariodos{
width:150px;
height:25px;
float:left;
}

#espaciotextoenviar{
width:270px;
height:100px;
margin-top:5px;
float:right;
margin-right:20px;
}

* html #espaciotextoenviar{
width:300px;
height:100px;
margin-top:5px;
float:right;
margin-right:5px;
}

#botonesmail{
width:400px;
height:25x;
overflow:hidden;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-top:10px;
}

#divbotonenviar{
width:80px;
height:25px;
float:right;
margin-right:20px;
padding-right:30px;
}

#divborrar{
width:80px;
height:25px;
float:right;
margin-right:30px;
padding-right:30px;
}

#divcontactodos{
width:350px;
height:470px;
float:right;
margin-top:25px;
margin-right:15px;
}

#placabronce{
background-image:url(../images/placabronce.png);
background-repeat:no-repeat;
width:300px;
height:200px;
margin-top:10px;
margin-left:20px;
}

#infocontacto{
width:270px;
height:100px;
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
color:#000000;
margin-left:auto;
margin-right:auto;
padding-top:25px;
}

#infocontacto a{
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
color:#000000;
text-decoration:none;
}

#fotobuzon{
width:350px;
height:250px;
}

.botonborrar{
background-color:#a3844f;
float:left;
width:80px;
height: 19px;
text-decoration:none;
border:1px solid #442520;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
padding-bottom:2px;
}

.botonenviar{
background-color:#a3844f;
float:left;
width:80px;
height: 19px;
text-decoration:none;
border:1px solid #442520;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
padding-bottom:2px;
}

/* 
Nuestra Empresa
---------------------------- */

#cuerpoimagennosotros{
clear:both;
width:794px;
height:150px;
margin-left:auto;
margin-right:auto;
border:3px solid #3b0a09;
}

* html #cuerpoimagennosotros{
clear:both;
width:794px;
height:150px;
margin-left:auto;
margin-right:auto;
}

#cuerpoinfonosotros{
width:794px;
height:400px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:none;
border-bottom:none;
}

* html #cuerpoinfonosotros{
width:794px;
height:400px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:3px solid #a3844f;
border-bottom:none;
margin-top:0px;
}

#textonuestraempresa{
width:470px;
height:320px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
float:left;
margin-left:20px;
margin-top:25px;
}

#textonuestraempresauno{
width:470px;
height:320px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
float:left;
margin-left:25px;
margin-top:65px;
}

#nuestraempresalink{
width:470px;
height:30px;
border-top:1px solid #3b0a09;
margin-top:15px;
padding-top:5px;
}

#nuestraempresalink a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
}

#fotofachada{
width:270px;
height:300px;
float:right;
overflow:hidden;
margin-top:10px;
margin-right:10px;
}

/* 
Fin Nuestra Empresa
---------------------------- */

/* 
Nuestros clientes
---------------------------- */

#cuerpoinfoclientes{
width:794px;
height:540px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:none;
border-bottom:none;
}

* html #cuerpoinfoclientes{
width:794px;
height:540px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:3px solid #a3844f;
border-bottom:none;
}

#textonuestrosclientes{
width:770px;
height:200px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
overflow:hidden;
padding-left:25px;
padding-right:25px;
padding-top:25px;
}

#logotiposclientes{
width:700px;
height:230px;
margin-left:60px;
}

#nuestrosclienteslink{
width:750px;
height:30px;
margin-top:5px;
margin-left:25px;
padding-top:5px;
border-top:1px solid #3b0a09;
text-align:left;
}

#nuestrosclienteslink a{
width:750px;
height:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
clear:both;
}

#logouno{
width:200px;
height:100px;
float:left;
margin-left:15px;
}

#logodos{
width:200px;
height:100px;
float:left;
margin-top:15px;
margin-left:15px;
}

/* 
Fin Nuestros clientes
---------------------------- */

/* 
Nuestro cafe
---------------------------- */

#cuerpoinfocafe{
width:794px;
height:370px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:none;
border-bottom:none;
}

* html #cuerpoinfocafe{
width:794px;
height:370px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:3px solid #a3844f;
border-bottom:none;
}

#textofotonuestrocafe{
width:785px;
height:290px;
overflow:hidden;
}

#textonuestrocafe{
width:500px;
height:270px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
padding-left:25px;
padding-top:25px;
float:left;
}

#fotonuestrocafe{
width:220px;
height:265px;
overflow:hidden;
float:right;
margin-top:15px;
margin-right:15px;
}

/* 
Fin Nuestro cafe
---------------------------- */

/* 
Procesos del Café
---------------------------- */

#cuerpoprocesocafe{
width:794px;
height:1120px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:none;
border-bottom:none;
}

* html #cuerpoprocesocafe{
width:794px;
height:1120px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:3px solid #a3844f;
border-bottom:none;
}

#procesocafefototexto{
width:785px;
height:230px;
overflow:hidden;
}

#procesocafetexto{
width:480px;
height:200px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
padding-left:25px;
padding-top:25px;
float:left;
}

#procesocafefoto{
width:250px;
height:200px;
overflow:hidden;
float:left;
margin-left:20px;
margin-top:25px;
}

#procesocafefototextodos{
width:785px;
height:170px;
overflow:hidden;
}

* html #procesocafefototextodos{
width:785px;
height:170px;
overflow:hidden;
}

#procesocafefotodos{
width:150px;
height:120px;
overflow:hidden;
float:left;
margin-left:70px;
margin-top:35px;
}

* html #procesocafefotodos{
width:150px;
height:120px;
overflow:hidden;
float:left;
margin-left:40px;
margin-top:35px;
}

#procesocafetextodos{
width:480px;
height:140px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
padding-left:25px;
padding-top:25px;
float:left;
}

#procesocafefototres{
width:250px;
height:200px;
overflow:hidden;
float:left;
margin-left:20px;
margin-top:25px;
}

#procesocafetextotres{
width:480px;
height:120px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
padding-left:25px;
padding-top:25px;
float:left;
margin-top:40px;
}

#procesocafefototextocuatro{
width:785px;
height:300px;
overflow:hidden;
}

#procesocafetextocuatro{
width:480px;
height:270px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
padding-left:25px;
padding-top:25px;
float:left;
}

#procesocafefotocuatro{
width:250px;
height:250px;
overflow:hidden;
float:left;
margin-left:20px;
margin-top:35px;
}

* html #procesocafefotocuatro{
width:250px;
height:250px;
overflow:hidden;
float:left;
margin-left:10px;
margin-top:35px;
}

#procesolink{
width:750px;
height:30px;
margin-top:25px;
margin-left:25px;
padding-top:5px;
border-top:1px solid #3b0a09;
text-align:left;
}

#procesolink a{
width:750px;
height:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
clear:both;
}

/* 
Fin Procesos del Café
---------------------------- */

/* 
Fin Tipos Café
---------------------------- */

#cuerpotipocafe{
width:794px;
height:1030px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:none;
border-bottom:none;
}

* html #cuerpotipocafe{
width:794px;
height:1030px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:3px solid #a3844f;
border-bottom:none;
}

#tipocafefototexto{
width:785px;
height:160px;
overflow:hidden;
}

#tipocafetexto{
width:480px;
height:120px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
padding-left:25px;
padding-top:25px;
float:left;
margin-left:50px;
}

* html #tipocafetexto{
width:480px;
height:120px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
padding-left:25px;
padding-top:25px;
float:left;
margin-left:20px;
}

#tipocafefoto{
width:150px;
height:90px;
overflow:hidden;
float:left;
margin-left:20px;
margin-top:50px;
}

#tipocafefototextodos{
width:785px;
height:170px;
overflow:hidden;
}

#tipocafetextodos{
width:500px;
height:120px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
padding-left:5px;
padding-top:25px;
float:left;
margin-left:20px;
}

#tipocafefotodos{
width:150px;
height:90px;
overflow:hidden;
float:left;
margin-left:60px;
margin-top:55px;
}

* html #tipocafefotodos{
width:150px;
height:90px;
overflow:hidden;
float:left;
margin-left:30px;
margin-top:55px;
}

#tipocafefototextotres{
width:785px;
height:160px;
overflow:hidden;
}

#tipocafetextotres{
width:480px;
height:120px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
padding-left:25px;
padding-top:25px;
float:left;
margin-left:50px;
}

* html #tipocafetextotres{
width:480px;
height:120px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
padding-left:25px;
padding-top:25px;
float:left;
margin-left:25px;
}

#tipocafefototres{
width:150px;
height:90px;
overflow:hidden;
float:left;
margin-left:20px;
margin-top:55px;
}

#tipocafefototextocuatro{
width:785px;
height:170px;
overflow:hidden;
}

#tipocafetextocuatro{
width:500px;
height:120px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
padding-left:5px;
padding-top:25px;
float:left;
margin-left:20px;
}

* html #tipocafetextocuatro{
width:500px;
height:120px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
padding-left:5px;
padding-top:25px;
float:left;
margin-left:10px;
}

#tipocafefotocuatro{
width:150px;
height:90px;
overflow:hidden;
float:left;
margin-left:60px;
margin-top:55px;
}

* html #tipocafefotocuatro{
width:150px;
height:90px;
overflow:hidden;
float:left;
margin-left:30px;
margin-top:55px;
}

/* 
Fin Tipos Café
---------------------------- */

/* 
Producción
---------------------------- */

#cuerpoproduccion{
width:794px;
height:310px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:none;
border-bottom:none;
}

* html #cuerpoproduccion{
width:794px;
height:310px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:3px solid #a3844f;
border-bottom:none;
}

#textofotoproduccion{
width:785px;
height:230px;
overflow:hidden;
}

#textoproduccion{
width:400px;
height:180px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
overflow:hidden;
padding-left:25px;
padding-right:25px;
padding-top:25px;
margin-top:15px;
float:left;
}

#fotoproduccion{
width:300px;
height:200px;
margin-top:30px;
float:left;
}

/* 
Fin Producción
---------------------------- */

/* 
Café y Salud
---------------------------- */

#cuerpocafeysalud{
width:794px;
height:600px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:none;
border-bottom:none;
}

* html #cuerpocafeysalud{
width:794px;
height:600px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:3px solid #a3844f;
border-bottom:none;
}

#textofotocafeysalud{
width:785px;
height:510px;
overflow:hidden;
}

#textocafeysalud{
width:400px;
height:460px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
overflow:hidden;
padding-left:25px;
padding-right:25px;
padding-top:25px;
margin-top:15px;
float:left;
}

#fotocafeysalud{
width:300px;
height:400px;
margin-top:60px;
float:left;
}

/* 
Fin Café y Salud
---------------------------- */

/* 
Recetas
---------------------------- */

#cuerporecetas{
width:794px;
height:560px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:none;
border-bottom:none;
}

* html #cuerporecetas{
width:794px;
height:560px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:3px solid #a3844f;
border-bottom:none;
}

#recetascafefototexto{
width:785px;
height:470px;
overflow:hidden;
}

#recetascafetexto{
width:480px;
height:350px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
padding-left:25px;
padding-top:25px;
float:left;
margin-top:20px;
}

#recetascafefoto{
width:200px;
height:450px;
overflow:hidden;
float:left;
margin-left:40px;
margin-top:15px;
}
/* 
Fin Recetas
---------------------------- */

/* 
Vending
---------------------------- */
#cuerpovending{
width:794px;
height:540px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:none;
border-bottom:none;
}

* html #cuerpovending{
width:794px;
height:540px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:3px solid #a3844f;
border-bottom:none;
}

#textofotovending{
width:785px;
height:450px;
overflow:hidden;
}

#textovending{
width:400px;
height:460px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
overflow:hidden;
padding-left:25px;
padding-right:25px;
padding-top:25px;
margin-top:15px;
float:left;
}

#fotovending{
width:200px;
height:420px;
margin-top:20px;
margin-left:80px;
float:left;
}

#fotomaquina{
width:100px;
height:95px;
}

#fotomaquinados{
width:200px;
height:95px;
}

#fotomaquinatres{
width:100px;
height:95px;
}

#fotomaquinacuatro{
width:200px;
height:95px;
}

/* 
Fin Vending
---------------------------- */

/* 
Fin Catalogo Tío Pepe
---------------------------- */

#cuerpocatalogotiopepe{
width:794px;
height:400px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:none;
border-bottom:none;
}

* html #cuerpocatalogotiopepe{
width:794px;
height:400px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:3px solid #a3844f;
border-bottom:none;
}

#columnauno{
width:450px;
height:160px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
overflow:hidden;
}

#fotooro{
width:140px;
height:130px;
float:left;
}

#titulofotooro{
width:140px;
height:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
text-align:center;
}

#fotoplata{
width:140px;
height:130px;
float:left;
margin-left:10px;
}

#titulofotoplata{
width:140px;
height:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
text-align:center;
}

#fotoitaliano{
width:140px;
height:130px;
float:left;
margin-left:10px;
}

#titulofotoitaliano{
width:140px;
height:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
text-align:center;
}

#columnados{
width:610px;
height:160px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
margin-top:10px;
}

#fotofiume{
width:140px;
height:130px;
float:left;
margin-left:10px;
}

#titulofotofiume{
width:140px;
height:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
text-align:center;
}

#fotoexotico{
width:140px;
height:130px;
float:left;
margin-left:10px;
}

#titulofotoexotico{
width:140px;
height:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
text-align:center;
}

#fotodescafeinado{
width:140px;
height:130px;
float:left;
margin-left:10px;
}

#titulofotodescafeinado{
width:140px;
height:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
text-align:center;
}

#fotocumbres{
width:140px;
height:130px;
float:left;
margin-left:10px;
}

#titulofotocumbres{
width:140px;
height:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
text-align:center;
}

#ladouno{
width:35px;
height:360px;
float:left;
}

#ladodos{
width:35px;
height:360px;
float:right;
}

#galeria{
width:720px;
height:auto;
float:left;
}
/* 
Fin Catalogo Tío Pepe
---------------------------- */

/* 
Variedades
---------------------------- */

#cuerpovariedad{
width:794px;
height:150px;
margin-left:auto;
margin-right:auto;
background-color:#3b0a09;
border:3px solid #3b0a09;
}


#titulovariedad{
width:500px;
height:30px;
float:left;
}

* html #titulovariedad{
width:450px;
height:30px;
float:left;
}

#tituloatrassiguiente{
width:280px;
height:30px;
float:left;
padding-top:5px;
text-align:right;
}

* html #tituloatrassiguiente{
width:280px;
height:30px;
float:left;
}

#atrasvariedad{
width:60px;
height:20px;
float:left;
margin-left:130px;
padding-top:5px;
}

* html #atrasvariedad{
width:60px;
height:20px;
float:left;
margin-left:65px;
margin-top:4px;
}

#atrasvariedad a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#3b0a09;
text-decoration:none;
text-align:left;
}

#siguientevariedad{
width:80px;
height:20px;
float:right;
padding-top:5px;
}

* html #siguientevariedad{
width:85px;
height:20px;
float:right;
}

#siguientevariedad a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#3b0a09;
text-decoration:none;
text-align:left;
}

#cuerpoinfovariedad{
width:794px;
height:450px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:none;
border-bottom:none;
}

* html #cuerpoinfovariedad{
width:794px;
height:450px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:3px solid #a3844f;
border-bottom:none;
}

#fotoenvase{
width:300px;
height:350px;
float:right;
overflow:hidden;
margin-top:15px;
margin-right:30px;
}

* html #fotoenvase{
width:300px;
height:350px;
float:right;
overflow:hidden;
margin-top:15px;
margin-right:30px;
}

#textoenvasevariedad{
width:420px;
height:300px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
float:left;
margin-left:25px;
margin-top:45px;
}

* html #textoenvasevariedad{
width:350px;
height:300px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#707271;
text-decoration:none;
text-align:left;
float:left;
margin-left:10px;
margin-top:45px;
}

#textoresena{
width:420px;
height:60px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
}

* html #textoresena{
width:400px;
height:60px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
}


#cuadrovariedad{
width:420px;
height:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
}

* html #cuadrovariedad{
width:400px;
height:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
}

#cuadrooro{
width:420px;
height:200px;
padding-left:50px;
}

* html #cuadrooro{
width:360px;
height:200px;
}

#iracatalogolink{
width:400px;
height:30px;
margin-top:25px;
padding-top:5px;
border-top:1px solid #3b0a09;
text-align:left;
}

#iracatalogolink a{
width:400px;
height:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
clear:both;
}

/* 
Fin Variedades
---------------------------- */

/* 
Depuradores
---------------------------- */
#cuerpodepuradores{
width:794px;
height:380px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:none;
border-bottom:none;
}

* html #cuerpodepuradores{
width:794px;
height:380px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:3px solid #a3844f;
border-bottom:none;
}

#textodepuradores{
width:470px;
height:300px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
float:left;
margin-left:20px;
margin-top:25px;
}

#textodepuradoruno{
width:450px;
height:120px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
margin-left:15px;
margin-top:65px;
}

#depuradorlink{
width:470px;
height:30px;
border-top:1px solid #3b0a09;
margin-top:100px;
padding-top:5px;
}

#depuradorlink a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
}

#fotodepurador{
width:200px;
height:300px;
float:right;
overflow:hidden;
margin-top:20px;
margin-right:70px;
}

/* 
Fin Depuradores
---------------------------- */

/* 
Empresa - oficina
---------------------------- */
#cuerpoempresaoficina{
width:794px;
height:400px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:none;
border-bottom:none;
}

* html #cuerpoempresaoficina{
width:794px;
height:400px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:3px solid #a3844f;
border-bottom:none;
}

#logoempresaoficina{
width:470px;
height:60px;
}

#logosaecoempresa{
width:200px;
height:60px;
float:left;
margin-top:20px;
}

#logohechoenitalia{
width:200px;
height:60px;
float:right;
margin-top:20px;
}

#textoempresaoficina{
width:470px;
height:300px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#707271;
text-decoration:none;
text-align:left;
float:left;
margin-left:20px;
margin-top:10px;
}

#textoempresaoficinauno{
width:450px;
height:160px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
margin-left:15px;
margin-top:35px;
}

#empresaoficinalink{
width:470px;
height:30px;
border-top:1px solid #3b0a09;
margin-top:50px;
padding-top:5px;
}

#empresaoficinalink a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
}

#fotoempresaoficina{
width:200px;
height:300px;
float:right;
overflow:hidden;
margin-top:20px;
margin-right:70px;
}

#fotoodea{
width:200px;
height:130px;
margin-top:20px;
}

#fotoveneto{
width:200px;
height:130px;
margin-top:15px;
}
/* 
Fin Empresa - oficina
---------------------------- */

/* 
Arriendo y prestamos
---------------------------- */
#cuerpoarriendo{
width:794px;
height:350px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:none;
border-bottom:none;
}

* html #cuerpoarriendo{
width:794px;
height:350px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:3px solid #a3844f;
border-bottom:none;
}

#flasharriendo{
width:794px;
height:200px;
}

#textoarriendo{
width:794px;
height:50px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:center;
margin-top:35px;
}

#arriendolink{
clear:both;
width:770px;
height:30px;
border-top:1px solid #3b0a09;
padding-top:5px;
margin-left:10px;
text-align:left;
}

#arriendolink a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
}
/* 
Fin Arriendo y prestamos
---------------------------- */

/* 
servicio tecnico
---------------------------- */
#cuerposerviciotecnico{
width:794px;
height:340px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:none;
border-bottom:none;
}

* html #cuerposerviciotecnico{
width:794px;
height:340px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:3px solid #a3844f;
border-bottom:none;
}

#textoserviciotecnico{
width:450px;
height:280px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
float:left;
margin-left:20px;
margin-top:10px;
}

* html #textoserviciotecnico{
width:440px;
height:280px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
float:left;
margin-left:5px;
margin-top:10px;
}

#textoserviciotecnicouno{
width:370px;
height:160px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
margin-left:15px;
margin-top:25px;
}

#serviciotecnicolink{
width:430px;
height:30px;
border-top:1px solid #3b0a09;
margin-top:70px;
padding-top:5px;
}

* html #serviciotecnicolink{
width:430px;
height:30px;
border-top:1px solid #3b0a09;
margin-top:70px;
padding-top:5px;
}

#serviciotecnicolink a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
}

#fotoserviciotecnico{
width:300px;
height:190px;
float:right;
overflow:hidden;
margin-top:60px;
margin-right:20px;
}
/* 
Fin servicio tecnico
---------------------------- */

/* 
termos
---------------------------- */
#cuerpotermos{
width:794px;
height:370px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:none;
border-bottom:none;
}

* html #cuerpotermos{
width:794px;
height:370px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:3px solid #a3844f;
border-bottom:none;
}
 

#textotermos{
width:470px;
height:300px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#707271;
text-decoration:none;
text-align:left;
float:left;
margin-left:20px;
margin-top:30px;
}

#textotermosuno{
width:450px;
height:240px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
margin-left:15px;
}

#termoslink{
width:470px;
height:30px;
border-top:1px solid #3b0a09;
margin-top:20px;
padding-top:5px;
}

#termoslink a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
}

#fototermos{
width:200px;
height:300px;
float:right;
overflow:hidden;
margin-top:20px;
margin-right:70px;
}

#fototermouno{
height:130px;
width:200px;
}

#fototermodos{
height:130px;
width:200px;
margin-top:10px;
}
/* 
Fin termos
---------------------------- */

/* 
molinillos
---------------------------- */
#cuerpomolinillos{
width:794px;
height:500px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:none;
border-bottom:none;
}

* html #cuerpomolinillos{
width:794px;
height:500px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:3px solid #a3844f;
border-bottom:none;
}

#logoempresaoficina{
width:470px;
height:60px;
}

#logocunill{
width:200px;
height:60px;
float:left;
margin-top:20px;
}

#logohechoespana{
width:200px;
height:60px;
float:right;
margin-top:20px;
}

#textomolinillo{
width:470px;
height:450px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
float:left;
margin-left:20px;
margin-top:10px;
}

* html #textomolinillo{
width:420px;
height:450px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
float:left;
margin-left:5px;
margin-top:10px;
}

#textomolinillouno{
width:450px;
height:240px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
margin-left:15px;
margin-top:65px;
}

#molinillolink{
width:470px;
height:30px;
border-top:1px solid #3b0a09;
margin-top:50px;
padding-top:5px;
}

#molinillolink a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
}

#fotomolinillo{
width:280px;
height:330px;
float:right;
overflow:hidden;
margin-top:110px;
}

* html #fotomolinillo{
width:300px;
height:330px;
float:right;
overflow:hidden;
margin-top:110px;
}

#fotomolinillouno{
width:130px;
height:85px;
margin-top:10px;
float:left;
}

#fotomolinillodos{
width:130px;
height:85px;
margin-top:10px;
float:left;
}

#fotomolinillotres{
width:130px;
height:85px;
margin-top:10px;
float:left;
}

/* 
Fin molinillos
---------------------------- */

/* 
gracias
---------------------------- */

#contenedorgracias{
width:650px;
height:200px;
margin-top:200px;
margin-left:auto;
margin-right:auto;
}

#gracias{
width:650px;
height:100px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:center;
color:#FFFFFF;
font-weight:bold;
}

#volvertiopepe{
width:300px;
height:100px;
margin-left:auto;
margin-right:auto;
}

/* 
Fin gracias
---------------------------- */

/* 
accesorios
---------------------------- */
#cuerpoaccesorios{
width:794px;
height:470px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:none;
border-bottom:none;
}

* html #cuerpoaccesorios{
width:794px;
height:470px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:3px solid #a3844f;
border-bottom:none;
}

#textoaccesorios{
width:400px;
height:350px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
float:left;
margin-left:40px;
}

* html #textoaccesorios{
width:400px;
height:350px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
float:left;
margin-left:15px;
}

#textoaccesoriosuno{
width:350px;
height:300px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
margin-top:40px;
margin-left:50px;
}

#accesorioslink{
width:470px;
height:30px;
border-top:1px solid #3b0a09;
margin-top:50px;
padding-top:5px;
}

* html #accesorioslink{
width:400px;
height:30px;
border-top:1px solid #3b0a09;
margin-top:50px;
padding-top:5px;
}

#accesorioslink a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
}

#fotoaccesorios{
width:350px;
height:380px;
float:right;
overflow:hidden;
text-align:left;
}

/* 
Fin accesorios
---------------------------- */

/* 
endulzantes y saborizantes
---------------------------- */

#cuerpoendulzantes{
width:794px;
height:630px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:none;
border-bottom:none;
}

* html #cuerpoendulzantes{
width:794px;
height:630px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:3px solid #a3844f;
border-bottom:none;
}

#fotosaborizantes{
width:794px;
height:150px;
border-bottom:2px solid #a3844f;
}

#textosaborizantes{
background-color:#a3844f;
width:794px;
height:80px;
}

#textosaborizantesdos{
width:600px;
height:60px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
text-align:center;
margin-left:auto;
margin-right:auto;
padding-top:10px;
}

#fotoazucar{
width:794px;
height:170px;
border-bottom:2px solid #a3844f;
clear:both;
}

#textoazucar{
background-color:#a3844f;
width:794px;
height:200px;
clear:both;
}

#textoazucaruno{
width:340px;
height:60px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
text-align:center;
margin-left:40px;
float:left;
margin-top:50px;
}

#textoazucardos{
width:340px;
height:60px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
text-align:center;
margin-right:25px;
float:right;
margin-top:50px;
}

/* 
Fin endulzantes y saborizantes
---------------------------- */

/* 
linea exotica colombiana
---------------------------- */
#cuerpoexotico{
width:794px;
height:300px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:none;
border-bottom:none;
}

* html #cuerpoexotico{
width:794px;
height:300px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:3px solid #a3844f;
border-bottom:none;
}

#ladoexotico{
width:30px;
height:250px;
float:left;
}

#ladoexoticodos{
width:30px;
height:250px;
float:right;
}

#galeriaexotico{
width:720px;
height:auto;
float:left;
}

#fotoexoticodos{
width:140px;
height:130px;
float:left;
margin-top:65px;
margin-left:170px;
}

#fotocumbresdos{
width:140px;
height:130px;
float:right;
margin-top:65px;
margin-right:170px;
}

* html #fotoexoticodos{
width:140px;
height:130px;
float:left;
margin-top:65px;
margin-left:100px;
}

* html #fotocumbresdos{
width:140px;
height:130px;
float:right;
margin-top:65px;
margin-right:100px;
}


/* 
Fin linea exotica colombiana
---------------------------- */

/* 
profesionales
---------------------------- */
#cuerpoprofesionales{
width:794px;
height:460px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:none;
border-bottom:none;
}

* html #cuerpoprofesionales{
width:794px;
height:460px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
border:3px solid #a3844f;
border-top:3px solid #a3844f;
border-bottom:none;
}

#logoprofesionales{
width:470px;
height:60px;
}

#logoexpobar{
width:200px;
height:60px;
float:left;
margin-top:20px;
}

#logohechoespanaprof{
width:200px;
height:60px;
float:right;
margin-top:10px;
}

#textoprofesionales{
width:460px;
height:415px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
float:left;
margin-left:20px;
margin-top:5px;
}

* html #textoprofesionales{
width:410px;
height:415px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
float:left;
margin-left:5px;
margin-top:5px;
}

#textoprofesionalesuno{
width:430px;
height:160px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
margin-left:5px;
margin-top:75px;
}

* html #textoprofesionalesuno{
width:410px;
height:160px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
margin-left:5px;
margin-top:75px;
}

#profesionaleslink{
width:470px;
height:30px;
border-top:1px solid #3b0a09;
margin-top:70px;
padding-top:5px;
}

* html #profesionaleslink{
width:430px;
height:30px;
border-top:1px solid #3b0a09;
margin-top:70px;
padding-top:5px;
}

#profesionaleslink a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3b0a09;
text-decoration:none;
text-align:left;
}

#fotoprofesionales{
width:310px;
height:417px;
float:right;
overflow:hidden;
margin-top:5px;
}

* html #fotoprofesionales{
width:310px;
height:417px;
float:right;
overflow:hidden;
margin-top:5px;
}

#fotoprofesionalesuno{
width:150px;
height:100px;
float:left;
}

#fotoprofesionalesdos{
width:150px;
height:100px;
float:left;
}

#fotoprofesionalestres{
width:150px;
height:100px;
margin-top:3px;
float:left;
}

#fotoprofesionalescuatro{
width:150px;
height:100px;
float:left;
margin-left:70px;
}

/* 
Fin profesionales
---------------------------- */

/* 
Fin recomendamos
---------------------------- */

/* 
Fin recomendamos
---------------------------- */