/* 
	Theme Name: cequinelseguros
	Description: Wordpress Theme desenvolvido por MTDS
	com exclusividade para <a href="http://www.cequinel.com.br">CEQUINEL SEGUROS CORRETORA E ADMINISTRADORA
	Author: Marcos Tararthuch
	Version: 2.0
	Tags: responsive, blue, white
	
*/
html {
    font-size: 1em;
    -webkit-text-size-adjust: 1em;
    -ms-text-size-adjust: 1em;
}

html,body,div,dl,dt,dd,ol,ul,li,header,footer,p,h1,h2,h3,h4,h5,h6,fieldset {
	font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; text-rendering: optimizeLegibility;
	border: 0; margin: 0; padding: 0; vertical-align: baseline; color: #434a54; }


html, body { height: 100%; }

body { background: #e9ebee; }

h1 { font-size: 1.625em; } /* 26px */
h2 { font-size: 1.500em; } /* 24px */
h3 { font-size: 1.375em; } /* 22px */ 
h4 { font-size: 1.250em; } /* 20px */
h5 { font-size: 1.125em; } /* 18px */
h6 { font-size: 1.000em; } /* 16px */

ul, ol { list-style: none; }
blockquote, q { quotes: none; padding: 0 3em; }
a { color: #3bafda; text-decoration: none; }
a:hover { text-decoration: underline; }
small { font-size: 0.750em; }
strong { font-weight: 600; }

/* set image max width to 100% */
img { margin: 0; padding: 0; max-width: 100%; height: auto; width: auto\9; /* ie8 */ }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* HEADER */
header { background: #fff; width: 100%; height: 150px; }

#head { width: 940px; height: 100px; margin: 0 auto; padding-top: 21px; clear: both;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#logo a { background: url(https://www.cequinel.com.br/wp-content/themes/cequinelseguros/images/cequinel-logo.png); text-indent: -9999em; width: 238px; height: 60px; display: block; float: left; }

#tagline { font-size: 0.813em; line-height: 1.250em; color: #3bafda; float: right; text-align: right; width: 300px; margin-top: 2px; }
#tagline strong { color: #3bafda; }
#m-tagline { display: none; }

/* NAV - OFF CANVAS */
#page { height: 100%; min-height: 100%; width: auto;}
#nav-head { display: none; }

nav { background: #3bafda; border-top: 2px solid #0e78ba; width: 100%; height: 50px; top: 100px; }
.menu { width: 940px; margin: 0 auto; }
.menu li { position: relative; display: inline; float: left; width: 16%; line-height: 50px;}
.menu li a { font-size: 0.875em; color: #fff; text-align: center; width: 100%; }

.menu li a { display: block; float: left; cursor: pointer;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.menu li a:hover, .menu li a:active, .menu li:hover a { background: #242930; }

/* SUB-NAV */
.menu ul { position: absolute; top: -99999px; }
.menu ul li { background: #242930; width: 100%; border-top: 1px solid #363b43; }
.menu li:hover > ul { position: absolute; top: 50px; opacity: 1; z-index: 3; }
.menu ul li a { width: 100%; display: block; font-size: 0.813em; line-height: 1.5em; color: #3bafda; padding: 1em }
.menu ul a:hover { color: #fff; }

/* HOME */
#carrossel { width: 940px; height: 270px; margin: 20px auto 0; clear: both; }
/*#carrossel h2 { font-size: 2.250em; line-height: 1.250em; font-weight: 300; width: 56%; margin-top: 30px; }
#carrossel a { font-size: 1.125em; line-height: 1em; color: #3bafda; margin-top: 20px; display: block; }*/
#divulga { width: 940px; padding: 2% 0; margin: 0 auto; overflow: auto;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#divulga li { width: 31.1%; height: 200px; display: block; position: relative; float: left; margin: 0 1.1%; }

#divulga li .etiqueta { position: absolute; bottom: 0; left: 0; width: 100%; background-color: #242930; opacity:0.85; filter:alpha(opacity=85); }
.etiqueta h3 { background: url(https://www.cequinel.com.br/wp-content/themes/cequinelseguros/images/seta-b.png) no-repeat right; font-size: 0.875em; text-transform: uppercase; margin: 1.250em; padding-right: 2.5em; }
.etiqueta a { color: #fff;}

#servicos { background: #434a54; overflow: auto; font-size: 0.875em;}
.wrap {width: 940px; margin: 0 auto; }
.menuservicos { background: #fff; height: 200px; font-size: 1em;}
#servicos h3 { font-size: 1em; text-transform: uppercase; color: #3bafda; margin-top: 10px; }
#servicos p { padding: 0 35px; }
.slide1, .slide2, .slide3 { width: 300px; float: left; text-align: center;}
.slide2, .slide3 { margin-left: 20px; }
.slide-btn1, .slide-btn2, .slide-btn3 { background: #fff; height: 200px; display: block; padding-top: 80px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.slide-btn1 { background: #fff url(https://www.cequinel.com.br/wp-content/themes/cequinelseguros/images/ico-assistencia.png) no-repeat center 20px; }
.slide-btn2 { background: #fff url(https://www.cequinel.com.br/wp-content/themes/cequinelseguros/images/ico-oficinas.png) no-repeat center 20px; }
.slide-btn3 { background: #fff url(https://www.cequinel.com.br/wp-content/themes/cequinelseguros/images/ico-consulta.png) no-repeat center 20px; }

#panel1, #panel2, #panel3 { display: none; font-size: 0.875em; }

#panel1 { background: #434a54 url(https://www.cequinel.com.br/wp-content/themes/cequinelseguros/images/ponta.png) no-repeat center top; padding: 40px 0; }
#panel1 li { text-align: center; color: #fff; margin-bottom: 10px;}
#panel1 li strong { clear: both; display: block; color: #fff;}
#panel1 li a { color: #3bafda; }

#panel2 { background: #434a54 url(https://www.cequinel.com.br/wp-content/themes/cequinelseguros/images/ponta.png) no-repeat center top; padding: 40px 0;}
#panel2 li { text-align: center; color: #fff; margin-bottom: 10px; }
#panel2 li strong { display: block; color: #fff;}
#panel2 li a { color: #3bafda; display: block; }

#panel3 { background: #434a54 url(https://www.cequinel.com.br/wp-content/themes/cequinelseguros/images/ponta.png) no-repeat center top; width:258px; margin: 0 auto; padding: 40px 0; }
#panel3 p, #panel3 ul li { font-weight: 300; color: #fff; }
#panel3 ul { margin: 5% 12% 5% 25%; list-style: disc; }
#panel3 a { color: #3bafda; }
#panel3 { text-align: left; }

#news { width: 940px; margin: 0 auto; }
#noticias { background: #3bafda; width: 32%; font-size: 0.875em; padding: 1em; float: left;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
li.ultimas { color: #242930; font-weight: 600; margin-bottom: 0.5em; text-align: center; }
#noticias li a { font-weight: 300; color: #fff; padding: 0.5em 0; display: block; border-top: 1px solid #76c7e5; }

#banner { width: 66%; float: left; margin-left: 2%; text-align: center; }
#banner li { width: 48%; float: left; text-align: center; margin-top: 2em; }
#banner li a img { width: 250px !important; height: auto; }

/* PAGES */
#content { background: #fff; margin: 0; padding: 0; width: 100%; }
#namepage { background: #434a54; width: 100%; height: 100px; margin: 0; padding-top: 40px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#namepage h1.titulo { width: 940px; margin: 0 auto; padding: 0; color: #fff; clear: both; font-weight: 300; }
#internas { width: 940px; margin: 0 auto; padding: 40px 0 60px; overflow: auto; }
#internas h2 { color: #3bafda; font-size: 1.500em; margin: 2em 0 0; text-transform: uppercase; }
#internas h3 { color: #3bafda; font-size: 1.375em; padding: 2em 0 0.750em ; }
#internas p { line-height: 1.5em; margin-top: 1em; }
#internas p a, #internas p a:active, #internas li a, #internas li a:active { color: #3bafda; }
#internas p img { float: left; margin-right: 2%;}

article { margin-bottom: 5em; }
article h2 a, .comment a { color: #3bafda; }
.date { color: #ccc; }
.comment { margin-top: 1em; float:left; }

/* lista gerais */
#internas ul { list-style: none; margin: 0; padding: 1em 0;}
#internas ul li { padding-left: 1em; }
#internas ul li:before { content: "•"; font-size: 1em; margin-right: 0.750em; }


#internas ol { list-style-type: none; list-style-type: decimal !ie; /*IE 7- hack*/ margin: 0; margin-left: 3em; padding: 0; counter-reset: li-counter; }
#internas ol > li{ position: relative; margin-bottom: 20px; padding-left: 0.5em; min-height: 3em; border-left: 1px solid #CCC; }
#internas ol > li:before { position: absolute; top: 0; left: -1em; font-size: 2em; line-height: 1; font-weight: 300; text-align: right; color: #ccc;
	content: counter(li-counter); counter-increment: li-counter; }
/* #internas ol ul { margin-left: 3em;} */
.line { width: 100%; height: 20px; margin-top: 40px; display: block; border-top: 1px solid #e0e0e0; }
.destaque { background: #e9ebee; width: 100%; text-align: center; color: #2c276d; font-size: 1.250em; font-weight: 400; margin: 40px 0; padding: 1em !important;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

dl.segmentos { float: left; width: 31%; padding: 10px 0; margin: 0 1% 1% 0; text-align: center; }
dl.segmentos dt { margin: 10px 0 0 0; }

/* Comentários */
#comentarios { width: 100%; float: left; }
#comentarios p { width: 100%; font-size: 0.875em; }
#comentarios h3 { font-size: 0.750em; font-weight: 400;}
#comentarios img { width: 32px !important; margin-left: 0 !important; margin-right: 12px; }
.comment-body p { margin: 0; }
.comment-author.vcard, .comment-meta.commentmetadata { font-size: 0.688em; }
.commentmetadata { margin-bottom: 20px; }
.comment-awaiting-moderation { font-size: 0.688em; color: #ff0000; }
.reply { width: 100%; margin-top: 10px; padding-bottom: 10px; float: left; border-bottom: 1px solid #ddd; }
ol.commentlist { width: 100%; list-style: none; float: left; }
ol.commentlist li { width: 96%; }
ol.commentlist ul { margin: 0px; }
ol.commentlist ul li { margin: 20px; }
ol.commentlist li a { font-size: 0.875em; }
ol.commentlist li .reply a { font-size: 0.875em; }

/* Comentários - Formulário */
#respond { width: 100%; float: left; clear: both; }
#respond h3 { font-size: 1.500em; font-weight: 400; }
#respond p { width: 100%; float: left; margin: 0 0 1em 0; }
#respond form label { float: left; display: block; font-size: 0.750em; font-weight: 400; clear: both; margin-bottom: 4px; }
#respond form input,#respond form textarea { background: #fff; border: 1px solid #aaa; float:left; clear: both; padding: 5px 10px; margin-bottom:10px; font-size: 1em; font-variant: 400; }
#respond form input, #respond form textarea { width: 60%; }
#respond form input.commentsubmit { background: #3bafda; margin: 10px 0; padding: 6px 20px; width: auto; color: #fff; font-size: 1.000em; font-weight: 400; cursor: pointer; }
#respond form input.commentsubmit:hover { background: #242930; }


/* MAPA */
#endereco { width: 300px; float: left; }
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.maps { display: none; }


footer { background: #2c276d; float: left; width: 100%; padding-bottom: 4%; clear: both; text-align: center; border-top: 2px solid #242930; }
footer ul.social { width: 940px; margin: 3% auto; padding-bottom: 3%; border-bottom: 1px solid #423d7c; }
footer ul.social li a { font-size: 0.850em; color: #d7d8dd; }
footer small { font-size: 0.688em; color: #989fa9; }

/* Lightbox Popup */

#inPopUp { padding: 30px; font-size: 0.850em; }

/*//////////////////////////////////////////////////////////////////
Move nav off screen, setup transitions */

/* Styles for screen 1024px and lower */
@media screen and (max-width: 960px) and (min-width: 600px) {

	header { height: 150px; }
	#head, .menu, #carrossel, #divulga, .wrap, footer ul.social, #namepage h1.titulo, #internas { width: 94%; }
	#carrossel { height: 210px; }
	#carrossel h2 { font-size: 1.750em; }
	#carrossel a { font-size: 0.875em; }

	#divulga { height: auto; padding: 2% 0; overflow: auto; }
	#divulga li {height: auto;}
	.etiqueta h3 { font-size: 0.750em; padding-right: 2.5em; }

	.slide1, .slide2, .slide3 { width: 32%; }
	.slide2, .slide3 { margin-left: 2%; }
	#panel3 { width: 100%; }
	.menuservicos { font-size: 0.875em; }
	#servicos h3 { margin-top: 3%; }
	#servicos p { padding: 0 16%; }

	#news { width: 100%; overflow: auto;}
	#noticias, #banner { width: 90%; margin: 0 auto; float: none; }
	#banner li { width: 50%; margin: 1em 0; }

}

/* Styles for screen 768px and lower */
@media screen and (max-width: 767px) {

	.menu li a { font-size: 0.813em; }
	.menu ul li a { padding: 1em; }
	#carrossel h2 { font-size: 1.5em; width: 60%; }
	#carrossel a { font-size: 0.813em; }
	.etiqueta h3 { font-size: 0.625em; }

	#servicos p { padding: 0 6%; }

	#endereco { width: 100%; clear: both; float: none; margin-bottom: 40px;}

}
	
/* Styles for screen 600px and lower */
@media only screen and (max-width : 599px) {

	blockquote, q { padding: 0; }
	header { height: auto; }
	#head { width: 100%; }
	#logo a { float: none; margin: 0 auto; }

	#tagline { display: none; }
	#m-tagline { display: block; clear: both; font-size: 0.850em; line-height: 1.375em; color: #3bafda; text-align: center; width: 100%; margin: 1em auto; }
	#m-tagline strong { color: #3bafda; }
	
	#carrossel { display: none; }
	#divulga, #servicos, .wrap { width: 300px; margin: 0 auto; }
	#divulga { padding: 2% 0 6% 0; }
	#divulga li { width:100%; margin: 20px 0 0 0; }
	#divulga li:first-child { margin: 0; }
	.etiqueta h3 { font-size: 0.875em; }
	
	dl.segmentos { width: 48%; }

	.menuservicos { height: 600px; }
	.slide1, .slide2, .slide3 { float: left; margin: 0; }

	#news { width: 100%; }
	#noticias { width: 300px; margin: 0 auto; float: none; }
	#banner, #banner li { width: 100%; margin: 2% 0; }

	#namepage h1.titulo, #internas { width: 90%; margin: 0 auto; }

	/* MAPA */
	.embed-container { display: none; }
	.maps { display: block; }

	/* Display nav items vertically - responsive menu*/
	nav { background: #242930; position: absolute; width: 220px; left: -220px; top: 0; height: 100%; border-top: 0; }
	.menu { width: 220px; }
	.menu li { float: left; width: 100% }
	.menu li a { width: 100%; font-size: 0.813em; line-height: 2em; text-align: left; padding-left: 1.750em; border-bottom: 1px solid #363b43; color: #3bafda;
		box-sizing: border-box; }
	.menu li a:hover, ul.menu li a:active { color: #fff; }
	.menu ul, ul.menu li:hover > ul { position: relative; top: 0; }
	.menu ul li { width: 100%; border: 0; }
	.menu ul li a { padding: 0 2.5em 0; line-height: 2em; }
	
	/* Reveal open/close buttons */
	#nav-head { background: #3bafda; border-top: 2px solid #0e78ba; width: 100%; height: 50px; display: block; }
	#nav-head h2 { font-size: 1em; text-transform: uppercase; color: #fff; float: right; margin-top: 12px; margin-right: 5%; }
	a.open-panel { background: url(https://www.cequinel.com.br/wp-content/themes/cequinelseguros/images/ico-menu.png); text-indent: -9999em; width: 28px; height: 22px; margin-top: 12px; margin-left: 5%; float: left; display: block; cursor: pointer; }
	.openNav #page { left: 0;
		-webkit-transform: translate3d(210px, 0, 0);
		-moz-transform: translate3d(210px, 0, 0);
		-ms-transform: translate3d(210px, 0, 0);
		-o-transform: translate3d(210px, 0, 0);
		transform: translate3d(210px, 0, 0);
		-webkit-transition: -webkit-transform 500ms ease;
		-moz-transition: -moz-transform 500ms ease;
		-o-transition: -o-transform 500ms ease;
		transition: transform 500ms ease;
	}
	
	/* When the panel is closed, transition the page back to the left */
	#page { left: 0;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transition: -webkit-transform 500ms ease;
		-moz-transition: -moz-transform 500ms ease;
		-o-transition: -o-transform 500ms ease;
		transition: transform 500ms ease;
	}

	footer ul.social { width: 90%; }
}

/* Styles for screen 400px and lower */
@media only screen and (max-width : 400px) {
	dl.segmentos { width: 100%; }
	#namepage { padding-top: 1em; }
	#internas h2 { margin: 0; }

	/* Lightbox Popup */
	#inPopUp { padding: 30px; font-size: 0.850em; width: auto !important; height: auto !important; } 
}

/* Styles for screen 320px and lower *
@media only screen and (max-width : 320px) {

}