/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 1200px) {
    #container-top{
        height: 68px !important;
        overflow: hidden;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

}

/* Portrait phones and smaller */
@media (max-width: 480px) {

}

/*************************************/
html{
	font-size: 100%;
}

body {
  background-color: #ffffff;
  font-size: 12px;
  color: #000!important;
}

.ewFooterRow{
	background-color:#ffffff;
	color:#000000
	}

.ewFooterText{padding:4px}

.container {
	background-color: #F0F4F6;
	background: -webkit-linear-gradient(top, #ECECEC, #ffffff);
	background: -moz-linear-gradient(top, #ECECEC, #ffffff);
	background: -ms-linear-gradient(top, #ECECEC, #ffffff);
	background: -o-linear-gradient(top, #ECECEC, #ffffff);
	margin-right:auto;
	margin-left:auto;
	margin-top:auto;
	margin-bottom:15px;
	padding-left:15px;
	padding-right:15px;
	}

.container2 {
	background-color: #ffffff;
	border: 2px solid #DADBDC;
	border-radius:10px;
	_background: -webkit-linear-gradient(top, #ECECEC, #ffffff);
	_background: -moz-linear-gradient(top, #ECECEC, #ffffff);
	_background: -ms-linear-gradient(top, #ECECEC, #ffffff);
	_background: -o-linear-gradient(top, #ECECEC, #ffffff);
	margin-right:auto;
	margin-left:auto;
	margin-top:auto;
	margin-bottom:15px;
	padding-left:15px;
	padding-right:15px;
	}
	
#home {
  overflow: hidden;

}

#section .row {
  display: none;
  padding-top: 60px;
  padding-bottom: 160px;
  /*background-image: url('../img/fondo_nube.jpg');*/
  background-size: cover;
}


#section  img {
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 50%;
  border: 6px solid white;
}
/*
#home-button {
  display: none;
  cursor: pointer;
}
*/
#tools {
  display: none;
  cursor: pointer;
}



/*********** CIRCULOS *****************/

.circulos {
  text-align: center;
  /*padding: 60px 20px 20px;
  box-shadow: 0 1px 14px #ccc;*/
  _background-color: #fff;

}

.circulos  img{
	background-color:#E2EAF0;
    border-radius: 50%;
    border: 1px solid #82A3BC;
    margin: 0 auto;
}

.circulos  img:hover{
	background-color:rgba(255,222,179,1);
	transition:all ease 0.5s;
	border: 5px solid #D97D05;
	box-shadow: 6px 6px 12px #ccc;
}



.circulos div {
  cursor: pointer;
}

.circulos > div > div {
  position: relative;
}

/******************/

.circulos  {
	color: #666;
    font-size: 16px;
    margin-top: 20px;
	font-family: 'Roboto', sans-serif;
}

/*
.circulos a {
  text-decoration: none;
  outline: none;
}
.circulos a {
  background-color: #FF5555;
  color: white;
  width: 30px;
  height: 30px;
  display: inline-block;
  font-size: 30px;
  line-height: 30px;
  transition: all 0.2s;
  margin-bottom: 1em;
  outline: none;
}*/

#circulos-min{
	margin-top: 5px;

}

a:hover {
  color: #FA990E;
  text-decoration:none;
  transition: all 0.2s;
}

.circulos a:hover {
  _background-color: #C14242;
  color: #FA990E;
  text-decoration:none;
  transition: all 0.2s;
}
#circulos-min ul li{
	display:inline-block;
	}
#circulos-min a {
	text-decoration: none;
	outline: none;
	display:none;
	text-align:center;color:#fff;
}
#circulos-min a:hover{
	display:block;
}

#container-top {
  background-color: #333;
  padding: 10px;
  box-shadow: 0 0 6px #aa3a3a;
}
#social{
	float: right;
	text-align: right;
}
#social  a {
  outline: none;
  text-decoration: none;
}

#social img {
  margin-top: 10px;
  width: 20px;
}
#tools img{
	margin-top:5px;
}

#circulos-min {
  text-align: center;
}

#circulos-min {
  display: none;
}

#tools {
  text-align: left;
}

#container-top a {
 /* margin: 10px;*/
}

.rectangulos img {
  margin: auto;
}

.rectangulos {
  margin-top: 3em;

}

/************* reglas de texto ****************/

h1 {
	font-weight: bold;
	font-size: 2.1em;
	text-shadow:  2px 2px 8px #c0c0c0;
	color:#226B90;
}

smalls {
	font-family: 'Oxygen', sans-serif;
	font-weight: bold;
	font-size: 0.6em;
	text-shadow:  2px 2px 8px #c0c0c0;
	color:#226B90;
}

h2 {
	color:#D25806;
	font-family: 'Oxygen', sans-serif;
	font-weight: bold;
	font-size: 1.6em;
	text-shadow:#C0C0C0 2px 2px 3px;
}

h3 {
	color:#D25806;
	font-weight: lighter;
	font-size: 1.0em;
	text-shadow:#C0C0C0 2px 2px 3px;
}

h4 {
	color:#508CA0;
	font-size:1.1em;
	font-weight:700;
	margin:0 2%;
	padding:0 1% 0 0;
	text-shadow:#C0C0C0 2px 2px 3px;
}
p {
  font-family: 'Oxygen', sans-serif;
  font-weight: normal;
}

a {
	color:#29a5d6;
	}
	
a:hover {
	color:#66ccff;
	text-decoration:none;
	text-shadow:#C0C0C0 2px 2px 3px;
	}
/********** rollover IMG home *************/

#circulos-min img {
  transition: all 0.5s ease;
}

#circulos-min img:hover {
  transform: rotate(360deg);
}

/* REGLAS PISADAS */

.dropdown-menu {
  left: -156px;
}

/**********************/
.button {
  width: 100px;
  height: 25px;
  background-color: #FFF;
  border-radius: 5px;
  color: #FF5555;
  font-family: 'Oxygen', sans-serif;
  font-weight: bold;
  font-size: 1em;
  display: block;
  text-align: center;
  line-height: 25px;
  cursor:pointer;
  margin-top: 20px;
}


/*** Ajustes para abrir iframes ***/

html{
	height:100%;
}

body{
	height:calc(100% - 66px);
}

/** Animacion Cargando **/

.spinner {
  margin: 100px auto;
  width: 50px;
  height: 30px;
  text-align: center;
  font-size: 10px;
  display:none;

}

.spinner > div {
  background-color: #333;
  height: 100%;
  width: 6px;
  display: inline-block;
  background-color:white;
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}


/*   LOGIN   */


@media (min-width: 768px) {
    .omb_row-sm-offset-3 div:first-child[class*="col-"] {
        margin-left: 25%;
    }
}

.omb_login .omb_authTitle {
    text-align: center;
	line-height: 300%;
}

.omb_login .omb_socialButtons a {
	color: white; // In yourUse @body-bg
	opacity:0.9;
}
.omb_login .omb_socialButtons a:hover {
    color: white;
	opacity:1;
}
.omb_login .omb_socialButtons .omb_btn-facebook {background: #3b5998;}
.omb_login .omb_socialButtons .omb_btn-twitter {background: #00aced;}
.omb_login .omb_socialButtons .omb_btn-google {background: #c32f10;}


.omb_login .omb_loginOr {
	position: relative;
	font-size: 1.5em;
	color: #aaa;
	margin-top: 1em;
	margin-bottom: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.omb_login .omb_loginOr .omb_hrOr {
	background-color: #cdcdcd;
	height: 1px;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.omb_login .omb_loginOr .omb_spanOr {
	display: block;
	position: absolute;
	left: 50%;
	top: -0.6em;
	margin-left: -1.5em;
	width: 3em;
	text-align: center;
}

.omb_login .omb_loginForm .input-group.i {
	width: 2em;
}
.omb_login .omb_loginForm  .help-block {
    color: #FC0;
}

.omb_login{

	height:270px;
	margin: 0;
	padding:10px
}

.omb_login h3{
	margin:20px 0px;
	font-size:20px;
	width:100%;
	text-align: center;
}

.rectangulos iframe{
	width:100%!important;
}


@media (min-width: 768px) {
    .omb_login .omb_forgotPwd {
        text-align: right;
		margin-top:10px;
 	}
}

/* FIN LOGIN */



#toggle-icon{
	cursor:pointer;
	transition:all 0.5s;
	'-webkit-transform' : 'rotate(180deg)',
	'-moz-transform' : 'rotate(180deg)',
	'-ms-transform' : 'rotate(180deg)',
	'transform' : 'rotate(180deg)';
}

#institucional{
	background-color:#46AADB;
	width:100%;
	display: none;
	height:120px;
}

#toogle-cont{
	 display: block;
    height: 40px;
    margin: 20px 0 10px;

}


#footer ul{
	list-style:none;
	text-align:center;
	padding-top:20px;
	padding-left:0;
}


#footer a{
	color: white;
    font-size: 16px;
    line-height: 26px;
    text-decoration: none;
}

#logos {
	list-style:none;
	margin:20px 0;
}

#logos li{
	display:inline-block;
}

#logos img{
	margin: 0 10px;
}

#buscador{
    display: block;
    height: 270px;
}

#twitter-timeline-cont {
	display:none;
}

#img_usuarios, #img_buscador, #img_novedades {
	cursor:pointer;
}


.fondo{
	height:280px;
	border-radius:3px;
 background-color: rgba(0, 0, 0, 0.7);
 	padding:10px;
}

.fondo h3{
	color:white;
}



/******* animacion rotar 3d **********/
#rotarY{
   transform:rotateY(0deg);
   transition-duration: 2s;
   -webkit-transform:rotateY(0deg);
   -webkit-transition-duration: 2s;
}
#rotarY:hover{
   transform:rotateY(180deg);
   transition-duration: 2s;
   -webkit-transform:rotateY(180deg);
   -webkit-transition-duration: 2s;
}

/* cooperacion */
.coop-cont{
	background-color:rgba(0,0,0,0.1);
	border:1px solid rgba(0,0,0,0.2);
	border-radius:6px;
	color:white;
	font-size:14px;
	width:100%;
	display:block;
	margin:10px;
	padding:20px;
}

.coop-cont h3{
	margin: 15px 0 0;
	text-align:center;
}

.coop-cont img{
	border-radius:6px;
}


.coop-cont a{
    color: white;
    display: block;
    font-size: 16px;
    height: 0px;
    padding-top: 3px;
    text-align: center;
    text-decoration: none;
    width: 100px;
}

.coop-cont a:hover {
	background-color:#C64343;
}

.coop-cont p {
    padding: 10px;
}

.alto-coop {
	height:450px;
}

.boton-close {
    background-color: white;
    height: 20px;
    width: 20px;
	float-right:5px;
	border-radius: 200px 200px 200px 200px;
	-moz-border-radius: 200px 200px 200px 200px;
	-webkit-border-radius: 200px 200px 200px 200px;
	border: 1px solid #000000;
	transition:all ease 0.3s;
	background-position:center -15px ;
	background-image:url(../img/boton-close.png);
	background-repeat:no-repeat;
	opacity:0.5;
	z-index: 100;
	position: relative;
}

.boton-close:hover{
	background-image:url(../img/boton-close.png);
	background-repeat:no-repeat;
	background-position:center center;
	opacity:1;
	}



.btn-primary {
    background-color: #66CCFF;
    border-color: #0099CC;
    color: #fff;
	transition:all ease 1s;
}

.btn-primary:hover {
    background-color: #0098E1;
    border-color: #0066CC;
    color: #fff;
}


.gsc-input-box {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #d9d9d9;
    height: 32px!important;
}

.timeline-header {
    padding: 0 0!important;
}

/********** transportador **************/
#menu_iconos {
	color:#000;
	}


.inicial:hover{fill:#E09944;transition:all ease 1s;}
.primaria:hover{fill:#3695BA;transition:all ease 1s;}
.secundaria:hover{fill:#9B2780;transition:all ease 1s;}
.superior:hover{fill:#C13856;transition:all ease 1s;}
.modalidades:hover{fill:#1F582D;transition:all ease 1s;}




/**** menu iconos *********/
/*.ico{
	padding:5px;
	}
.ico a{
	opacity:0.7;
	transition:all ease 0.3s;

	}
.ico a:hover  {
	opacity:1;
	transition:all ease 0.3s;

	}
.fondo_ico{
	background-color:#ECEFE9;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #000000;
	float:left;
	width:100%;
    /*min-height:85px;
	}
.fondo_ico img{
	padding:7px;
	}
	*/
/************ ex transp "xs" *******************/

.ex-transp div{
	margin-bottom:5px;
	color:#FFF;
	font-size:20px;
	}
#ed_ini{
	background-color:#56B1DE;
	padding:10px;
	}

#ed_prim{
	background-color:#F4BC71;
	padding:10px;
	}

#ed_sec{
	background-color:#C14C9C;
	padding:10px;
	}

#ed_sup{
	background-color:#E57386;
	padding:10px;
	}

#mapa_mod{
	background-color:#73C275;
	padding:10px;
	}

/********* MSE *************/

.mse_content h1{
	text-align: center!important;
}

/********* transportador 2 y fondo ***********/
#pizarra_back{
    background-image: url("../img/pizarra.jpg");
    background-repeat: no-repeat;
    height: auto;
    min-height: 580px;
    background-size: 90% 100%;
    background-position: center;
    margin: 30px 0 40px 0;
}

#transportador{
	margin-top: 60px;
	padding-left: 20px;
	float: none!important;
}
/************* modalidades **************/
.back_modalidades{
	background-image: url("../img/fnd_textura.jpg");
	height: 1000px;
	background-repeat: repeat-x;
}

.cont_modalidaes.col-md-10.col-md-offset-1{
	margin-top:30px!important;
}

.cont_modalidades div{
	background-position: center!important;

}


#ed_superior{
background-color: url("../img/back_mod-01.jpg");
	background-repeat: no-repeat;
	background-size:contain;opacity: 0.9;
	min-height: 250px;

}


a:hover #ed_superior{
	transition:all ease 0.3s;
	opacity: 1;}

#ed_rural{
	background-color: url("../img/back_mod-02.jpg");
	background-repeat: no-repeat;
	min-height: 250px;
	background-size:contain;opacity: 0.9;
}
a:hover #ed_rural{
	transition:all ease 0.3s;
	opacity: 1;}

#ed_tec_prof{
	background-color: url("../img/back_mod-03.jpg");
	background-repeat: no-repeat;
	min-height: 250px;
	background-size:contain;opacity: 0.9;
}
a:hover #ed_tec_prof{
	transition:all ease 0.3s;
	opacity: 1;}

#ed_artistica{
	background-color: url("../img/back_mod-04.jpg");
	background-repeat: no-repeat;
	min-height: 250px;
	background-size:contain;opacity: 0.9;
}
a:hover #ed_artistica{
	transition:all ease 0.3s;
	opacity: 1;}

#ed_jov_ad{
	background-color: url("../img/back_mod-05.jpg");
	background-repeat: no-repeat;
	min-height: 250px;
	background-size:contain;opacity: 0.9;
}
a:hover #ed_jov_ad{
	transition:all ease 0.3s;
	opacity: 1;}

#ed_int_bil{
	background-color: url("../img/back_mod-06.jpg");
	background-repeat: no-repeat;
	min-height: 250px;
	background-size:contain;opacity: 0.9;
}

a:hover #ed_int_bil{
	transition:all ease 0.3s;
	opacity: 1;}

#ed_priv_lib{
	background-color: url("../img/back_mod-07.jpg");
	background-repeat: no-repeat;
	min-height: 250px;
	background-size:contain;opacity: 0.9;
}

a:hover #ed_priv_lib{
	transition:all ease 0.3s;
	opacity: 1;}

#ed_dom_hosp{
	background-color: url("../img/back_mod-08.jpg");
	background-repeat: no-repeat;
	min-height: 250px;
	background-size:contain;opacity: 0.9;
}

a:hover #ed_dom_hosp{
	transition:all ease 0.3s;
	opacity: 1;}

.txt_mod{
	width: 60%;
	height: auto;
	text-align: center;
	color:#fff;
	margin: 0 auto;
	margin-top: 40%;
}



/************ ICONOS ***************/

.bot_ico_otros div{
	margin-top:10px;
}

.iconos div{
	text-align: center;
	background-position: center;

}

.bot_ico_otros div:hover{
	opacity: 1;
}

a .iconos{
	opacity: 0.9;
	font-size: 18px;
	color: #fff;
	line-height: normal;
	font-family: arial;
}

a .iconos_min{
	opacity: 0.9;
	font-size: 14px;
	color: #355045;
	line-height: normal;
	font-family: arial;
	text-align: center;
}


#ico_enc_esc{
	background-image: url("../img/ico_encontra_esc.png");
	background-repeat: no-repeat;
	min-height: 60px;
	background-size:contain;
	background-position: center center;
	margin-bottom: 5px;

}

#ico_rer{
	background-image: url("../img/ico_rer.png");
	background-repeat: no-repeat;
	min-height: 60px;
	background-size:contain;
	background-position: center center;
	margin-bottom: 5px;

}

#ico_busc_est{
	background-image: url("../img/ico_busqueda_estab.png");
	background-repeat: no-repeat;
	min-height: 60px;
	background-size:contain;
	background-position: center center;
	margin-bottom: 5px;

}


/****************************************/

#mapa-descripcion ul li a{
	border: 1px solid #66ccff;
    border-radius: 14px;
    color: #66ccff;
    list-style: none;
    padding: 4px 8px;
    text-decoration: none !important;
}

.img_portal img{
	width: 100%;
}


/****************** media queries *********************************/

/**** h1 small **/
@media (max-width: 768px) {
	h1{
		font-size: 2em;
	}
}

/* Large desktops and laptops */
@media (min-width: 1200px) {
	.bot_princ_otros div{
		min-height: 66px;
		background-size:contain;
	}
	.cont_modalidades div{

	}
	#map_ind_ed{
		min-height: 50px !important;
	}
}

/* Landscape tablets and medium desktops */
@media (min-width: 768px) and (max-width: 1199px) {
	.bot_princ_otros div{
		min-height: 130px;
		background-size:contain;
	}
	.cont_modalidades div{

	}
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	.bot_princ_otros div{
		min-height: 119px;
		background-size:contain;
	}
	.cont_modalidades div{
		margin-bottom: 20px;
	}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	.bot_princ_otros div{
		min-height: 119px;
		background-size:contain;
	}
	.cont_modalidades div{
		margin-bottom: 20px;
	}
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
	.bot_princ_otros div{
		min-height: 96px;
		background-size:contain;
	}
	.cont_modalidades div{
		margin-bottom: 0;
	}
	.circulos {
		font-size: 0.8em;
	}
}

.link-cont {
	margin-top: 30px;
}

.ide-link {
   background-color: rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    padding: 5px 10px 5px 15px;
}

.ide-link  {
	font-size: 20px;
    color: #333;
}

.ide-link p {
	color: #eee;
	font-size: 0.8em;
}

.ide-link a {
    background-color: #f2932c;
    border: 1px solid #fff;
    border-radius: 50%;
    color: white;
    display: block;
    float: right;
    height: 40px;
    padding-top: 10px;
    text-align: center;
    text-decoration: none;
    width: 40px;
}


.ide-link a:hover {
	background-color: #862269;
}

.link-min-cont {
	padding: 5px;
}


/************************/
.fondo_submenu{
	background-color:#333;
	height: 300px;
        overflow: hidden;
}

#fondo_usuarios img{
	width: auto;
	position: absolute;
	z-index: 1;
}
#fondo_usuarios{
	background-image: url("../img/fondo_usuarios.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 15%;
    min-height: 66px;
}

#fondo_buscador{
	background-image: url("../img/fondo_buscador.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 15%;
    min-height: 66px;
}

#fondo_novedades{
	background-image: url("../img/fondo_novedades.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 15%;
    min-height: 66px;
}

#fondo_contacto{
	background-image: url("../img/fondo_contacto.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 15%;
    min-height: 66px;
}


#twitter-widget-0{
	margin:0 auto !important;
}

#twitter-timeline-cont {
	margin: 0 auto;
	width: 100%;
}

/**********************/

.contenedor_submenu{
    overflow: hidden;
    padding: 10px;
    height: 300px !important;
}

.omb_login fondo{}

.page-template-page-home-transportador h1 {
    text-align: center !importantf;
}

/*******************************/
#cont_contacto{
	background-color: #FFF;
	border-radius: 3px;

}
.div_contacto{
	 border-bottom: 1px solid #ccc;
    font-size: 0.8em;
    padding-bottom: 7px;
    padding-left: 25%;
    padding-top: 7px;
    width: 100%;
}

#vcard{
	 border-bottom: none !important;
}

.div_contacto p{
	text-align: left;
}


#direccion{
	background-image: url("../img/home_ico.png");
	background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    min-height: 30px;
    width: 20%;
    margin-top: 5%;
	}

#telefono{
	background-image: url("../img/tel_ico.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    min-height: 30px;
    width: 20%;
    margin-top: 1%;
	}

#info{
	background-image: url("../img/info_ico.png");
	background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    float: left;
    min-height: 30px;
    width: 20%;
    margin-top: 5%;
	}

#login-form{
	margin-top: -20px;
}|

/**********************************/

.no-padding{
    padding: 0px 0px !important;
}

.no-padding-left{
    padding-left: 0px !important;
}

.no-padding-right{
    padding-right: 0px !important;
}

#container-top #login{
    margin-top: 6px;
}

#container-top-2{
  background-color: #333;
  padding: 10px;
  box-shadow: 0 0 6px #aa3a3a;
}

::-webkit-input-placeholder 
{
   color: red;
}

:-moz-placeholder { /* Firefox 18- */
   color: red;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: red;  
}

:-ms-input-placeholder {  
   color: red;  
}

INPUT::-webkit-input-placeholder, 
INPUT:-moz-placeholder {
    color:red;
}
input[placeholder], [placeholder], *[placeholder]
{
    color:green !important;
}