/*------------------------------------------------------------------------
# Theme Name: Voces de Esperanza  Febrero 2015
# Description: HTML/CSS Template
# Author: Felipe Reyes Montalvo
# Version: 1.0
# Designed and Coded by QuieroWeb
# Website:              QuieroWeb.com.mx
-------------------------------------------------------------------------*/


body {font-family: "Roboto", Tahoma, Serif !important;font-weight: 300; font-size: 16px; min-width:1000px; color:#005397; background: #ffffff;}


strong, b {font-weight: 700;}


a {color: #333; text-decoration: none;}
a:hover {color: #000; text-decoration: none;}

h1,h2,h3,h4,h5,h6 {font-family: 'Lobster Two', cursive;}

table, td, tr {vertical-align: top;}


/*HEADER*/



header a {color:#e44446;}

header {
border-top: 15px solid #005397;
padding: 0px;
background: #ffffff;
}

header .container {padding: 35px 0; background: url(../images/bg-header.jpg) right no-repeat;}


.headerLogo {text-align: center;}
.headerLogo p {margin:0;}


.menu {height:40px; background:#b4cad9; font-family: 'Lobster Two', cursive;}

.menu li {float: left; margin: 8px 0; padding: 0 18px; background: url(../images/menu-separator.jpg) left center no-repeat;}
.menu li:first-child {background: none;}
.menu li a {
padding: 0 0 3px 0;
width: auto;
color: #131313;
text-align: center;
font-size: 20px;
}

.nav {margin-bottom: 0px;}

.nav>li>a:hover, .nav>li>a:focus, .active>a {
text-decoration: none;
border-bottom: 4px solid #005397;
background: none;
}
.active>a {color: #005397 !important;}

li.deeper > ul {overflow:hidden; opacity: 0; display: none; background-color: #646665;}
li.deeper:hover > ul {
	display: block;
	opacity: 1;
	height: auto;
	z-index: 99999;
	overflow: hidden;
	position: relative;
	box-shadow: 4px 3px 8px #373737;
}
li.deeper li {float: left;clear: both;padding: 10px;}
li.deeper li:hover {background-color: #e44446; width: 100%;}

.menu ul, .menu li a, .flotante ,.items-row img{
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}



.slide {background: url(../images/bg-slide.jpg) repeat center; margin-bottom: 25px;}




/*CONTENT*/

.contenido .container {margin-top: 26px; border-top: 1px solid #9a9a9a;}
.page-header {margin: 20px 0; padding: 0px; border: none; }


.ContenidoIzquierda {float: left;}
.Contenido {float: left; padding-bottom: 50px; margin-bottom:50px; border-bottom: 1px solid #787878;}
.ContenidoDerecha {float: left;}


.category-desc {margin-top:10px;}






/*PERSONALIZATED*/

.border-white {border:3px solid #ffffff; border-radius: 2px;}
.flotante, .items-row img {margin-top:10px; margin-bottom: 0px;}
.flotante:hover, .items-row img:hover {margin-top:0px; margin-bottom: 10px;}




/*FORM*/
.formulario {background: url(../images/sol.jpg) no-repeat top right, url(../images/bg-form.jpg) no-repeat bottom center, #00a6ff; color: #ffffff; overflow: hidden; margin-top: 10px; padding: 10px;}
.formulario a {color:#eeeeee;}
.formulario h2 {
font-family: roboto;
text-transform: uppercase;
text-align: center;
font-size: 26px;
line-height: 30px;
}
form {margin:0;}
.formulario p {font-family: Tahoma, Verdana, Segoe, sans-serif; margin-bottom: 0px; font-size: 14px;} 
.formulario input[type="text"] {width: 187px; border-radius: 0px; border: none; height: 16px; margin-bottom: 12px;}
input[type="checkbox"] {width: auto; margin-right: 5px;}
input[name="captcha_code"] {width: 30px !important;}
.formulario textarea {resize: none; width: 185px; border-radius: 0px; border: none;}
img#captcha {margin-bottom: 11px;}
input[type="submit"] {
	text-transform: uppercase;
	color: #ffffff;
	margin: 15px 50px;
	padding: 8px 25px;
	border: 1px solid #094168;
	background: #2459bc; /* Old browsers */
	background: -moz-linear-gradient(top,  #2459bc 0%, #2352a0 50%, #2459bc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2459bc), color-stop(50%,#2352a0), color-stop(100%,#2459bc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2459bc 0%,#2352a0 50%,#2459bc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2459bc 0%,#2352a0 50%,#2459bc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2459bc 0%,#2352a0 50%,#2459bc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2459bc 0%,#2352a0 50%,#2459bc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2459bc', endColorstr='#2459bc',GradientType=0 ); /* IE6-9 */
}

.formulario-escuchanos {
background: url(../images/sol.jpg) no-repeat top right, url(../images/bg-form.jpg) no-repeat bottom center, #00a6ff;
color: #ffffff;
overflow: hidden;
margin-top: 10px;
padding: 30px 10px 7px;
}
.formulario-escuchanos p:first-child {margin-bottom: 20px;}
.formulario-escuchanos input[type="text"] {width: 200px; border-radius: 0px; border: none; height: 16px; margin-bottom: 12px;}
.formulario-escuchanos textarea {resize: none; width: 375px; margin: 24px 20px 24px 0; border-radius: 0px; border: none;}



/*CATEGORY*/

.items-row.row-0 {margin-top: 20px;}
.items-row {margin-top: 40px;}
.items-row .item {text-align: justify; padding: 5px 20px 0px; background: #F4F4F4; border-radius: 10px 10px 0px 0px; display: table-cell;}
.items-row .item h2 {text-align: center; font-size: 20px; line-height: 25px;}
.readmore {float: right; margin-top: 10px; margin-bottom: -15px;}
.readmore .btn {color:#ffffff; background: #e54547; border: none; border-radius: 0px; padding: 7px 25px; background-image: none; text-shadow:none;}
.readmore > .btn > span {display:none;}
.items-row img {margin:10px;}




/*FOOTER*/

footer {background: url(../images/bg_header_seals.jpg); box-shadow: #aaaaaa 0px -2px 4px; margin-top: 100px; min-height: 100px;}
.FooterSuperior {
width: 100%;
color: #ffffff;
padding: 40px 0px 16px;
background: #005397;
border-top: 1px solid #2d2e2e;
border-bottom: 1px solid #2d2e2e;
margin-bottom: 10px;
box-shadow: inset #003f74 0px 2px 8px;
}
.FooterInferior {float: right!important; text-align: right;}
.FooterDerecha, .FooterIzquierda {margin: 35px 0;}



/*BOOTSTRAP*/
.span12 {width:1000px !important;}

