/*
Only Colors, Backgrounds, Icons and Text Styles
-----------------------------------------------
*/

/*
Color Table:
-----------------------------------------------
White Background:  #edf0f2
Gray Text:         #596169
Light Gray:        #b5b7ba
White Text:        #f2f9ff
Green:             #6acc1f
Blue:              #2f72ca
Dark Blue:         #003a69
-----------------------------------------------
*/

html * {
	font-family: Trebuchet, Arial, Sans;
	font-size: 10pt;
	line-height: 1.3em;
}

body {
	background: #66696b  url(/images/3.png);
	color: #596169;
	padding-bottom: 20px;
}

/* Common elements
----------------------------------------------- */
h1, h2, h3, h1 a, h2 a, h3 a, .navbar, .navbar a {
	font-family: Comfortaa;
}

h1, h1 a, h2, h2 a, h3, h3 a {
	color: #003a69;
}

h1, h1 a {
	font-size: 17.5pt;
}

h2, h2 a {
	font-size: 145%;
}

h3, h3 a {
	font-size: 125%;
}

a {
	text-decoration: none;
	border-bottom: 1px dotted;
	color: #003a69;
}

a.icon, a.site-logo, a.logo, .navbar a, .entry-title a {
	border: none;
}

a:hover {
	color: #2f72ca;
}

.navbar li {
	display: inline;
}

p {
	margin-bottom: 15px;
}

small { font-size: 80%; }

a { font-size: inherit; }

acronym {
	letter-spacing: 0.1em;
	font-weight: bold;
	border-bottom: 1px dotted #596169;
	cursor: help;
}

strong, b {
	font-weight: bold;
	font-size: inherit;
}

i, cite, blockquote {
	font-style: italic;
	font-size: inherit;
}

blockquote {
	padding-left: 20px;
}

li li {
	padding-left: 20px;
}

sup {
	font-size: 0.83em;
	vertical-align: super;
}

strong, b {
	color: #495159;
}

/****************
** Forms Style
*****************/
fieldset {
	padding: 20px;
	border: 1px solid #b5b7ba;
	border-radius: 5px;
	background: #dde0e2;
}

input[type="text"], textarea, input[type="submit"], input[type="password"], input[type="email"],
input:-webkit-autofill {
	padding: 5px;
	border: 1px solid #b5b7ba;
	border-radius: 3px;
}

input[type="text"], textarea, input[type="password"], input[type="email"],
input:-webkit-autofill {
	box-shadow: 1px 1px 2px #7d8082 inset;
	-webkit-box-shadow: 1px 1px 2px #7d8082 inset;
	background: #bdc0c2 url(/images/2.png) no-repeat -333px -190px;
/*	color: #f2f9ff;*/
	color: #7d8082;
	padding-left: 33px;
}

input[type="password"] {
	background-position: -333px -93px
}

textarea {
	background-position-y: -333px
}

input[type="submit"] {
	box-shadow: 1px 1px 3px #596169;
	border-color: #001a49;
	background: #003a69;
	color: #b2c9cf;
	text-shadow: 1px 1px 1px #001a49;
	padding: 7px 20px;
}

input[type="submit"]:hover {
	background: #2f72ca;
	color: white;
	text-shadow: 1px 1px 1px #001a49;
}

input#Nombre {
	background-position-y: -142px;
}

input#Email,
input[type="email"] {
	background-position-y: -286px;
}

input#Telefono {
	background-position-y: -238px;
}

input[name="p_userid"] {
	background-position: -333px -142px;
}

#head, #head .navbar a, #foot {
	padding: 10px;
}

#content {
	padding: 20px;
}

/****************
** Shadows
*****************/
#head, #head a {
	text-shadow: #003a69 1px 1px 2px;
}

#common, #common a {
	text-shadow: #050404 1px 1px 1px;
}

/*#common, #container, .login, #common .active {*/
#common, #container, #login {
	box-shadow: 0px 0px 15px 0px black;
}

/*
** Sprite Elements
*/
.icon, .icon.rss a, a.site-logo, #foot .column_right, .destiny h1 {
	background: transparent url(/images/2.png) no-repeat;
}

/* Layout Elements Section
----------------------------------------------- */
/*****************
** Main Container
******************/
#container {
	background: #edf0f2;
/*	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;*/
	border-bottom-left-radius: 11px;
	border-bottom-right-radius: 11px;
}

/****************
** Common bar
*****************/
#common, #common a, #head, #head a, #head h2, #foot, #foot h1, #foot h2, #foot h3 {
	color: #f2f9ff;
}

#common {
	background: #242525 url(/images/4.png);
}

.navbar {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#commonbar a:hover .label {
	text-shadow: 1px 1px 1px 1px yellow;
}

#commonbar a.button {
	padding: 0px 6px 0px 0px;
	height: 32px;
	display: block;
	cursor: pointer;
}

/*#commonbar .icon {*/
.icon, .icon.rss a {
	height: 32px;
	width: 32px;
	display: block;
	float: left;
	background-position: 4px -525px;
}

#commonbar .navbar li, #commonbar a.button .label {
	position: relative;
	top: 6px;
}

#commonbar a:hover .label {
	text-shadow: #fffed0 1px 1px 1px;
}

#commonbar a.contacto .icon {
/*	background-position: -4px 0px;*/
	cursor: pointer;
}

#commonbar a.usuarios .icon {
/*	background-position: -195px 0px;*/
	background-position-x: -92px;
}

#commonbar a:hover .icon {
	background-position-y: -477px;
}

#commonbar a:hover.contacto .icon {
/*	background-position: -4px -32px;*/
}

/*#commonbar .login, #commonbar .active {*/
#login {
	position: absolute;
	top: 38px;
	background: #242525;
	padding: 20px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	z-index: 3;
	display: none;
}

#commonbar img {
	float: left;
}

/****************
** CountDown
*****************/
#CountDown {
	float: right;
	border: 1px solid #596169;
	border-radius: 5px;
	background: #252424;
	margin-top: 4px;
	text-shadow: #050404 1px 1px 1px;
	box-shadow: #050404 3px 3px 5px inset;
}

#CountDown .icon {
	background-position: -140px -476px;
}

#CountDown a {
	text-decoration: none;
	border: none;
}
#defaultCountdown {
	padding-right: 10px;
	text-align: center;
	line-height: 35px;
	font-size: 70%;
}

.clock {
	font-weight: bold;
	color: red;
	font-size: 160%;
}

/****************
** Head
*****************/
#head {
	background: #2f72ca url(/images/5.jpg);
}

a.site-logo {
	background-position: 0px -191px;
}

a.site-logo8 {
	background: transparent url(/images/23.png) no-repeat;
	width: 285px;
	height: 94px;
	z-index: 0;
}

a.site-logo:hover {
	background-position: -96px -191px;
}

a.site-logo8:hover {
	background-position: 0px 0px;
}

#site-name {
	font-size: 17.5pt;
}

#site-slogan {
	font-size: 13.5pt;
}

#head .search input[type="text"] {
	border: 1px solid #417AC6;
	border-radius: 4px;
	background: #174d93 url(/images/2.png) no-repeat -333px -44px;
	height: 30px;
	width: 185px;
	padding: 0px 0px 0px 35px;
	box-shadow: 3px 3px 3px #113361 inset;
	color: #256dcc;
}

/****************
** Navigation Bar
*****************/
#head .navbar {
	border-left: 1px dotted #f2f9ff;
}

#head .navbar, #head .navbar li, nav.navbar a {
	padding: 10px 0px;
}

#head .navbar li.active, nav a.active {
	border-bottom: 4px solid #6acc1f;
}

#head .navbar li, nav a, #head .navbar a {
	border-right: 1px dotted #f2f9ff;
}

#head .navbar a:hover {
	text-shadow: yellow 1px 1px 1px;
}

/****************
** Footer
*****************/
#foot {
	background: #2f72ca;
	border-bottom-left-radius: 9px;
	border-bottom-right-radius: 9px;
}

#foot .column_right, #foot .column_right p {
	font-size: 7.5pt;
}

#foot .column_right {
	background-position: 199px -48px;
}

#foot .column_left, #foot .column_right {
	padding: 0px;
}

#terms {
	color: #f2f9ff
}

#terms a, #foot a {
	color: #f2f9ff;
	border-bottom: 1px dotted #f2f9ff;
}

#terms a:hover, #foot a:hover {
	color: #6acc1f;
	border-bottom: 1px dotted #6acc1f;
}

.icon.fb, .icon.tv, .icon.rss a,
.icon.fb:hover, .icon.tv:hover, .icon.rss a:hover {
	border: none !important;
}

.icon.fb {
	background-position: 3px -429px;
}

.icon.tv {
	background-position: -139px -525px;
}

.icon.rss {
	background: transparent;
}

.icon.rss a {
	background-position: -44px -429px;
}

.icon.fb:hover {
	background-position: 3px -381px;
}

.icon.tv:hover {
	background-position: -139px -477px;
}

.icon.rss:hover a {
	background-position: -44px -381px;
}

/* Available styles
----------------------------------------------- */
.column_left, .column_right {
	width: 288px;
	\width: 368px;
	w\idth: 288px;
	padding: 20px;
}

.slot {
	width: 272px;
	\width: 292px;
	w\idth: 272px;
	height: 210px;
	padding-right: 20px;
	padding-top: 5px;
	margin-bottom: 20px;
	border-right: 1px dotted #b5b7ba;
	float: left;
	overflow: hidden;
	background: transparent url(/images/7.png) no-repeat 0px -296px;
}

.slot h1 {
	height: 32px;
	padding-left: 10px;
	margin-bottom: 10px;
}

.slot-2, .slot-3 {
	margin-left: 20px;
}

.slot .icon {
/*	height: 32px;
	width: 32px;
	display: block;
	float: left;*/
	margin-right: 10px;
}

.slot-1 .icon {
	background-position: -236px -524px;

}

.slot-2 .icon {
	background-position: -190px -524px;
}

.slot-3 .icon {
	background-position: -284px -524px;
}
.slot-2 {
	background-position: -293px -296px;
}

.slot-3 {
	background-position: -586px -296px;
}

.slot table {
	width: 100%;
}

.column_left {
	float: left;
}

.column_right, .column_date {
	float: right;
}

.clear {
	clear: both;
}

.double-column {
	width: 591px;
	border-right: 1px dotted #aaa;
	padding-right: 20px;
	float: left;
}

.triple-column {
/*	width: 591px;*/
/*	border-right: 1px dotted #aaa;*/
	padding-right: 20px;
/*	float: left;*/
}

.hidden {
	display: none;
}

.hfeed {
	clear: both;
}

.column_right .category_list, .column_right .directory {
	margin: 0px;
	list-style: none;
	padding: 0px;
}

.floated_left {
	float: left;
	margin: 20px 20px 20px 0px;
}

.floated_right {
	float: right;
	margin: 20px 0px 20px 20px;
}

/* error page
----------------------------------------------- */

body > pre {
	position: absolute;
	border: 1px solid #b5b7ba;
	background: #fffed0;
	z-index: 10;
	width: 100%;
	padding: 5px;
	text-align: center;
	color: #7f7f7f;
}

body > pre b {
	font-weight: bold;
}

h2.error {
	color: #c1111d;
	padding-top: 40px;
}

.error-status {
	border: 1px solid #b5b7ba;
	border-radius: 4px;
	background: #dde0e2;
	padding: 20px;
	margin-bottom: 20px;
	box-shadow: 1px 1px 5px #9da0a2 inset;
}
/*
.error-status {
	font: 1.3em Georgia, Times, serif;
}*/