* { margin:0; padding:0; border:0; text-decoration:none; list-style-type:none; }
div.top { height:0px; }
div.bottom { height:0px; }
img{ display:block; }
a { outline:none; }
	
body{ background-color:#CED1D6; margin: auto; margin-top:10px; margin-bottom:10px; width:96%;}

.menutext { display:none; }

#mainContainer{ clear:both; font-family: Arial, verdana; font-size: 100%; font-weight: normal; font-style: normal; color: #186E49; display: block; /*border:solid 1px #ffffff;*/ background-color:#ffffff; }

#presentationPanel{ text-align:center;}
#presentationPanel img{ padding-left:121px; padding-bottom:50px; padding-top:50px;}
#presentationPanel li.img{ float:left; }

#flagLanguages { clear:both; padding-left:40%; padding-top:14%; padding-bottom:8%;}
#flagLanguages a img{ float:left; padding-right:2%; width:10%;}

#headContainer{ text-align:center;}
#headContainer img{ width:100%; }
#headContainer h1{  font-size: 130%; padding-top:40px; padding-bottom:60px;}

#leftPanel{ clear:both; width:24%; padding-top:10px; padding-left:10px; text-align:center; }
#leftPanel h1{ font-size:9px; font-weight: bold; text-align:center; color: #606060; padding-bottom:5px; }
#leftPanel p{ font-size:9px; color: #666; padding-top:5px; padding-bottom:15px; }

#mainMenu{ font-size:80%; padding-left:20px; overflow:hidden;}
#mainMenu li{ width:100%;}
#mainMenu li a { display:block; padding-left: 25px; padding-bottom: 8px; text-align:left; color:#186E49;  background-image:url("images/menuOff.jpg"); background-repeat:no-repeat;}
#mainMenu li a:hover { color:#005631; background-image:url("images/menuOn.jpg"); text-decoration:none; }
#mainMenu li.activMenu a{ color:#186E49; font-weight:bold;  background-image:url("images/menuOn.jpg");}

#mainMenu a:hover {}
#mainMenu a {}

#centerMenu { width:100%;}
#centerMenu li{ float:left; width:30%; font-size:90%;}
#centerMenu li a { border:solid 1px #186E49; display:block;  padding:5px; text-align:center; font-weight:bold; color:#186E49; }
#centerMenu li a:hover { color:#ffffff; background-color:#186E49;}
#centerMenu li.activCenterMenu a{ color:#ffffff; background-color:#186E49; }
#centerMenu li.activCenterMenu a:hover{ color:#ffffff; background-color:#186E49;}

#mainTab{ }
#mainTab div#leftPanel, #mainTab div#centralPanel{ float:left; }

#centralPanel{  float:left; width:66%; margin-left:15px; padding-left:15px; padding-top:10px; margin-bottom:20px; border-left:solid 1px #186E49; }
#centralPanel h1{ font-size: 110%; font-weight: bold; color: #186E49; padding-bottom:10px; }
#centralPanel h2{ font-size: 100%; font-weight: bold; color: #186E49; padding-bottom:10px; }
#centralPanel ul{ padding-bottom:10px; }
#centralPanel p{ text-align:justify; padding-bottom:10px;  padding-right:5%;}
#centralPanel li{ margin-left:10px; padding-bottom:5px; }
#centralPanel li a { color:#186E49; }
#centralPanel li a:hover { font-weight:bold; }
#centralPanelPhotos { width:100%; padding-top:4px;}
#centralPanelPhotos img{ float:left; padding-right:1%; width:23%; }

.fotos{ width:29%; padding-right:20px; float:left; }
#centralPanel .fotos h2{ font-size:80%;  }

.fotos a{ padding-right:8px; color:#186E49; font-size:80%;}
.fotos a:hover { font-weight:bold; }

.foto { width:100%;}
.foto img{ width:80%;  text-align:center;}

.photoControls{ width:100%; font-size:100%; text-align:center;   padding-top:10px;  padding-bottom:10px;}
.photoControls a { color:#186E49; background-color:#ffffff; font-weight:bold; border:solid 1px #186E49;}
.photoControls a:hover { color:#ffffff; background-color:#186E49;}

.barcoControls{ width:10%; float:left; padding-left:10px; font-size:100%; /* text-align:center; */ padding-top:10px;  padding-bottom:10px;}
.barcoControls a { color:#186E49; background-color:#ffffff; font-weight:bold; border:solid 1px #186E49; padding:5px;}
.barcoControls a:hover { color:#ffffff; background-color:#186E49;}


.videos{ display:block; clear:both;}

.foto img#flecha{ width:30px; text-align:left; padding-bottom:1%;}
.foto img#flechaDown{ width:30px; text-align:left; padding-top:1%;}


/***** CONTACT ******/

#contacto{ padding-right:5%;}

#contactList{ clear:both; padding-left:0px; padding-bottom:5%;}
#contactList li{ padding-bottom:10px; width:400px; }
#contactList input, #contactList textarea{ font-family: Arial; font-size: 11px; border:solid 1px #666; }

.fotoContact{ float:left; width:200px; padding-bottom:30px;}

.errorText{ clear:both; padding-top:90px; padding-left:240px; }

#languages{ color:white; font-size:11px; text-align:right; padding-bottom:2px; }
#languages li{ display:inline; }

#languages a{ color:#ffffff; }
#languages a:hover{ color:#186E49; }
#languages a.activLanguage{ color:#666; }

#answer{ clear:both; text-align:center; }
#answer li{ padding-bottom:10px; }

#foot{ clear:both; padding-top:4px; padding-bottom:4px; background-color:#186E49; font-size:14px; font-weight:bold; text-align:center; color:#ffffff; }

/***** VENTAS ******/

#ventas { width:100%;}

#barcoTitle{ font-size: 110%; padding-top:10px; font-weight: bold; color: #186E49; padding-bottom:10px; float:left; }

/*
#ventas table { width:100%;}
#ventas table tr{ width:100%;}
#ventas table tr td.photo{ width:40%;}
#ventas table tr td.photo img{ width:90%;}
#ventas table tr td.textBarca{ width:60%;}
#ventas table tr td.barcas{ width:20%;}
*/
#ventas #barcas{ width:100%;}
#barcas{ clear:both; padding-top:15px;}
#barcas img{ padding-bottom:15px;}

#photoBoat{ width:70%; float:left;}
#photoBoat img{ width:96%; float:left;}

/*
.photo{ width:100%; float:left;}
.photo img{ width:100%; }
*/

#barcas .textBarca{ width:30%; float:left;}
#ventas #barcasSecPhoto{ width:100%; padding-top:10px;}
#ventas #barcasSecPhoto img{ height:60px; padding-right:10px; float:left;}



.infobar{ /*background-color:#000;*/ height:28px; line-height:28px; right:20px; position:fixed; bottom:0px; left:20px; z-index:999999999; text-align:center; color:#ddd; 
	-moz-border-radius:10px 10px 0px 0px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; border-top-left-radius:10px; border-top-right-radius:10px;
	text-shadow:0px 0px 1px #ccc;}
span#description{ color:#fff; text-shadow:1px 1px 1px #000; display:none;}
span#loading{ display:none; padding-right: 30px; background:transparent url(images/loading.gif) no-repeat center right;}
#thumbsWrapper{ clear:both; /* overflow:hidden; position:fixed; height:100%; width:100%; left:0px; right:0px; bottom:0px;*/}
#content{ clear:both;/* padding-top:15px; position:absolute; top:0px; height:100%; width:100%; left:0px; background-color:#111; overflow-y:scroll; display:none; padding-left:15px;*/}
#content img{ float:left; margin:2px; height:80px; cursor:pointer; opacity:0.9; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);}
.placeholder{ float:left; clear:both; width:100%; height:30px;}
#panel{ background-color:#000; /* */ width:100%; position:fixed; bottom:0px; left:0px; right:0px; height:0px; text-align:center;}
#panel img{ cursor:pointer; position:relative; /*border:1px solid #000; */ 
	-moz-box-shadow:0px 0px 10px #111; -webkit-box-shadow:0px 0px 10px #111; box-shadow:0px 0px 10px #111; display:none;}
#wrapper{ position:relative; margin:40px auto 0px auto;}
#wrapper img{  margin: auto;}

a#next, a#prev{ width:40px; height:40px; position:fixed; cursor:pointer; outline:none; display:none; background:#aaa url(images/nav.png) no-repeat top left;}
a#next:hover, a#prev:hover{ background-color:#fff;}
a#next{ right:0px; top:50%; margin-top:-20px; background-position: 0px 0px;}
a#prev{ left:0px; top:50%; margin-top:-20px; background-position: 0px -40px;}