* {
	padding: 0;
	margin: 0;
}


body {
	font: 11px "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
	margin: 0;
	color: #FFFFFF;
	background: #0082b9 url(../images/bg.jpg) no-repeat center top;
}

.clear { clear: both; }


hr { display: none; }

p { text-align: justify; }

p, ol {
	font-size: 12px;
	margin-bottom: 14px;
	line-height: 18px;
}

a {
	text-decoration: none;
	color: #84d1ff;
}

p a:hover {
	text-decoration: underline;
	color: #c2dbff;
}




#container {
	height: 100%;
	margin: 0 auto;
	min-height: 100%;
	text-align: left;
	width: 750px;
}

#header {
	height: 105px;
	padding-top: 60px;
}

#note {
	color: #2ba4cf;
	background: url(../images/note.png) no-repeat center top;
	margin: 25px 0 25px 0;
	padding: 22px;
}


#logo {
	float: left;
	width: 250px;
}





#miniflex {
	float: right;
	text-align: right;
	width: 360px;
	margin:	0pt;
	padding-top: 30px;
	position: relative;
	z-index: 2;
}

#miniflex li {
	display: inline;
	float: right;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	position: relative;
}

#miniflex a:link, #miniflex a:visited {
	margin: 0 0 0 20px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 13px;
	color: #fff;
	line-height: 20px;
}
#miniflex a.active:link, #miniflex a.active:visited, #miniflex a:hover {
	border-bottom: 4px solid #fff;
	color: #b8d8fa;
	padding-bottom: 2px;
}

#animated-tab {
	border-bottom: 3px solid #fff;
	line-height: 20px;
	padding-bottom: 2px;
	position: absolute;
	z-index: 1;
}




#content { width: 762px; }



.left { float: left; width: 260px; }

.left img { margin-bottom: 12px; }

.right { float: right; width: 435px; margin-right: 20px; }

.right img { margin-bottom: 12px; }




#work-img img { border: 4px solid #fff; margin-top: 0;}

#right-text ul {
	list-style-image: url(../images/arrow_collapse.gif);
	list-style-position: inside;
	font-size: 10px;
	margin-bottom: 15px;
}

#right-text li {margin-top: 5px;}

#right-text { padding-right: 5px; }

#right-text li a { color: #FFFFFF; }

#right-text li a:hover { color: #CEF0C3; }

#right-text p { margin-top: 15px;}



#foot {
	clear: both;
	margin-top: 25px;
	height:95px;
}

#foot p {
	width: 780px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align:right;
	color: #a5cee7;
	padding:25px 25px 0 0;
	background-color:transparent;
}


#foot a {
	color: #a5cee7;
	text-decoration: none;
	border-bottom: 1px #FFFFFF dotted;
	background-color:transparent;
}

#foot a:hover {
	color: #d7f3ff;
	background-color:transparent;
}




/*--------- Forms ------*/

#contactoform {
	margin: 0;
	width: 310px;
}

#contactoform fieldset { border: 0; }

#contactoform legend { visibility: hidden; }

#contactoform label {
	display: block;
	font-size: 12px;
}

#contactoform input, #contactoform textarea, #contactoform select,

#txpCommentInputForm input {
	font: 10px "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
	width: 435px;
	margin: 5px 0 10px;
	padding: 3px;
	background: #fff;
	border: 2px solid #fff;
}

#contactoform input:focus,

#contactoform textarea:focus,

#contactoform input:focus,

#contactoform textarea:focus {
	background: #8fd1ff;
	border: 2px solid #74b9cd;
}

#contactoform textarea {height: 200px;}

#contactoform #enviar,

#contactoform .button {
	width: auto;
	padding: 5px;
	background: #7ebbe7;
	color: #fff;
	border:0;
	cursor: pointer;
}

#contactoform .checkbox {
	width:auto;
	padding:0;
	border:0;
	margin:0;
	background: 0;
}

#contactoform p.remember label {display: inline;}

ul.zemError {padding: 0 0 20px;}

div.aviso{
	width: 415px;
	background-color: #FFFFFF;
	color: #2ba4cf;
	margin: 0 0 10px 0;
	padding: 15px;
}

div.error{
	width: 415px;
   	background-color: #FFFFFF;
	color: red;
	margin: 0 0 10px 0;
	padding: 15px;
}






/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;  
border: 4px solid #fff;   
margin: 0 auto 3px auto; 
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left;
} 
.stripTransmitter { 
overflow: auto; 
margin: 0 auto 0 auto; 
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 22px; 
float:left; 
margin: 0 2px 2px 0; 
border: solid 1px;

} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
background: #0083bb; 
color: #fff; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
background: #fff; 
color: #0082b9; 
} 
 
/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
border: 5px solid #dedede; 
} 
#tooltip h3 {  
font: normal 10px Verdana;  
margin: 0;  
padding: 6px 2px;  
border: 0; 
}