/* ============================================================================================================= */
/* FONTS                                                                                                         */
/* ============================================================================================================= */

@import url(http://fonts.googleapis.com/css?family=Oxygen:400,700,300);
@import url(http://fonts.googleapis.com/css?family=Oxygen+Mono);

/* ============================================================================================================= */
/* GENERAL                                                                                                       */
/* ============================================================================================================= */

* { outline: 0 none !important; }

a:focus,
a:hover {
    text-decoration: none;
}

/* links normales */
a:link {
    text-decoration: none;
	color: #FFFFFF;
}
/* visitados */
a:visited {
	color: #FFFFFF;
}
/* hover */
a:hover {
    text-decoration: underline;
    /*text-decoration: underline;*/
}
/* activos */
a:active {
    font-weight: bold;
}

/* ============================================================================================================= */
/* BODY                                                                                                          */
/* ============================================================================================================= */

body {
    font-family: 'Oxygen';
	font-weight: 300;
}

/* ============================================================================================================= */
/* FOOTER                                                                                                        */
/* ============================================================================================================= */

footer {
    background: none repeat scroll 0 0 #594B42;
    padding: 30px 0;
	color: #FFFFFF;
}

footer ul {
    margin-bottom: 10px;
    margin-top: 0;
    padding-left: 0;
}

footer ul > li {
    font-size: 12px;
    list-style: none outside none;
    margin-bottom: 10px;
}

footer ul > li > a {
    color: #FFFFFF;
}
.contacto-txt {
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    padding-left: 80px;
    padding-top: 0px;
}

/* ============================================================================================================= */
/* CONTROLS                                                                                                      */
/* ============================================================================================================= */

textarea {
    resize: none;
}

/* ============================================================================================================= */
/* HEADERS                                                                                                       */
/* ============================================================================================================= */

h1 {
    font-size: 52px;
    font-weight: 700;
    margin: 0 0 40px;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
	/*
    text-transform: uppercase;
	*/
}

h2 {
    font-size: 28px;
    font-weight: 700;
    margin: 40px 0;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
    /*
	text-transform: uppercase;
	*/
}

h3 {
    font-size: 18px;
    font-weight: 500;
    margin: 10px 0;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
	/*
    text-transform: uppercase;
	*/
}

/* ============================================================================================================= */
/* NAVBAR                                                                                                        */
/* ============================================================================================================= */

/* Navbar */
.navbar-praetorian {
    background: none repeat scroll 0 0 #594B42;
    margin: 0;
	min-height: 20px;
}

/* Navbar Brand */
.navbar-praetorian .navbar-brand {
    height: 20px;
    margin: 0;
    padding: 0;
}

.navbar-praetorian .navbar-brand .logo-brand {
    height: 20px;
}

/* Navbar Nav */
.navbar-praetorian .navbar-nav {
    margin: 0;
}

.navbar-praetorian .navbar-nav > li > a,
.navbar-praetorian .navbar-nav > li > a:focus,
.navbar-praetorian .navbar-nav > li > a:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
    font-weight: bold;
}

.navbar-praetorian .navbar-nav > li > a:hover {
    background-color: #715F53;
    border-radius: 4px;
}

.navbar-praetorian .navbar-nav .dropdown-menu > li > a:focus,
.navbar-praetorian .navbar-nav .dropdown-menu > li > a:hover {
    background: none repeat scroll 0 0 #715F53;
    color: #FFFFFF;
}

/* Navbar Toggle */
.navbar-praetorian .navbar-toggle {
    border: 1px solid #FFFFFF;
    border-radius: 0;
    color: #FFFFFF;
    margin: 14px;
    padding: 0px 15px;
}

/* ============================================================================================================= */
/* BANNER                                                                                                        */
/* ============================================================================================================= */

.banner {
    /*
	background: url('../Images/praetorianBanner.png') no-repeat scroll center center rgba(0, 0, 0, 0);
    */
	background: url('../Images/business.jpg') no-repeat scroll center center rgba(150, 10, 10, 0);
	border-bottom: 0px solid rgba(27, 27, 27, 0.2);
    height: 360px;
	background: rgb(150,10,10);
	/*
	*/
}

.banner-txt {
    font-size: 28px;
    font-weight: 700;
    color: #FFFFFF;
    padding-left: 800px;
    padding-top: 100px;
	text-transform: uppercase;
    /*
	margin: 400px;
	*/
}
/* ============================================================================================================= */
/* IMAGES                                                                                                        */
/* ============================================================================================================= */

.img-portada{
    background: url('../Images/hands.jpg') no-repeat scroll center center rgba(0, 0, 0, 0);
	padding: 200 px;
    height: 100%;
	width: 100%;
    /*
	border-bottom: 1px solid rgba(27, 27, 27, 0.2);
	position: absolute;
	margin-top: -338px;
	margin-left: -371px;
	left: 50%;
	top: 50%;
	*/
}
.img-section{
	vertical-align: middle;
}

/* ============================================================================================================= */
/* SECTIONS                                                                                                      */
/* ============================================================================================================= */

.section {
    padding: 0px 0px 50px 50px;
    font-size: 18px;
    font-weight: 300px;
}

.portada-txt {
	font-family: 'Oxygen',sans-serif;
	font-weight: 400;
    font-size: 36px;
    color: #F6F3EF;
    padding-left: 50px;
    padding-top: 100px;
	}
	
.preceptos-txt {
	font-family: 'Oxygen',sans-serif;
	font-weight: 400;
    font-size: 36px;
    color: #594B42;
    padding-left: 50px;
    padding-top: 100px;
	}
	/*
	*/
	
#slider {
    background: none repeat scroll 0 0 rgb(150,10,10);
    color: #FFFFFF;
	height: 400px;
}

#portada {
    background: none repeat scroll 0 0 #bf1e2e;
    color: #FFFFFF;
    padding-left: 0px;
    padding-bottom: 0px;
    /*
    height: 408px;
	*/
}

#servicios {
    background: none repeat scroll 0 0 #594B42;
    color: #FFFFFF;
    padding-left: 50px;
}

#sistema {
    background: none repeat scroll 0 0 #f0ede6;
    color: #594b42;
}

#preceptos {
    background: none repeat scroll 0 0 #dbd5d1;
    color: #594b42;
}
#preceptos .tabs-side .tab a {
    color: #594b42;
	border-right: 1px solid;
    border-bottom: none;
    display: block;
	font-size: 20px;
    font-weight: 400;
    line-height: 130%;
    overflow: hidden;
    padding: 15px;
	/*
    background: none repeat scroll 0 0 #594B42;
    border: none;
    color: #FFFFFF;
    border: 1px solid #4A3F37;
    text-transform: uppercase;
	*/
}

#preceptos .tabs-side .tab a:hover {
    color: #594B42;
    background-color: #f0ede6;
}

#preceptos .tabs-side .tab.active,
#preceptos .tabs-side .tab:hover {
	z-index: 2;
}

#preceptos .tabs-side .tab.active a {
    border-bottom: 1px solid;
	font-weight: 700;
    /*background-color: #715F53;*/
}

#politica {
    background: none repeat scroll 0 0 #f8f7f4;
    color: #594b42;
}

#nosotros {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #594b42;
}

#contacto {
    color: #FFFFFF;
}

#novedades {
    background: none repeat scroll 0 0 #5A4A42;
    color: #FFFFFF;
    display: none;
}

/* ============================================================================================================= */
/* TABS ON TOP                                                                                                   */
/* ============================================================================================================= */
/*
background: none repeat scroll 0 0 #594B42;
    border: 1px solid #4A3F37;*/



.tabs-top .etabs {
    margin: 0;
    padding: 0;
}

.tabs-top .etabs:after {
	border-top: 1px solid #4A3F37;
    content: '';
	display: block;
    margin-top: -1px;
	position: relative;
	z-index: 1;
}

.tabs-top .tab {
    display: inline-block;
    margin: 0 3px;
    max-width: 40%;
	position: relative;
	z-index: 0;
}

.tabs-top .tab a {
    background: none repeat scroll 0 0 #594B42;
    border: 1px solid #4A3F37;
    border-bottom: none;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
	line-height: 130%;
    overflow: hidden;
    padding: 15px;
    text-transform: uppercase;
    vertical-align: bottom;
}

.tabs-top .tab a:hover {
	background-color: #715F53;
}

.tabs-top .tab.active {
	z-index: 2;
}

.tabs-top .tab.active a {
    background-color: #FFFFFF;
    color: #594B42;
}

.tabs-top.tab-container .panel-container {
	margin-top: 70px;
}

.tabs-top.tab-container .panel-container p {
    margin: 0;
    padding-bottom: 20px;
}

@media (min-width: 768px) and (max-width: 979px) {
    .tabs-side .etabs {
        width: 240px;
    }

    .tabs-side.tab-container .panel-container {
        width: 480px;
    }

    .tabs-top.left .tab {
        margin-right: 2px;
    }

    .tabs-top.left .tab a {
        padding: 5px 10px;
    }
}

@media (max-width: 767px) {
    .tabs-top .etabs:after {
		display: none;
	}

	.tabs-top .tab {
		display: block;
		max-width: 100%;
		margin: 0;
	}

	.tabs-top .tab a {
		display: block;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}

	.tabs-top .tab:first-child a {
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
	}

	.tabs-top .tab:last-child a {
		border-bottom: 1px solid #4A3F37;
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
	}
}

/* ============================================================================================================= */
/* TABS ON SIDE                                                                                                  */
/* ============================================================================================================= */

.tabs-side .etabs {
	float: left;
    margin: 0 -1px 0 0;
	padding: 0;
    width: 30%;
}

.tabs-side .etabsII {
	float: left;
    margin: 0 -1px 0 0;
	padding: 0;
    width: 30%;
	color:#594B42;
}

.tabs-side .tab {
	display: block;
	position: relative;
	z-index: 0;
}

.tabs-side .tab a {
	border-right: 1px solid;
    border-bottom: none;
    display: block;
	font-size: 20px;
    font-weight: 400;
    line-height: 130%;
    overflow: hidden;
    padding: 15px;
	/*
    background: none repeat scroll 0 0 #594B42;
    border: none;
    color: #FFFFFF;
    border: 1px solid #4A3F37;
    text-transform: uppercase;
	*/
}

.tabs-side .tab:first-child a {
	border-top-left-radius: 3px;
}

.tabs-side .tab:last-child a {
    border-bottom: none;
	border-bottom-left-radius: 3px;
}

.tabs-side .tab a:hover {
    color: #FFFFFF;
    background-color: #715F53;
}

.tabs-side .tab.active,
.tabs-side .tab:hover {
	z-index: 2;
}

.tabs-side .tab.active a {
    border-bottom: 1px solid;
	font-weight: 700;
	color: #FFFFFF;
}

.tabs-side.tab-container .panel-container {
    overflow: hidden;
    padding-left: 70px;
    position: relative;
	z-index: 1;
	font-family: Oxygen;
	font-size: 18px;
	font-weight: 300;
}

.tabs-side.tab-container .panel-container p {
    margin: 0;
    padding-bottom: 20px;
}

@media (max-width: 1024px) {
	.tabs-side.tab-container .panel-container {
		padding-left: 50px;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
    .tabs-side .etabs {
        width: 240px;
    }

    .tabs-side.tab-container .panel-container {
        width: 480px;
    }
}

@media (max-width: 767px) {
    .tabs-side .etabs {
		float: none;
		width: 100%;
	}
	
	.tabs-side .tab:first-child a {
		border-top-right-radius: 3px;
	}
	
	.tabs-side .tab:last-child a {
		border-bottom-right-radius: 3px;
	}
	
	.tabs-side.tab-container .panel-container {
		border-left: none;
        margin-top: 30px;
        padding-left: 0;
	}
}

/* ============================================================================================================= */
/* BACK TO TOP                                                                                                   */
/* ============================================================================================================= */

#back-to-top {
    background: none repeat scroll 0 0 #000000;
    border-radius: 4px;
    bottom: 5px;
    color: #FFFFFF;
    cursor: pointer;
    display: none;
    font-size: 16px;
    line-height: 20px;
    opacity: 0.6;
    padding: 5px 10px;
    position: fixed;
    right: 5px;
}

/* ============================================================================================================= */
/* ANIMATIONS                                                                                                    */
/* ============================================================================================================= */

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both;
}

/* FadeIn */

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
}

/* FadeInUp */

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
        -webkit-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
        -ms-transform: translateY(20px);
        -webkit-transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
    }
}

.fadeInUp {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}

/* FadeInDown */

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
        -webkit-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -webkit-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
    }
}

.fadeInDown {
    animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
}

/*

Tab: http://demo.fuviz.com/reen/v1-0-1/tab.html
News Item: http://wrapbootstrap.com/preview/WB0JSTNH4
    
*/