/*
Theme Name: Porto (shared on themestotal.com)
Theme URI: http://newsmartwave.net/wordpress/porto
Author: SW-THEMES
Author URI: http://newsmartwave.net/
Description: Porto Multipurpose Theme.
Version: 2.2.1
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: porto

*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

.bypostauthor {}

/**************** AREA DO CLIENTE ****************/	
	
#area_cliente{
	float: left;
	width: 100%;
	padding: 1em;
	margin-top: 2.9em;
	background: #FFF;
}
#area_cliente p{
	text-align:center;
}
#area_cliente h1, #area_cliente h2{
	float:left;
	width:100%; 
	font-size:1.8em;
	text-align:center;
}
#area_cliente .cx_assine, #area_cliente .form_telefone{
	float:left;
	width:500px;
	height: 140px;
	padding:1em;
	margin:0.3em 0;
	text-align:center;
	border:1px solid #c4d4d4;
margin-left:10px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	-webkit-box-shadow: 0px 2px 5px -1px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 2px 5px -1px rgba(0,0,0,0.15);
	box-shadow: 0px 2px 5px -1px rgba(0,0,0,0.15);
}
#area_cliente .cx_assine{
	float:right;
}
#area_cliente .form_telefone .nome{
	width: 100%;
	background: none;
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #c4d4d4;
	color: #FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#area_cliente .form_telefone .senha{
	float: left;
	width: 70%;
	background: none;
	padding: 10px;
	border: 1px solid #c4d4d4;
	color: #000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#area_cliente .form_telefone .nome{
	width: 100%;
	background: none;
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #c4d4d4;
	color: #000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#area_cliente input[type=submit] {
	float: right;
	width: 27%;
	background: #f29100;
	color: #FFF;
	border: 0;
	padding: 10px 0;
	
	-webkit-appearance: none;
    border-radius: 0;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#area_cliente .cx_assine .btn_assine{
	float:right;
	width:100%;
	padding:1em;
	margin-top:1em;
	color:#FFF;
	text-decoration:none;
	background:#46B346;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#area_cliente small{
	float: left;
	width: 50%;
	padding: 1em 0;
	text-align: center;
}
#area_cliente .telefones{
	float: left;
	width: 100%;
	padding:1em 0;
}
#area_cliente .telefones ul{
	display: table;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
}
#area_cliente .telefones ul li:nth-child(even){
	text-align:right;
}
#area_cliente .telefones ul li{
	width: 25%;
    float: left;
    margin-top: 0.8em;
    padding: 0.1em 3.5em;
}
#area_cliente .telefones ul li a{
	color:#000;
	text-decoration:none;
}


/**************** CHAMADA 1 ****************/

#chamada1{
	float:left;
	margin-top:74px;
	padding-bottom: 3em;
	width:100%;
	background:url(images/textura_chamada1.html);
}
#chamada1 .video{
	float: left;
    width: 45%;
    margin: 3em 0 0 0;
}
#chamada1 .video img{
	width:100%;
	height:auto;
}
#chamada1 iframe{
	position: absolute;
	z-index:3;
	width: 100%;
    height: 100%;
    border: 10px solid #FFF;
}
#chamada1 .propaganda{
	width: 55%;
    text-align: center;
    float: right;
}
#chamada1 h1{
	float: right;
    width: 55%;
	margin-bottom: 0.3em;
    font-size: 3.4em;
    color: #FFF;
    text-align: center;
}
#chamada1 h2{
	font:500 27px 'Raleway', sans-serif;
	color:#FFF;
}
#chamada1 strong{
	color:#f29100;
}
#chamada1 .locutor{
	float:left;
}
#chamada1 .botoes{
	margin: 1.8em auto 0 auto;
}