@charset "utf-8";
/* CSS Document */

/* -------------------------------------------------------------
Loco Cubano Salsa. 2009
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Description: Principal Style
File Name: style.css
Version: 1.2
Date: 15 / March / 2009
Design: Tropos TM
Contacto: troposdesign@gmail.com
------------------------------------------------------------- */

/* -------------------------------------------------------------
RESET
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

html, div, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, label, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body, h1, h2, h3, h4, h5, h6, em, p, span, fieldset, legend, input{ margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline;}
:focus {outline: 0;}
ol, ul {list-style: none;}
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* -------------------------------------------------------------
Basic & General Styles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body { background-image: url(../images/bg.jpg);	line-height: 20px; font-family: Verdana, Arial, Helvetica, sans-serif;}
#wrapper{ width: 980px;	margin-right: auto;	margin-left: auto;}
.clear {clear: both;}
a {	text-decoration: none; color: #16792C;}
a:active, button {border:0}
.imgright, .imgleft, .imgblock{	border: 5px solid #E2E2E2; margin-bottom: 5px;}
.imgright{float: right;	margin-left: 10px; margin-right: 40px;}
.imgleft{float: left; margin-right: 20px;}
.imgblock{margin-bottom: 20px;}
.section{display: block; margin-bottom: 20px;}

/* -------------------------------------------------------------
Head
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#head{ height: 100px; width: 500px;	text-align: center;	margin-right: auto;	margin-left: auto; margin-top: -100px; 	clear: both;}

/* -------------------------------------------------------------
Left Column
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#leftcol{
	width: 240px;
	float: left;
	display: block;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
}
#leftcol a.index{
	display: block;
	height: 280px;
	width: 100%;
	margin-bottom: 50px;
}
#where{}
#where img{
	margin-right: auto;
	margin-left: auto;
	display: block;
	margin-bottom: 10px;
}
#where h4{
	width: 220px;
	margin:0 auto 0 auto;
	color:#333;
	font-size: 14px;
}
#where p{
	display: block;
	margin-bottom: 10px;
	width: 220px;
	margin-right: auto;
	margin-left: auto;
	font-size: 14px;
	color: #333333;
}
/* -------------------------------------------------------------
Main Column
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#maincol{
	width: 480px;
	display: block;
	float: left;
	padding-left: 20px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
#menu{
	width: 460px;
	display: block;
	margin-top: 12px;
}
#menu ul{
	padding-left: 4px;
}
#menu ul li{
	display: block;
	float: left;
	margin-left: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-image: url(../images/menu_normal.png);
	background-repeat: repeat-x;
	font-weight: bold;
	color: #1D3D4C;
}
#menu ul li.active{
	background-image: url(../images/menu_active.png);
	font-size: 12px;
	height: 25px;
	padding-top: 7px;
	padding-right: 5px;
	padding-left: 5px;
}
#menu ul li a{
	color: #999999;
	font-size: 12px;
	display: block;
	height: 25px;
	padding-top: 7px;
	padding-right: 5px;
	padding-left: 5px;
}
#menu ul li a:hover{
	background-image: url(../images/menu_over.png);
	color: #1D3D4C;
}
.topmain{
	display: block;
	height: 20px;
	background-image: url(../images/topmain_bg.png);
	background-repeat: no-repeat;
	background-position: left;
}
#main{
	display: block;
	background-image: url(../images/main_bg.png);
	background-repeat: repeat-y;
	background-position: left;
	overflow: auto;
	padding-left: 20px;
}
#main h2, #main h3, #main h4, #main h5, #main h6, #main p, #main ol, #main fieldset, #main blockquote{
	margin-left: 0px;
	margin-right: 40px;
	display: block;
}
#main h2, #main h3, #main h4, #main h5, #main h6{margin-bottom: 10px;}
#main h2{
	font: 24px Verdana, Arial, sans-serif;
	color: #2071A4;
	display: block;
	width: 420px;
	margin-top: 0px;
}
#main h3{
	font: 18px Verdana, Arial, sans-serif;
	color: #666666;
}
#main h4{
	font-size: 14px;
	color: #666666;
}
#main h5{
	font-size: 12px;
	color: #333333;
}
#main h6{
	color: #000000;
	font-size: 10px;
}
#main p{
	color: #666666;
	margin-bottom: 20px;
	font-size: 12px;
}
#main p span{
	color: #2071A4;
	font-weight:bold;
}
#main img{}
#main img.join{
	margin-left: 15px;
	margin-top: 25px;
	float: left;
}
#main a{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #16792C;
}
#main a:hover {border:0}
#main a.join{
	display: block;
	height: 60px;
	width: 160px;
	background-image: url(../images/joinus.png);
	margin-top: 15px;
	background-repeat: no-repeat;
	margin-right: 50px;
	float: right;
	border:0
}
#main a.join:hover{
	background-image: url(../images/joinus_over.png);
}
#main fieldset{
	padding-top: 20px;
	padding-bottom: 20px;
	display: block;
	border-top-width: 2px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
}
#main fieldset input{
	border: 1px solid #CCCCCC;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	margin-bottom: 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #1B3C4D;
}
#main fieldset input.enviar{
	padding-top: 2px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	float: right;
	margin-right: 5px;
	margin-top: 5px;
	background-color: #B9B9B9;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: 2px;
	font-size: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#main fieldset h5, #main fieldset label.mess{
	font-weight: normal;
	color: #999999;
	font-size: 12px;
	margin-bottom: 2px;
	padding-left: 5px;
	
}
#main fieldset label{
	display: block;
	font-weight: normal;
	color: #C33;
	font-size: 12px;
	margin-bottom: 5px;
}
#main fieldset textarea{
	height: 71px;
	width: 220px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #183C52;
	
}
#main fieldset #formleft{
	display: block;
	float: left;
	width: 190px;
}
#main fieldset #formright{}
#page-wrap p.thanks{margin-top: 40px; margin-bottom: 40px; color:#2071A4}
#main ul{
	padding-left: 20px;
	margin-bottom: 20px;
	line-height: 24px;
}
#main ul li{
	font-size: 14px;
	color: #666666;
	list-style-type: circle;
}
#main ol{
	padding-left: 25px;
	margin-bottom: 20px;
	line-height: 24px;
}
#main ol li{
	list-style-type: decimal;
	list-style-position: outside;
	color: #666666;
	font-size: 14px;
}
#main ul ul, #main ol ul{
	margin-bottom: 5px;
}
#main ol ul li{
	list-style-type: circle;
}
#main ul ul li{
	list-style-type: disc;
}
#main blockquote{
	padding-left: 20px;
	margin-bottom: 20px;
	color: #666666;
	font-size: 12px;
	border-left-width: 2px;
	border-left-style: dotted;
	border-left-color: #E4E4E4;
}
#main blockquote blockquote{
	margin-top: 20px;
	border-left-style: solid;
}
#slider{
	margin-left: -5px;
	margin-bottom: 20px;
}
#slider ul{
	margin: 0px;
	padding: 0px;
}
#slider ul li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#slider   ul li img  {
	border: 5px solid #E2E2E2;
}
#gallery{
	margin-right: 40px;
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	padding-top: 10px;
}
#gallery a img{
	margin-right: 8px;
	margin-bottom: 11px;
}
#gallery a img:hover{
	margin-bottom: 9px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #E9E85C;
}

#gallery a{
	border:0;
}

.clearmain {
	clear: both;
	height: 30px;
}
#footer{}
#footer div.topfoot{
	display: block;
	height: 20px;
	background-image: url(../images/topfoot.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#footer ul{}
#footer ul li{
	display: block;
	float: left;
	width: 153px;
	text-align: center;
	height: 80px;
}
#footer ul li img{}
#footer ul li p{
	font-size: 14px;
	margin-top: 10px;
	color: #333333;
}
#footer ul li.tropos{
	padding-top: 15px;
	height: 65px;
}
/* -------------------------------------------------------------
Right Column
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#rightcol{
	display: block;
	float: left;
	width: 240px;
	padding-top: 20px;
}
#sidegallery{}
#sidegallery ul{

}
#sidegallery ul li{
	display: block;
	height: 68px;
	width: 68px;
	float: left;
	background-image: url(../images/gallery_thumbs.png);
	margin-left: 11px;
	margin-bottom: 8px;
	background-repeat: no-repeat;
}
#sidegallery ul li:hover{
	background-image: url(../images/gallery_over.png);
}
#sidegallery ul li img{
	margin-top: 2px;
	margin-left: 2px;
}
#sidegallery p {
	clear: both;
	display: block;
	text-align: right;
	height: 20px;
	margin-bottom: 20px;
}
#sidegallery p a{
	color: #1D3A42;
	font-size: 14px;
	padding-right: 20px;
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
	width: 128px;
	margin-left: 58px;
	margin-right: 10px;
}
#sidegallery p a:hover{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #1D3A42;
}
#findus{}
#findus a img{
	margin-left: 10px;
	margin-bottom: 20px;
}
#sidecontact{}
#sidecontact a{
	display: block;
	margin-left: 10px;
	width: 124px;
}


/*EXTRAS*/



.rowElem 
label.error                 { float: none; font-style: italic; color: red;
                              position: absolute; top: 22px; left: 0; 
                              font-size: 12px; }
                              
.rowElem #jqTransformTextarea-mm
label.error                 { top: 28px; }

#addURLSArea                {  }

#changeTypeArea             { float: left; margin: 0 0 10px 0; width: 350px; }

.rowElem                    { position: relative; clear: both; min-height: 35px; }

.thanks                     { color: green; font-weight: bold; }


.jqTransformTextarea, .jqTransformSelectWrapper { margin: 0 0 8px 0; }