body { font-family: 'Open Sans', Arial, Helvetica Neue, Helvetica, sans-serif; font-size:16px; color:#818285; margin:0; padding:0; font-weight:200;}
form { margin:0; padding:0;}
ul { list-style-type:none;}
.clear { clear:both;}
.clearleft { clear:left;}
.clearright { clear:right;}
h1, h2, h3, h4, h5 { margin:0; padding:0; font-weight:200;}
.green, .green a, .green a:visited { color:#ffd500;}
.red, .red a, .red a:visited { color:#BB0032;}
.blue, .blue a, .blue a:visited { color:#1571D1;}
.ocean, .ocean a, .ocean a:visited { color:#4DC48D;}
a { text-decoration:none;}
b {font-weight:600; }

header { z-index:2; background:url(images/opacity-header.png) repeat; position:absolute; top:0; width:100%; height:145px;}
.bg-personal { z-index:1; background:url(images/bg-personal.jpg) no-repeat center top; height:512px; width:100%;}
article.in {  width:1000px; margin:auto; }
.logo { float:left; margin:9px 0 0;}
nav.menu { float:right; margin:47px 0 0;}
nav.menu ul { list-style:none; font-size:15px;}
nav.menu ul li { float:left; margin:0 13px;}
nav.menu ul li a, nav.menu ul li a:visited { color:#818285; text-decoration:none;}
nav.menu ul li a:hover, nav.menu ul li a:active { color:#000000; text-decoration:none;}
nav.menu ul li.active { color:#ffd500;}

section.personal-home { background:#ffd500; padding:21px 0 45px;}
h2.personales { float:left; font-size:50px; font-weight:200; color:#FFFFFF; background:url(images/arrow.png) no-repeat right 27px; padding:0 40px 0 0;}
h2.personales a, h2.personales a:hover, h2.personales a:visited, h2.personales a:active { color:#FFFFFF; text-decoration:none;}
p.detalle { float:right; font-size:16px; line-height:20px; width:526px; color:#FFFFFF;}
.categorias { margin:25px auto 0; width:100%; display:inline-block; text-align:center}
.cat { height:46px; padding:0 12px; background:#FFFFFF; margin:0 5px 7px 0; line-height:42px; -moz-border-radius: 2px; border-radius: 2px; display:inline-block; text-align:center}

.bg-comercial {background:url(images/bg-comercial.jpg) no-repeat center top; height:400px; width:100%;}
section.comercial-home { background:#BB0032; padding:21px 0 45px;}
h2.comerciales { float:left; font-size:47px; font-weight:200; color:#FFFFFF; background:url(images/arrow.png) no-repeat right 25px; padding:0 40px 0 0;}
h2.comerciales a, h2.comerciales a:hover, h2.comerciales a:visited, h2.comerciales a:active { color:#FFFFFF; text-decoration:none;}

.bg-profesional {background:url(images/bg-profesional.jpg) no-repeat center top; height:400px; width:100%;}
section.profesional-home { background:#1571D1; padding:21px 0 45px;}
section.otros-home {
    padding: 21px 0px 30px;
    background: transparent url("images/bg-oficina.jpg") no-repeat scroll center top;
    width: 100%;
}
h2.profesionales { float:left; font-size:46px; font-weight:200; color:#FFFFFF; background:url(images/arrow.png) no-repeat right 25px; padding:0 35px 0 0;}
h2.profesionales a, h2.profesionales a:hover, h2.profesionales a:visited, h2.profesionales a:active { color:#FFFFFF; text-decoration:none;}

.arrow-green { background:url(images/green-arrow.png) no-repeat; width:42px; height:21px; margin:-42px 0 40px 30px; z-index:3;}
.arrow-red { background:url(images/red-arrow.png) no-repeat; width:42px; height:21px; margin:-42px 0 40px 30px; z-index:3;}
.arrow-blue { background:url(images/blue-arrow.png) no-repeat; width:42px; height:21px; margin:-42px 0 40px 30px; z-index:3;}
.arrow-white { background:url(images/white-arrow.png) no-repeat; width:42px; height:21px; z-index:3; position:relative; top:-10px; left:60px;}
.arrow-cyan { background:url(images/cyan-arrow.png) no-repeat; width:42px; height:21px; margin:-42px 0 40px 30px; z-index:3;}

.otros {  width:1000px; margin:auto; padding:20px 0;}
article.praxis { float:left; width:450px;}
article.praxis2 { float:left; width:277px;}
article.siniestros2 { float:left; width:277px;}
article.cauciones { float:left; width:277px;}
.icon { margin:30px auto 10px; text-align:center;}
h3 { color:#000000; font-size:35px; margin:0 auto; text-align:center}
h3 a, h3 a:visited {color:#000000; text-decoration:none;}
h3 a:hover, h3 a:active {color:#000000; text-decoration:none;}
.otros p { font-size:18px; line-height:22px; text-align:center; padding:5px 0 0; margin:0 auto; width:400px;}
.otros-home .sep {
    float: left;
    background: transparent url("images/sep-praxis-automotores.png") no-repeat scroll 0% 0%;
    width: 2px;
    height: 100px;
    margin: 50px 40px;
}
h2.oficina-virtual {
    font-size: 46px;
    font-weight: 200;
    color: #FFF;
}
.sep { float:left; background:url(images/sep-praxis-automotores.png) no-repeat; width:2px; height:214px; margin:0 40px;}
.siniestros { float:right; width:450px;}

section.frase { background:url(images/bg-acompaniamos.png) no-repeat center top; height:165px; padding:85px 0 0;}
section.frase p { color:#FFFFFF; width:850px; text-align:center; margin:0 auto; font-size:20px; line-height:25px;}

.praxis2 h3 { color:#fff; font-size:22px; margin:0 auto; text-align:center}
.praxis2 h3 a, .praxis2 h3 a:visited {
color: #fff;
text-decoration: none;
font-family: open sans;
font-size: 22px;
font-weight: 600;}
.praxis2 h3 a:hover, .praxis2 h3 a:active {color:#fff; text-decoration:none;}

.siniestros2 h3 { color:#fff; font-size:22px; margin:0 auto; text-align:center}
.siniestros2 h3 a, .siniestros2 h3 a:visited {
color: #fff;
text-decoration: none;
font-family: open sans;
font-size: 22px;
font-weight: 600;}
.siniestros2 h3 a:hover, .siniestros2 h3 a:active {color:#fff; text-decoration:none;}

.cauciones h3 { color:#fff; font-size:22px; margin:0 auto; text-align:center}
.cauciones h3 a, .cauciones h3 a:visited {
color: #fff;
text-decoration: none;
font-family: open sans;
font-size: 22px;
font-weight: 600;}
.cauciones h3 a:hover, .cauciones h3 a:active {color:#fff; text-decoration:none;}

.otros-home p {
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    padding: 5px 0px 0px;
    margin: 0px auto;
     color: #fff;
}

section.contacto { padding:50px 0 0;}
article.datos { float:left; width:260px;}
h4 { font-size:44px; color:#ffd500;}
p.direccion { line-height:20px; margin:10px 0 15px;}
p.direccion a, p.direccion a:visited {color:#BB0032; text-decoration:none;}
p.direccion a:hover, p.direccion a:active {color:#BB0032; text-decoration:none; border-bottom:1px dotted #BB0032;}
article.form { float:right; width:642px;}
article.form .leftinput { float:left; width:200px; margin:20px 20px 10px 0;}
.last { margin:20px 0 0 0 !important;}
article.form input { background:#FFFFFF; border:1px solid #D3D3D3; width:190px; height:35px; line-height:30px; margin:2px 0 0; padding:0 5px; color:#333333; font-family: 'Open Sans', Arial, Helvetica Neue, Helvetica, sans-serif; font-size:13px;}
article.form label { color:#444444; font-size:14px;}
article.form textarea { background:#FFFFFF; border:1px solid #D3D3D3; width:630px; height:60px;color:#818285; margin:2px 0 0;color:#333333;padding:5px; font-family: 'Open Sans', Arial, Helvetica Neue, Helvetica, sans-serif; font-size:13px;}
article.form input.enviar { width:190px; height:35px; background:#ffd500; color:#FFFFFF; text-align:center; border:0 none; font-family: 'Open Sans', Arial, Helvetica Neue, Helvetica, sans-serif; font-weight:200; font-size:16px; line-height:25px; float:right; margin:-5px 0 0; cursor:pointer;}
.complete { float:left; color:#999999; font-size:12px; }
article.facebook { float:left; width:450px; margin:50px 0;}
.sep-social { float:left; background:url(images/sep-praxis-automotores.png) no-repeat; width:2px; height:214px; margin:50px 40px 0;}
article.twitter { float:right; width:450px; height:250px; overflow:hidden; margin:50px 0;}
article.map { margin:0; padding:0; height:250px; overflow:hidden;}

footer { background:#3A3A3A; margin:0; padding:0; height:140px; padding:45px 0 0; color:#999999;}
.column { float:left; width:auto; margin:0 15px 0 0;}
footer .column img { margin-right:30px; }
.column2 { float:left; width:auto; margin:18px 15px 0 0;}
footer h5 { margin:0; padding:0; font-weight:400; color:#FFFFFF; font-size:12px;}
footer h6 { margin:0; padding:0; font-weight:400; color:#999999; font-size:10px;}
footer h6 a, footer h6 a:visited { color:#999999; text-decoration:none;}
footer h6 a:hover, footer h6 a:active { color:#FFFFFF; text-decoration:none;}
footer .ssn { font-size:12px; color:#999999; line-height:14px; width:175px; margin:11px 0 0;}
footer .ssn p { padding:1px 0; margin:0;}
footer .ssn span.superintendencia { font-size:11px;}
footer .ssn a, footer .ssn a:visited { color:#999999; text-decoration:none;}
footer .ssn a:hover, footer .ssn a:active { color:#FFFFFF; text-decoration:none;}

section.producto { z-index:1; background:url(images/bg-producto.jpg) repeat-y center top; width:100%; padding:200px 0 35px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
h1 { font-size:55px; line-height:60px; font-weight:200; float:left; margin:0 10px 10px 0; padding:0;}
.breadcrumb { float:right; font-size:13px; color:#B2B2B2; margin:25px 0 0;}
.breadcrumb  a, .breadcrumb a:visited { color:#B2B2B2; text-decoration:none;}
.breadcrumb  a:hover, .breadcrumb a:active { color:#333333; text-decoration:none;}
section.producto p { font-size:18px; line-height:22px; color:#000000; margin:0; padding:0 0 15px;}

.greendivisor { height:1px; background:#ffd500; width:100%;}
.oceandivisor { height:1px; background:#4DC48D; width:100%;}
.reddivisor { height:1px; background:#BB0032; width:100%;}
.bluedivisor { height:1px; background:#1571D1; width:100%;}
.greydivisor { height:1px; background:#BFBFBF; width:100%;}
.lightgreydivisor { height:1px; background:#D8D8D8; width:100%; margin:10px 0 20px}

section.formulario { margin:80px 0;}
section.formulario p { line-height:20px; margin:0; padding:0 0 40px;}
article.elform { float:left; width:630px;}
article.elform .left { float:left; width:300px;}
article.elform .right { float:right; width:300px;}
article.elform input { border:1px solid #CCCCCC; -moz-border-radius: 3px; border-radius: 3px; background:#FFFFFF; width:288px; padding:0 5px; height:35px; margin:0 0 20px; color:#818285;}
article.elform .label { font-size:14px; margin:0 0 2px;}
article.elform .radio { font-size:14px; margin:0 0 8px;}
article.elform input[type="radio"] { width:14px; height:14px; position:relative; top:2px; margin:0 10px 20px 0;}
article.elform select { border:1px solid #CCCCCC; -moz-border-radius: 3px; border-radius: 3px; background:#FFFFFF; width:300px; padding:0 5px; height:37px; margin:0 0 20px; color:#818285;}
article.elform textarea { border:1px solid #CCCCCC; -moz-border-radius: 3px; border-radius: 3px; background:#FFFFFF; width:618px; padding:5px !important; height:80px; margin:0 0 20px; padding:0; resize:none; font-family: "Arial", Helvetica Neue, Helvetica, sans-serif; font-size:12px; color:#818285;}
.enviar { width:240px; height:46px; border:0 none; -moz-border-radius: 3px; border-radius: 3px; background:#ffd500; color:#FFFFFF; font-size:17px; font-weight:400; text-transform:uppercase; cursor:pointer;}
.enviar-red { width:240px; height:46px; border:0 none; -moz-border-radius: 3px; border-radius: 3px; background:#bb0032; color:#FFFFFF; font-size:17px; font-weight:400; text-transform:uppercase; cursor:pointer;}
.enviar-blue { width:240px; height:46px; border:0 none; -moz-border-radius: 3px; border-radius: 3px; background:#1571d1; color:#FFFFFF; font-size:17px; font-weight:400; text-transform:uppercase; cursor:pointer;}

article.elform input.enviar:hover {background:#EBF1BF; color:#ffd500;}

aside { float:right; width:320px;}
aside article.links { border-left:1px solid #D8D8D8; padding:0 0 0 30px; }
aside h2 { margin:30px 0 20px; font-size:20px; line-height:20px; color:#000000; font-weight:400;}
aside ul { list-style-type:none; margin:0; padding:0;}
aside ul li { font-size:14px; font-weight:400; margin:0 0 5px; padding:0;}
aside ul li a, aside ul li a:visited { color:#818285; text-decoration:none;}
aside ul li a:hover, aside ul li a:active { color:#ffd500; text-decoration:none;}
aside ul li a.red, aside ul li a.red:visited { color:#818285; text-decoration:none;}
aside ul li a.red:hover, aside ul li a.red:active { color:#bb0032; text-decoration:none;}
aside ul li a.blue, aside ul li a.blue:visited { color:#818285; text-decoration:none;}
aside ul li a.blue:hover, aside ul li a.blue:active { color:#1571d1; text-decoration:none;}
aside p { font-size:14px; line-height:20px; padding:0 0 20px !important;}
aside input { border:1px solid #CCCCCC; -moz-border-radius: 3px; border-radius: 3px; background:#FFFFFF; width:268px; padding:0 5px; height:35px; margin:0 0 10px; color:#818285; font-family: 'Open Sans', Arial, Helvetica Neue, Helvetica, sans-serif; font-size:13px; color:#333333;}
aside .label { font-size:14px; margin:0 0 2px; color:#ffd500;}
aside textarea { border:1px solid #CCCCCC; -moz-border-radius: 3px; border-radius: 3px; background:#FFFFFF; width:270px; padding:5px; height:70px; margin:0 0 5px; resize:none; font-family: 'Open Sans', Arial, Helvetica Neue, Helvetica, sans-serif; font-size:13px; color:#333333;}
aside input.enviar { width:165px; height:35px; border:0 none; -moz-border-radius: 3px; border-radius: 3px; background:#ffd500; color:#FFFFFF; font-size:12px; font-weight:400; text-transform:uppercase; cursor:pointer; margin:0 7px 0 0; padding:0; float:right;}

article.malapraxis { float:left; width:630px;}
.square { width:174px; height:180px; background:#D6D6D8; float:left; margin:0; padding:30px 18px 0;}
.square:hover { background: url(images/white-arrow.png) no-repeat center bottom #bfbfbf;}
.active, .active:hover { background: url(images/white-arrow.png) no-repeat center bottom #4dc48d !important;}
.square h2 { font-size:28px; line-height:29px; color:#FFFFFF; font-weight:600; padding:0; margin:0 0 15px;}
.square h2 a, .square h2 a:visited, .square p a, .square p a:visited { color:#FFFFFF; text-decoration:none;}
.square h2 a:hover, .square h2 a:active, .square p a:hover, .square p a:active { color:#FFFFFF; text-decoration:none;}
.square p { color:#FFFFFF; font-size:14px; line-height:17px;}
.contentpraxis { width:560px; margin:0 auto;}
article.malapraxis h3 { font-size:25px; line-height:25px; color:#818285; margin:40px 0 30px;}
article.malapraxis .left { float:left; width:200px; margin:0 20px 0 0;}
article.malapraxis input {  border:1px solid #CCCCCC; -moz-border-radius: 3px; border-radius: 3px; background:#FFFFFF; width:188px; padding:0 5px; height:33px; margin:0 0 20px; color:#818285; }
article.malapraxis input.enviar { width:118px; height:35px; border:0 none; -moz-border-radius: 3px; border-radius: 3px; background:#4dc48d; color:#FFFFFF; font-size:15px; font-weight:400; text-transform:uppercase; cursor:pointer; float:right; margin:22px 0 0; padding:0;}
article.denuncias { width:330px; margin:0 auto;}
.denuncia1 { float:left;}
.denuncia2 { float:right;}
article.denuncias .pdf { width:46px; margin:0 auto; text-align:center;}
article.denuncias h4  { font-size:18px; line-height:20px; color:#000000; font-weight:400; text-align:center;}
article.denuncias h4 a, article.denuncias h4 a:visited { color:#000000; text-decoration:none;}
article.denuncias h4 a:hover, article.denuncias h4 a:active { color:#bb0032; text-decoration:none;}
article.importante { margin:60px auto 20px; width:485px;}
article.importante .line { height:1px; width:141px; background:#bb0032; float:left; margin:10px 0;}
article.importante h5 { background:url(images/importante.png) no-repeat left top; width:140px; font-size:18px; line-height:20px; color:#bb0032; font-weight:400; padding:0 0 0 30px; float:left; height:23px; margin:0 10px 20px}
article.importante ul { margin:0; padding:0;}
article.importante ul li { background:url(images/bullet.png) no-repeat 0 5px; font-size:14px; padding:0 0 0 12px}

section.productos-personal {width:1000px; margin:auto;}
section.productos-personal h2 {font-size:39px; font-weight:200; color:#ffd500; margin:50px 0 20px; }
section.productos-personal h2 a, section.productos-personal h2 a:visited { color:#ffd500; text-decoration:none;}
section.productos-personal h2 a:hover, section.productos-personal h2 a:active { color:#ffd500; text-decoration:none;}
article.producto-personal { float:left; margin:0 5px 10px; padding:0; width:190px; }
article.producto-personal img { margin:0; padding:0; width:190px; height:190px; float:left; z-index:2;}
article.producto-personal h3 { padding:15px; width:160px; height:50px; color:#ffffff; background:  #ffd500; margin:0; font-size:23px; line-height:23px; font-weight:200; float:left; text-align:left; }
article.producto-personal h3 a, article.producto-personal h3 a:visited { color:#FFFFFF; text-decoration:none;}
article.producto-personal h3 a:hover, article.producto-personal h3 a:active { color:#FFFFFF; text-decoration:none;}

section.productos-comercial {width:1000px; margin:auto;}
section.productos-comercial h2 {font-size:39px; font-weight:200; color:#bb0032; margin:50px 0 20px; }
section.productos-comercial h2 a, section.productos-comercial h2 a:visited { color:#bb0032; text-decoration:none;}
section.productos-comercial h2 a:hover, section.productos-comercial h2 a:active { color:#bb0032; text-decoration:none;}
article.producto-comercial { float:left; margin:0 5px 10px; padding:0; width:190px;}
article.producto-comercial img { margin:0; padding:0; width:190px; height:190px; float:left;}
article.producto-comercial h3 { padding:15px; width:160px; height:50px; color:#ffffff; background:#bb0032; margin:0; font-size:23px; font-weight:200; line-height:23px; float:left; text-align:left;}
article.producto-comercial h3 a, article.producto-comercial h3 a:visited { color:#FFFFFF; text-decoration:none;}
article.producto-comercial h3 a:hover, article.producto-comercial h3 a:active { color:#FFFFFF; text-decoration:none;}

section.productos-profesional {width:1000px; margin:0 auto 70px;}
section.productos-profesional h2 {font-size:39px; font-weight:200; color:#1571d1; margin:50px 0 20px; }
section.productos-profesional h2 a, section.productos-profesional h2 a:visited { color:#1571d1; text-decoration:none;}
section.productos-profesional h2 a:hover, section.productos-profesional h2 a:active { color:#1571d1; text-decoration:none;}
article.producto-profesional { float:left; margin:0 5px 10px; padding:0; width:190px;}
article.producto-profesional img { margin:0; padding:0; width:190px; height:190px; float:left;}
article.producto-profesional h3 { padding:15px; width:160px; height:50px; color:#ffffff; background:#1571d1; margin:0; font-size:23px; font-weight:200; line-height:23px; float:left; text-align:left;}
article.producto-profesional h3 a, article.producto-profesional h3 a:visited { color:#FFFFFF; text-decoration:none;}
article.producto-profesional h3 a:hover, article.producto-profesional h3 a:active { color:#FFFFFF; text-decoration:none;}

.marginbottom { margin-bottom:70px !important;}

.contentformularios { width:560px; margin:0 auto;}
article.losformularios { width:560px; margin:0 auto;}
.formulario1 { float:left; margin:0 40px 60px 0;}
.formulario2 { float:left; margin:0;}
.formulario3 { float:left; margin:0 40px 0 70px;}

.ok-green { margin:0; font-size:26px; color:#ffd500; padding:0; }
.ok-green2 { margin:16px 0 0; font-size:26px; color:#ffd500; padding:0; text-align:right; }
.ok-green3 { margin:0; font-size:23px; color:#ffd500; padding:0; }
.ok-blue { margin:0; font-size:26px; color:#1571D1; padding:0; }
.ok-red { margin:0; font-size:26px; color:#BB0032; padding:0; }
.ok-ocean { margin:0; font-size:26px; color:#4DC48D; padding:0; }
.error { margin:0 0 40px; font-size:20px; color:#FF0004; padding:0;}
.error2 { margin:20px 0 0; font-size:20px; color:#FF0004; padding:0;}
.error3 { margin:0 0 20px; font-size:14px; color:#FF0004; padding:0;}

.arrow-green-producto { background:url(images/green-arrow.png) no-repeat; width:42px; height:21px; margin:-21px 0 0 20px; z-index:3; float:left;}
.arrow-red-producto { background:url(images/red-arrow.png) no-repeat; width:42px; height:21px; margin:-21px 0 0 20px; z-index:3; float:left;}
.arrow-blue-producto { background:url(images/blue-arrow.png) no-repeat; width:42px; height:21px; margin:-21px 0 0 20px; z-index:3; float:left;}

section.page { margin:80px 0;}
article.telefonos { float:left; width:630px;}
h1.page {font-size:39px; font-weight:200; color:#ffd500; margin:20px 0; padding:0; line-height:40px; float:none}
h2.telefono {font-size:20px; font-weight:200; color:#ffd500; margin:30px 0 10px; padding:0; line-height:25px;}
span.black { color:#000000;}
img.aseguradoras { margin:20px 0;}

.table { width:630px; margin:0 0 40px;}
.tablecolumn { width:208px; float:left; border:1px solid #ededed;}
.tablecolumn ul { margin:0; padding:0;}
.tablecolumn li { margin:0; border-bottom:1px solid #ededed; }
.tablecolumn li.title { text-transform:uppercase; padding:10px 5px; text-align:center; color:#ffd500; font-size:20px; background:#f8f8f8;}
.tablecolumn li.normal { padding:10px; font-size:13px; text-align:center;}
.tablecolumn li.price { text-transform:uppercase; padding:10px; text-align:center; background:#f8f8f8; font-size:13px;}
.tablecolumn li.price b { position: relative; top: -10px; font-size: 14px; color: #505050; font-weight:normal;}
.tablecolumn li.price em.theprice {display: inline !important; font-size: 50px !important; font-style: normal !important; color:#ffd500; margin:0 5px;}
.tablecolumn li.price em.time {position: relative; top: -10px; font-size:14px; font-style:normal;}
.btn-whatsapp {
	width: 50px;
	height: 50px;
	position: fixed;
	right: 2.5%;
	bottom: 55px;
	z-index: 99999999;
}
@media screen and (max-width:600px) {
	.btn-whatsapp {
		width: 45px;
		height: 45px;
		top: 400px;
	}
}