/* CSS Document */


/* Acerca de --------------------------------------------------------------------------*/

	#Acerca-de {
		margin-top:0px;
	}
	.acerca-de-row {
		width:100%;
		font-size: 18px;
		line-height: 25px;
	}

	.acerca-de-col-left {
		width:45%;
		
		float:left;
		text-align: right;
	}

	.acerca-de-col-right {
		width:45%;
		
		float:left;
	}

	.acerca-de-bullet-blue {
		width:10%;
		height:40px;
		float:left;
		background-image: url(../img/acerca-de-bullet-blue.png);
		background-repeat:repeat-y;
		background-position: center;		
	}

	.acerca-de-bullet-red {
		width:10%;
		height:40px;
		float:left;
		background-image: url(../img/acerca-de-bullet-red.png);
		background-repeat: no-repeat;
		background-position: center;
	}

	.acerca-de-row-line {
		width:100%;
		/*height:90px;*/
		background-image: url(../img/acerca-de-bullet-line.png);
		background-repeat: repeat-y;
		background-position: center;
	}



@media screen and (max-width:789px) {
	
	#Acerca-de .col-fullwidth-content {
		width:90%;
	}
	
	#Acerca-de h1{
		font-size: 32px;
	}
	
	.acerca-de-col-left {
		width:90%;
		text-align: center;
	}

	.acerca-de-col-right {
		width:100%;
		text-align: center;
	}
	
	.acerca-de-bullet-blue {
		width:100%;
		background-image: url(../img/acerca-de-bullet-red-center.png);
	}
	
	.acerca-de-bullet-red {
		display: none;
	}
	
	.acerca-de-row-line {
		background: none;

	}
	
}













/* Intranet --------------------------------------------------------------------------*/

	#Intranet .title-120 {
		line-height: 350px;
	}

	#Intranet .row {
		font-size: 22px;
		color: #0d98d1;
	}

	#Login-Form label {
		width:35%;
		display: inline-block;
	}

	#Intranet input[type=text], input[type=password] {
		width: 60%;
		/*padding-top: 12px;*/
		/*padding-left:24px;*/
		padding: 5px;
		border: none;
		border-radius: 5px;
		background-color: white;
		font-size: 24px;
		color: #1f3a75;
	}

	#Intranet textarea#Comentarios {
		width: 70%;
		padding-top: 12px;
		padding-left:24px;
		border: none;
		background-color: #d5ecf5;
		font-size: 24px;
		color: #1f3a75;
	}


	#Intranet a {
		color:#474b4d;
		font-size: 16px;
		text-decoration: none;
	}

	#Intranet a:hover{
		color: #e72d37;
	}




@media screen and (max-width:1150px) {
	
	#Intranet .title-120 {
		line-height: 120px;
		font-size: 90px;
	}
	
	#Intranet-title, #Intranet-form {
		width:100%;
		text-align: center;
	}
	
	#Intranet-button-submit {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
}


@media screen and (max-width:789px) {
	
	#Intranet .col-1170-content {
		width:90%;
	}
	
}


@media screen and (max-width:640px) {

	#Login-Form label {
		width:100%;
		display: inline-block;
	}

	#Intranet input[type=text], input[type=password] {
		width:100%;
	}
	
	
	#Intranet .title-120 {
		line-height: 60px;
		font-size: 60px;
	}
}















/* Noticias --------------------------------------------------------------------------*/

	.noticias-arrow {
		width:32px;
		margin-top:32px;
		cursor:pointer;
	}

	.noticias-container {
		box-sizing: border-box;
		width:1062px;
		height:300px;
		overflow: hidden;	
	}

	.noticias-layer {
		/*width: auto;*/
	}


	.noticias-item {
		box-sizing: border-box;
		width:531px;
		height:300px;
		margin-top:8px;
		float:left;
		padding-left:24px;
		padding-right:24px;
	}


	.noticias-item-dia {
		font-weight: 100;
		font-size: 60px;
		line-height: 40px;
	}

	.noticias-item-mes {
		font-weight: 100;
		font-size: 30px;
		line-height: 50px;
	}


@media screen and (max-width:1150px) {
	
	.noticias-container {
		width:688px;
		overflow: hidden;
	}
	
	.noticias-item {
		box-sizing: border-box;
		width:344px;
		float:left;
	}
	
	
}


@media screen and (max-width:789px) {
	
	.noticias-container {
		width:300px;
		margin-left:10px;
		overflow: hidden;
	}
	
	.noticias-item {
		box-sizing: border-box;
		width:300px;
		float:left;
	}
	
	.noticias-arrow {
		float:none;
		margin-top:0px;
		margin:0 auto;
	}
	
	.noticias-container {
		float:none;
	}
	
	#Noticias h1 {
		text-align: center;
		line-height: 10px;
	}
	
}
















/* Directorio  --------------------------------------------------------------------------*/
	
	#Directorio h1 {
		line-height:  10px;
		text-align: center;
		color:#1f3a75;
	}


	#Directorio h2 {
		line-height:  38px;
		text-align: center;
		color:#1f3a75;
	}

	#Directorio p {
		color:#474b4d;
		margin-top: -100px;
		margin-left: 64px;
	}

	#Directorio path:hover { 
	  fill: #e72d37;
	}

	#Directorio path { 
	  transition: 200ms;
	  transition-timing-function: ease-in-out;
	  -webkit-transition: 200ms;
	  -webkit-transition-timing-function: ease-in-out;
	}

	#Directorio li {
		float: none;
	}

	#Directorio ul {
		list-style-image: url(../img/bullet-red.png);
		height:300px; 
		width:92%;
		overflow:hidden; 
		overflow-y:scroll;
	}

	#Directorio-dropdownlist {
		display:none; 
		text-align: center
	}

	#Directorio-Select {
		width:400px;
	}

	#Mapa-Mexico {
		display:block;
	}

	#Directorio-footer {
		display:block;
	}




@media screen and (max-width:959px) {
	
	#Directorio-dropdownlist {
		display:block; 
		text-align: center
	}

	#Mapa-Mexico {
		display:none;
	}

	#Directorio-footer {
		display:none;
	}
}

@media screen and (max-width:560px) {
	#Directorio-Select {
		width:290px;
		font-size: 18px;
	}
	
	#Directorio h2 {
		font-size: 28px;
	}
}






/* Laboratorios  --------------------------------------------------------------------------*/


@media screen and (max-width:959px) {
	#Laboratorios img {
		width:90%;
		height: auto;
	}
}
	
@media screen and (max-width:560px) {
	#Laboratorios img {
		width:90%;
	}
	
}











/* Contacto  --------------------------------------------------------------------------*/

	#Contacto {
			background-color: #741111;
	}

	#Contacto label {
		color:white;
		margin-left:-15px;
	
	}

	#Contacto input[type=text], textarea#Comentarios {
		width: 80%;
		padding-top: 12px;
		padding-left:18px;
		border: none;
		background: transparent;
		font-size: 16px;
		color: white;
	}

	textarea#Comentarios {
		width:100%;
	}


	#Contacto input[type=submit] {
		margin-left:-15px;
	}







@media screen and (max-width:789px) {
	
	#Contacto-left {
		width:260px;
		margin-left:0px;
		
	}
	
	#Contacto-right {
		padding-right:18px;
	}
	
	#Contacto-logo {
		box-sizing: border-box;
		width:100%;
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	
	#Contacto-logo img{
		width:200px;
		padding-top:36px;
		padding-right: 0px;
	}
}


@media screen and (max-width:600px) {
	#Contacto .float-left {
		float:none;
	}
	
	#Contacto-right {
		text-align: center;
		width:80%;
		padding-top:100px;
		padding-right: 0px;
		margin-left: 10%;
		float: none;
	}
	
	#Contacto-left {
		text-align: center;
		padding:0;
		width:100%;
		margin:0;
	}
	
	
	
	.contacto-icon {
		text-align: center;
		margin:0 auto;
		width:100%!important;
		padding-top:0px;
		padding-right: 0px;
	}
	
	.contacto-icon img {
		padding-top:0px!important;
		padding-right: 0px!important;
	}
	
	
	
}

















@media screen and (max-width:560px) {
	
	#Contacto-left {
		width:80%;
		margin-left: 10%;
		float: none;
		text-align: center;
	}
	
	
	
	#Contacto #submit2 {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	
}