@charset "utf-8";
/* CSS Document */
body {
	background-color:#FFF;
	font:24px Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	color:#333;
	margin:0px;
}
a {
	color:#555;
	text-decoration:none;
}
a:hover {
	color:#000;
	text-decoration:underline;
}
.menu {
	display:inline-block;
}
.menu a:link, .menu a:visited {
	background-color:#E8F1FE;
	color:#333;
	height:23;
	padding:3px;
	padding-left:8px;
	padding-right:8px;
	margin:0px;
	text-decoration:none;
	border:1px #54647A solid;
	border-top:1px #5E6D83 solid;
	border-bottom:1px #354255 solid;
}
.menu a:hover {
	background-color:#8295AF;
	color:#FFF;
	height:23;
	padding:3px;
	padding-left:8px;
	padding-right:8px;
	margin:0px;
	text-decoration:none;
	border:1px #555 solid;
}
#selected {
	background-color:#000;
 	color:#FFF;
	height:23;
	padding:3px;
	padding-left:8px;
	padding-right:8px;
	margin:0px;
	border:1px #000 solid;
	border-top:1px #000 solid;
	border-bottom:1px #000 solid;
}
.small {
	color:#555;
	font-size:12px;
}
.led {
	color:#E54A71;
	font-size:12px;
}
.titulo {
	background-color:#000;
	border:1px solid #cfcfcf;
	font-weight: bold;
	color:#FFF;
	text-align:center;
}
.subtitulo {
    background-color:#EEEDED;
	color:#000;
	font-size:36px;
	text-shadow: 0 0 0.2em #B1B5B9, 0 0 0.2em #B1B5B9;
	padding:10px;
	border:1px #CCC solid;
	text-align:center;
}
.sm-subtitulo {
    background-color:#BED8FD;
	display:block;
	color:#555;
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
	padding:4px;
}
.shadow {
	background:url(graphs/shadow.png) repeat-x;
}
.name {
	color:#000;
	font-size:16px;
	font-weight:bold;
	text-transform:capitalize;
}
.message {
	border:dashed 1px #ef7d85;
	background-color:#fbd0d9;
	color:#545454;
	padding:5px;
	border-radius:6px;
}
input[type=text], input[type=email] {
    background-color:#fbfbfb;
    border:solid 1px #CCC;
    color:#396898;
    height: 36px;
    padding-left:10px;
    width: 180px;
	border-radius:6px;
	font-size:16px;
}
.dropdown {
    background-color:#fbfbfb;
    border:solid 1px #CCC;
    color:#396898;
    height: 36px;
    padding-left:10px;
    width: 280px;
	border-radius:6px;
	font-size:16px;
}
textarea {
    background-color:#fbfbfb;
    border:solid 1px #CCC;
    color:#396898;
    padding-left:10px;
	border-radius:6px;
	font-size:16px;
}
.button {
    background-color:#396898;
    color:#FFF;
    height:36px;
    width:100px;
	border-radius:6px;
    text-transform:uppercase;
}
.roundtable {
	border: 2px solid #F3F3F3;
    border-radius: 20px;
	background-color: #F9F9F9;
}
.callbutton a:link, .callbutton a:visited {
    background-color:#8EFF67;
    color:#000;
	font-size:36px;
	padding:15px;
	display:block;
    text-transform:uppercase;
	text-decoration: none;
	vertical-align:middle;
}
.roundedpic {
    border-radius:40px;
    border: 5px solid #FFF;	
}
table.rounded-corners {
    border-spacing: 0;
    border-collapse: separate;
    border-radius: 15px;
    border: 2px solid #DEDEDE;
}
div.fixed {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 450px;
}
.sampleMarquee {
    color: #333;
	background-color: #FFF6E8;
	max-width: 1000px;
	max-height: 300px;
	font-size: 26px;
	line-height: 40px;
	padding: 40px;
	border-radius: 15px;
    border: 2px solid #DEDEDE;
}
.clear { clear:both; }
.photo-link	{ padding:0px; margin:10px; border:4px solid #FEFEFE; width:200px; float:left; display:block; line-height:0; }
.photo-link:hover { border-color:#FFBABB; }

.responsive-image {
    width: 100%;
	height:auto;
    background-size: 100% 100%;
} 

/* and finally, we serve for every view-port the right image: */

/* Retina display */
@media screen and (min-width: 1024px){
    .responsive-image{
        background-image: url('fotos/cover01retina.jpg');
    }
}

/* Desktop */
@media screen and (min-width: 980px) and (max-width: 1024px){
    .responsive-image{
        background-image: url('fotos/cover01.jpg');
    }
}

/* Tablet */
@media screen and (min-width: 760px) and (max-width: 980px){
    .responsive-image{
        background-image: url('fotos/cover01tablet.jpg');
    }
}

/* Mobile HD */
@media screen and (min-width: 350px) and (max-width: 760px){
    .responsive-image{
        background-image: url('fotos/cover01mobile-hd.jpg');
    }
}