@charset "UTF-8";

/* Layout Small Screens */

header{
	width:500px;
	height:75px; 
	background:url(../images/banner_small.jpg) no-repeat right 0px;}

header a.logo{
	width:67px;
	height:59px;
	top: 15px;
	right: 15px;
	background-image:url(../images/logo_small.png);
}

.responsive {
	width:310px;
	height:253px;
	margin:0px 0px 0px 25px;
	vertical-align:left;
	background-image: url(../design/responsive_small.jpg);
}
.brand1 {
	width:310px;
	height:487px;
	margin:0px 0px 0px 25px;
	vertical-align:left;
	background-image: url(../design/Brand_bm_small.jpg);
}
.brand2 {
	width:310px;
	height:487px;
	margin:0px 0px 0px 25px;
	vertical-align:left;
	background-image: url(../design/Brand_origart_small.jpg);
}
.brand3 {
	width:310px;
	height:487px;
	margin:0px 0px 0px 25px;
	vertical-align:left;
	background-image: url(../design/Brand_spring_small.jpg);
}
.ilustracao {
	width:310px;
	height:1328px;
	margin:0px 0px 0px 25px;
	vertical-align:left;
	background-image: url(../design/ilustracao_small.jpg);
}

.tratamento_imagem {
	width:310px;
	height:1039px;
	margin:0px 0px 0px 25px;
	vertical-align:left;
	background-image: url(../design/one_small.jpg);
}
.tratamento_imagem_2 {
	width:300px;
	height:1039px;
	margin:0px 0px 0px 25px;
	vertical-align:left;
	background-image: url(../design/guess_small.jpg);
}
.tratamento_imagem_3 {
	width:300px;
	height:500px;
	margin:0px 0px 0px 25px;
	vertical-align:left;
	background-image: url(../design/salinas_small.jpg);
}
.tratamento_imagem_4 {
	width:300px;
	height:500px;
	margin:0px 0px 0px 25px;
	vertical-align:left;
	background-image: url(../design/salinas2_small.jpg);
}
.tratamento_imagem_5 {
	width:300px;
	height:500px;
	margin:0px 0px 0px 25px;
	vertical-align:left;
	background-image: url(../design/salinas3_small.jpg);
}
.tratamento_imagem_6 {
	width:300px;
	height:500px;
	margin:0px 0px 0px 25px;
	vertical-align:left;
	background-image: url(../design/salinas4_small.jpg);
}
.tratamento_imagem_7 {
	width:300px;
	height:456px;
	margin:0px 0px 0px 25px;
	vertical-align:left;
	background-image: url(../design/salinas5_small.jpg);
}
.tratamento_imagem_8 {
	width:300px;
	height:456px;
	margin:0px 0px 0px 25px;
	vertical-align:left;
	background-image: url(../design/salinas6_small.jpg);
}
.oculos_sol_1 {
	width:300px;
	height:470px;
	margin:0px 0px 0px 25px;
	vertical-align:left;
	background-image: url(../design/RayBan_small.jpg);
}
.oculos_sol_2 {
	width:300px;
	height:470px;
	margin:0px 0px 0px 25px;
	vertical-align:left;
	background-image: url(../design/RayBan2_small.jpg);
}
.oculos_sol_3 {
	width:300px;
	height:470px;
	margin:0px 0px 0px 25px;
	vertical-align:left;
	background-image: url(../design/RayBan3_small.jpg);
}
.oculos_sol_4 {
	width:300px;
	height:470px;
	margin:0px 0px 0px 25px;
	vertical-align:left;
	background-image: url(../design/RayBan4_small.jpg);
}
.oculos_sol_5 {
	width:300px;
	height:470px;
	margin:0px 0px 0px 25px;
	vertical-align:left;
	background-image: url(../design/RayBan5_small.jpg);
}

.ser_voluntario {
	width:310px;
	height:683px;
	margin:0px 0px 0px 25px;
	vertical-align:left;
	background-image: url(../design/ser_voluntario_small.jpg);
}
.prevencao_rodoviaria {
	width:310px;
	height:958px;
	margin:0px 0px 0px 25px;
	vertical-align:left;
	background-image: url(../design/prevencao_rodoviaria_small.jpg);
}
.gsc {
	width:310px;
	height:938px;
	margin:0px 0px 0px 25px;
	vertical-align:left;
	background-image: url(../design/gsc_small.jpg);
}
.enf {
	width:310px;
	height:417px;
	margin:0px 0px 0px 25px;
	vertical-align:left;
	background-image: url(../design/enf_small.jpg);
}

article{padding: 40px 20px 20px 20px;}

.competencias {
		padding: 10px 0px 0px 30px;
}

.sobre_mim {
	background-image: url(../open%20files/sobre_mim_small.png);
	margin: 0px 0px 0px 25px;
	width: 412px;
	height: 646px;
}

.sobre_mim_2 {
	resize:both;
	overflow:auto;
	margin-left: 25px;
	padding: 0px 15px 00px 0px;
}

.contactos {
	width:310px;
	height:180px;
	margin:0px 0px 0px 25px;
	vertical-align:left;
	background-image: url(../images/contactos_small.jpg);
}
.contactos_2 {
	width:auto;
	resize:both;
	overflow:auto;
	margin-left: 25px;
	padding: 0px 0px 00px 0px;
}

nav{
	position: static;
	padding: 10px 0px 10px 0px;
	background-color: #0B6798;
	width:auto;
}

nav a{
	color: #CAE9F7;
	display: block;
	margin: 15px;
	padding: 9px;
	text-align:left;
	border: 1px solid #a6abc5;
	background: url(../images/mobile_link_arrow.png) no-repeat right center;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}

nav a:hover{color:#fff; background-color: rgba(255,255,255,.15)}

nav_2{
	width: 100%;
	display: block;
	position: absolute;
	background-color: #0B6798 transparent;
	width: 980px auto;
	top: 70px;
	text-align: left;
}
nav_2 a{
	color: #FFF transparent;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}

.promo_container{padding:0px;}

.promo_container .promo{
	width:auto;
	float:none;
	padding:10px 0px 0px 0px;
	background-position:20px 13px;
	border-top: 1px solid #ccc;
}
.promo_container .promo .content{padding:0px 20px 5px 90px;}

footer{border-top:1px solid #a6abc5;}

body{background-image:none;}