/* CSS Document 
   Página Web Vietnam Discovery Paris-Saigon
   Por Raúl Ramírez Peralta / Diseñador gráfico
   Abril 2009
*/

* {
padding:0;
margin:0;
}

html{
overflow-x:hidden;
height:100%;
}

img {
border-width:0;
margin: 0px;
padding: 0px;
}

h1{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFFFFF;
padding-top:5px;
padding-left:60px;
}

body {
border:0px;
margin:0px;
background-color:#000000;
padding-top:0px;
padding-left:0px;
padding-right:0px;
padding-bottom:30px;
height:auto;
text-align: center;
}

a{
outline-style: none;
}

/*
pagina index */

#barracafe{
width:100%;
height:25px;
background-color:#993300;
}

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

#contenedorbarra{
width:780px;
min-height:25px;
margin-left:auto;
margin-right:auto;
}

#barramenu{
width:360px;
height:25px;
float:right;
}

#barramenu ul li{
list-style-type: none;
}

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

#barramenu li{
display:inline;
}

#barramenu a{
text-decoration:underline;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#FFFFFF;
padding: 2px 4px;
}

#barramenu a:hover {
text-decoration:none;
}

#contenedor{
background-color:#00000;
width:780px;
min-height:490px;
height:auto;
overflow:hidden;
text-align:center;
margin-left:auto;
margin-right:auto;
}

#cuerpoderecho{
width:550px;
height:480px;
float:right;
}

#flash{
width:500px;
height:350px;
margin-left:20px;
}

#cuerpoizquierdo{
width:200px;
height:450px;
float:left;
}

#contenedorlogo{
width:550px;
height:105px;
margin-top:5px;
margin-bottom:15px;
border-bottom:1px solid #999999;
}

#logo{
width:300px;
height:100px;
float:right;
margin-right:20px;
}

#botonescartas{
width:200px;
height:250px;
margin-top:20px;
}

#botonrestorant{
height:100px;
width:170px;
}

#botondelivery{
height:100px;
width:200px;
}

#footer{
clear:both;
width:100%;
height:100px;
background-color:#993300;
}

#contenedorfooter{
width:780px;
height:100px;
margin-left:auto;
margin-right:auto;
}

#infopie{
width:780px;
height:100px;
overflow:hidden;
}

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

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

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

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

#menuv {
border: 1px solid #333333;
border-width: 1px 1px 0 1px;
width:160px;
margin-left:auto;
margin-right:auto;
font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-top:40px;
}
#menuv ul, li {
list-style-type: none;
}

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

#menuv li {
border-bottom: 1px solid #333333;
}

#menuv a {
text-decoration: none;
color:#FFFFFF;
background:#993300;
display: block;
padding: 3px 6px;
width:150px;
}

#menuv a:hover {
background: #333333;
}

/* 
pagina contacto
---------------------------- */

#contenedorcontacto{
background-color:#00000;
width:780px;
min-height:550px;
height:auto;
overflow:hidden;
text-align:center;
margin-left:auto;
margin-right:auto;
}

#cuerpoderechocontacto{
width:550px;
height:550px;
float:right;
}

#cuerpoizquierdocontacto{
width:200px;
height:500px;
float:left;
}

#titulocontacto{
border-bottom:1px solid #999999;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
text-align:left;
padding-right:25px;
width:550px;
height:30px;
}

#divcontactouno{
width:380px;
height:350px;
float:left;
margin-top:30px;
margin-left:35px;
}

*html #divcontactouno{
width:380px;
height:350px;
float:left;
margin-top:30px;
margin-left:15px;
}

#espacioformulario{
width:250px;
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:#FFFFFF;
padding-top:3px;
text-align:right;
margin-left:15px;
}

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

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

#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;
}

.botonborrar{
background-color:#993300;
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:#993300;
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;
}



/* 
fin contacto
---------------------------- */

/* 
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;
}

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

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

/* 
pagina prensa
---------------------------- */

#contenedorprensa{
background-color:#00000;
width:780px;
min-height:930px;
height:auto;
overflow:hidden;
text-align:center;
margin-left:auto;
margin-right:auto;
}

#cuerpoderechoprensa{
width:550px;
height:930px;
float:right;

}

#cuerpoizquierdoprensa{
width:200px;
height:500px;
float:left;
}

#tituloprensa{
border-bottom:1px solid #999999;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
text-align:left;
padding-right:25px;
width:550px;
height:30px;
}

#noticia{
width:550px;
height:80px;
margin-top:15px;
border-bottom:1px dashed #FFFFFF;
}

#noticiauno{
width:410px;
height:30px;
float:left;
margin-top:15px;
}

#epigrafe{
width:380px;
height:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
font-weight:bold;
text-align:justify;
margin-left:25px;
}

#titulonoticia{
width:380px;
height:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#993300;
font-weight:bold;
text-align:left;
margin-left:25px;
margin-top:4px;
}

#titulonoticia a{
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#993300;
font-weight:bold;
text-align:justify;
}

#titulonoticia a: hover{
}

#fotonoticia{
height:65px;
width:100px;
float:right;
margin-right:15px;
border:1px solid #CCCCCC;
}

#noticiados{
width:310px;
height:30px;
float:left;
margin-top:12px;
}

#epigrafedos{
width:280px;
height:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
font-weight:bold;
text-align:justify;
margin-left:25px;
}

#titulonoticiados{
width:280px;
height:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#993300;
font-weight:bold;
text-align:left;
margin-left:25px;
margin-top:4px;
}

#titulonoticiados a{
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#993300;
font-weight:bold;
text-align:justify;
}

#titulonoticia a: hover{
}

#fotonoticiados{
height:65px;
width:200px;
float:right;
margin-right:15px;
border:1px solid #CCCCCC;
}


/* 
fin prensa
---------------------------- */

/* 
pagina galeria
---------------------------- */

#contenedorgaleria{
background-color:#00000;
width:780px;
min-height:500px;
height:auto;
overflow:hidden;
text-align:center;
margin-left:auto;
margin-right:auto;
}

#cuerpoderechogaleria{
width:550px;
height:500px;
float:right;
}

#cuerpoizquierdogaleria{
width:200px;
height:500px;
float:left;
}

#titulogaleria{
border-bottom:1px solid #999999;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
text-align:left;
padding-right:25px;
width:550px;
height:30px;
}

#galeriarestorant{
width:150px;
height:113px;
float:left;
margin-top:30px;
margin-left:5px;
border:1px solid #CCCCCC;
}

#galerianosotros{
width:150px;
height:113px;
float:left;
margin-top:30px;
margin-left:40px;
border:1px solid #CCCCCC;
}

#galeriacomida{
width:150px;
height:113px;
float:left;
margin-top:30px;
margin-left:40px;
border:1px solid #CCCCCC;
}

#columnauno{
width:500px;
height:120px;
float:left;
overflow:hidden;
margin-top:20px;
margin-left:30px;
}

#fotouno{
width:150px;
height:113px;
float:left;
border:1px solid #CCCCCC;
}

#fotodos{
width:150px;
height:113px;
float:left;
margin-left:20px;
border:1px solid #CCCCCC;
}

#fototres{
width:150px;
height:113px;
float:left;
margin-left:20px;
border:1px solid #CCCCCC;
}

#columnados{
width:500px;
height:120px;
float:left;
overflow:hidden;
margin-top:20px;
margin-left:30px;
}

#fotocuatro{
width:150px;
height:113px;
float:left;
border:1px solid #CCCCCC;
}

#fotocinco{
width:150px;
height:113px;
float:left;
margin-left:20px;
border:1px solid #CCCCCC;
}

#fotoseis{
width:150px;
height:113px;
float:left;
margin-left:20px;
border:1px solid #CCCCCC;
}

#volvergaleria{
width:500px;
height:20px;
float:left;
}

#volvergaleria a{
width:500px;
height:20px;
float:left;
margin-top:30px;
margin-left:30px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
text-decoration:none;
color:#CCCCCC;
text-align:right;
}

/* 
fin galeria
---------------------------- */

/* 
pagina productos & ingredientes
---------------------------- */

#contenedorproductos{
background-color:#00000;
width:780px;
min-height:510px;
height:auto;
overflow:hidden;
text-align:center;
margin-left:auto;
margin-right:auto;
}

#cuerpoderechoproductos{
width:550px;
height:510px;
float:right;
}

#cuerpoizquierdoproductos{
width:200px;
height:425px;
float:left;
}

#tituloproductos{
border-bottom:1px solid #999999;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
text-align:left;
padding-right:25px;
width:550px;
height:30px;
}

#flashingredientes{
width:500px;
height:350px;
margin-left:20px;
}

#botonesproductoingredientes{
width:550px;
}

#botonesproductos{
width:250px;
height:250px;
float:left;
margin-top:30px;
margin-left:10px;
}

#botonesingredientes{
width:250px;
height:250px;
float:right;
margin-top:30px;
margin-right:10px;
}

#fotoproducto{
width:250px;
height:150px;
border:1px solid #FFFFFF;
}

#fotoingredientes{
width:250px;
height:150px;
border:1px solid #FFFFFF;
}

#titulofotoproducto{
width:250px;
height:25px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#FFFFFF;
text-align:center;
margin-top:10px;
}

#titulofotoingredientes{
width:250px;
height:25px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#FFFFFF;
text-align:center;
margin-top:10px;
}

/* 
fin galeria
---------------------------- */

/* 
productos
---------------------------- */

#contenedorproductosuno{
background-color:#00000;
width:780px;
min-height:650px;
height:auto;
overflow:hidden;
text-align:center;
margin-left:auto;
margin-right:auto;
}

#cuerpoderechoproductosuno{
width:550px;
height:650px;
float:right;
}

#cuerpoizquierdoproductosuno{
width:200px;
height:500px;
float:left;
}

#tituloproductosuno{
border-bottom:1px solid #999999;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
text-align:left;
padding-right:25px;
width:550px;
height:30px;
}

#titulotextoproducto{
width:550px;
height:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#993300;
font-weight:bold;
text-align:left;
margin-left:25px;
margin-top:15px;
}

#textoproductoprin{
width:500px;
height:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
text-align:left;
margin-left:25px;
margin-top:15px;
}


/* 
fin productos
---------------------------- */

/* 
horarios
---------------------------- */

#horarios{
width:250px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#fff;
margin-left:auto;
margin-right:auto;
margin-top:30px;
}

#textohorarios{
width:250px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#999999;
font-weight:bold;
}

#contactouno{
width:350px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
margin-left:auto;
margin-right:auto;
margin-top:50px;
text-align:justify;
}

#mailtie{
width:350px;
height:25px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#fff;
font-weight:bold;
border-bottom:1px solid #999999;
text-decoration:none;
}

#mailtie a{
width:350px;
height:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#fff;
font-weight:bold;
text-decoration:none;
}

/* 
fin horarios
---------------------------- */