/*
Theme Name: Simple - Responsive Landing Page Template
Theme URI: http://webdesignpro09.info/?theme=tf-simple
Author: Bogdan
Author URI: http://themeforest.net/user/bogdan_09
Version: 2.4
*/


/* --- TABLE OF CONTENT

01. RESET
02. PRIMARY STYLES
03. GENERAL LAYOUT
04. HEADER
		1. Header Styles
		2. Logo
		3. Navigation
05. FOOTER
06. HOME
07. SERVICES
08. TESTIMONIALS
09. FUN FACTS
10. BLOG
11. NEWSLETTER
12. PRICING
13. CONTACT
14. FEATURES
		1. Photos Hover Animations
		2. Dropcaps
		3. Partners
		4. Social Icons
		5. Preloader
15. MOBILE DEVICES
16. RESPONSIVE NAVIGATION
17. PRINT STYLES

--- */


/* ========================================================== */
/* 				  		    01. RESET                         */
/* ========================================================== */
   
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, 
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, 
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
	
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: 'Lato', sans-serif; font-weight: 400;}
body { margin: 0; }

a { color: #454545; font-weight: 300;}
a:visited { color: #454545; }
a:hover { color: #3498db; }
a:hover, a:active, a:focus { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }
ins { background: #ffff99; color: #000000; text-decoration: none; }
mark { background: #ffff00; color: #000000; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
   dd { margin: 0 0 0 40px; }
*/
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical;}
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }



/* estilo sitios */


body{
	background:#FFFFFF;
}

body table {
	margin:0 auto;
	display:block;
}

p{
	font-family:Arial;
	font-size:14px;
	color:#676767;
	margin:20px 0;
}

.titulo{
	font-family:Arial;
	font-weight:bold;
	font-size:28px;
}

.subtitulo{
	font-family:Arial;
	font-weight:bold;
	font-style:italic;
	font-size:14px;
	color:#676767;
}

.titulo2{
	font-family:Arial;
	font-weight:bold;
	font-style:italic;
	font-size:14px;
}

.titulo3{
	font-family:Arial;
	font-weight:bold;
	font-style:italic;
	font-size:14px;
	color:#FFFFFF;
	position:relative;
	left:-1em;
	padding:0.5em 0.8em 0.5em 1em;
	display:inline-block;
}


.titulo3:after,
.titulo3::after {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: -30px;
    content: '';
    width: 0;
    height: 0;
    border-bottom: solid 30px #f49824;
    border-right: solid 30px transparent;
}


.titulo4{
	border-top-right-radius:1em;
	border-bottom-right-radius:1em;
	font-family:Arial;
	font-weight:bold;
	font-style:italic;
	font-size:14px;
	color:#FFFFFF;
	position:relative;
	left:-1em;
	padding:0.5em 0.8em 0.5em 1em;
	display:inline-block;
}

.subrayar {
	font-weight:bold;	
}

.bordeImagenes img{
	border:solid 2px #f49824;
	padding: 4px;
	margin: 0 auto;
	display:block;
}

.caja{
	font-family:Arial;
	color:#FFFFFF;
	display:block;
	padding:4px 5px;
	border-radius: 8px;
}

.cajaBorde {
	font-weight:bold;
	border:solid 2px;
	padding:4px 6px;
	display:block;
}

.fontRegular{
	font-weight:normal !important;
}

.iconLeft{
	position:absolute;
	bottom:0;
	left:-20px;
	display:block;
	background:#fff;
}

.relative{
	position:relative;	
}

.padding20{
	padding:5px 5px 5px 20px;
}

.cajita {
	background:#f49824;
	color:#fff;
	padding:1px 2px;
}

.cajitaRedonda {
	background:#f49824;
	color:#fff;
	padding:2px 4px;
	border-radius: 10px;
}

.bold {
	font-weight:bold;
}

.barrasLaterales{
	padding:4px 6px;
	display:block;
	border-left:solid 2px;
	border-right:solid 2px;
}

.barrasHorizontales{
	padding:4px 6px;
	display:block;
	border-top:solid 2px;
	border-bottom:solid 2px;
}

.cajaIntermedia{
	padding:0 6px;
	margin: -4px 0
}

.barrasHorizontalesSup{
	padding:8px 0 0 0;
	display:block;
	border-top:solid 2px;
	border-left:solid 2px;
	border-right:solid 2px;
}

.barrasHorizontalesInf{
	padding:8px 0 0 0;
	display:block;
	border-bottom:solid 2px;
	border-left:solid 2px;
	border-right:solid 2px;
}


.lineaTitulo{
	border-top:dashed 2px;
	border-right:dashed 2px;
	height:12px;
	display:block;
	width:60%;
	float:right;
	margin:6px 0 0 0;
}


ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

li {
	padding-left: 1em;
	font-family:Arial;
	font-size:14px;
	color:#676767;
	margin:20px 0 20px 10px;
	position: relative;
}

.listaAsterisco li:before {
	content: "*";
    position: absolute;
	left:-10px;
	font-size:2.2em;
	color:#f49824;
	font-weight:bold;
}

.listaLinea li:before {
	content: " ̶ ";
    position: absolute;
	left:-5px;
	top:-10px;
	font-size:2.2em;
	color:#f49824;
	font-weight:bold;
}

.listaTriangulo li:before,
.listaTriangulo li::before {
	position: absolute;
    top: 0;
    left: 0;
    margin-left: -20px;
    content: '';
    width: 0;
    height: 0;
	border-top: 10px solid transparent;
  	border-bottom: 10px solid transparent;
  	border-left: 15px solid #f49824;
	border-radius: 2px;
}


.footnote{
	margin:30px 0 0 0;
}

.footnote p {
	font-family:Arial;
	font-size:14px;
}

/* color */

.color {
	color:#f49824;
}

.colorFondo {
	background-color:#f49824;
}

.colorBorde {
	border-color:#f49824;
}

.footnote p {
	color:#f49824;
}