/* CSS Document */

* {
	margin:0;
	padding: 0px;
}

body{
	background:#FFFFFF url(MCP/images/footer_bg.gif) bottom repeat-x;
}

a:hover{text-decoration:none;}

a img { border:0;}
img {vertical-align:top;}
ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

/*Menu Arriba "Logo /Fondo/ y webmail / idioma */
.h_logo{ height:92px; width:100%; background:  url(MCP/images/fondo.jpg) bottom repeat-x;background-color: #6dd6d0;}

/*=========== INICIO Botones Menu Princial Links =============== */
.button{
	display:inline-block;
	border-radius:4px;
	padding:12px 24px;
	box-shadow: 0 0 0 1px #d0d5da;
	margin: 17px 1px 1px;
	font-size: 10px;
	line-height: 14px;
	color:#969ca1;
	text-transform:uppercase;
background: url('../images/button.jpg') 0 -40px repeat-x #;	font-family:Georgia, "Times New Roman", Times, serif
}
.button:hover{background-position:0 10px;background-color:#09C;color:#969ca1;box-shadow: 0 0 0 1px #69C;}

.but_ind{margin-top:4px;}

/*===========>> Efecto (sobre boton) <<=====================*/
.top_box a, .button, footer a, .img_wrap{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
/*===========>> FIN MENU <<=====================*/



/*====> Textos Servicios y Especialidades - letra / tamaño / color <===*/
html, input, textarea
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	color:#999;
	text-decoration: none;
	}
	
/* Titulos Links (Menu Servicios) - tamaño / color */
a {
	font-family:Arial "Arial Black", Gadget, sans-serif;
	font-size:12px;
}

/*main layout RSS */
.h_logo{ height:92px; width:100%;}

#header_tall {background:url(MCP/images/header_tall.gif) top repeat-x;}

#main { margin:0 auto;}

#header .left {padding:26px 0 0 0;}
#header .right {
	padding-top: 30px;
	padding-right: 11px;
	padding-bottom: 0;
	padding-left: 0;
}
#header .right a {
	color:#FFFFFF;
	font-family:arial;
	font-size:12px;
	padding:0 29px 2px 0;
	background-image: url(MCP/images/icono_sobre.png);
	background-repeat: no-repeat;
	background-position: right top;
}

#map_canvas {style= width: 300px;
	height: 300px;
} /* Tamaño recuadro*/

#menu {background:url(MCP/images/menu_tall.gif) top repeat-x; height:65px;}
#menu .rightbg {background:url(MCP/images/menu_right.gif) top right no-repeat;}
#menu .leftbg {background:url(MCP/images/menu_left.gif) top left no-repeat; width:100%; height:65px;}
#menu .padding {padding:9px 0;}


/* Valores de Boton Menu HOME */
#menu li {float:left; width:123px; background:url(MCP/images/menu_libg.gif) top right repeat-y; font-size:12px; text-align:center; display:block;}


/* Valores de Botones resto de Menu */
#menu li a {
	color:#39C;
	text-decoration:none;
	font-weight:normal;
	font-size:12px;
	display:block;
	padding:8px 0 5px 0;
}
#menu li span{ display:block; padding:8px 0 5px 0;}
#menu li a:hover {color:#FFF; text-decoration:underline;}
#menu li span {color:#000000; text-decoration:underline;}
#menu .last {background:none;}

/* Texto sobre imagen grande*/
#header .content {background:url(MCP/images/header_bg.jpg) top left no-repeat; padding:45px 60px 28px 414px; color:#ffffff;font-size:12px;}
#header .content .text {padding:2px 0 33px 2px;}
#header .content a img {float:right;}

#middle { width:100%;}



.border {background:url(MCP/images/border_tall.gif) top repeat-x;}
.border .btall {background:url(MCP/images/border_tall.gif) bottom repeat-x;}
.border .ltall {background:url(MCP/images/border_tall.gif) left repeat-y;}
.border .rtall {background:url(MCP/images/border_tall.gif) right repeat-y;}
.border .tleft {background:url(MCP/images/border_tl.gif) top left no-repeat;}
.border .tright {background:url(MCP/images/border_tr.gif) top right no-repeat;}
.border .bleft {background:url(MCP/images/border_bl.gif) bottom left no-repeat;}
.border .bright {background:url(MCP/images/border_br.gif) bottom right no-repeat; width:100%;}
.border .ind {padding:4px 4px 15px 2px;}
.border a img {float:right;}


.h_text {padding-bottom:2px; background:url(MCP/images/h_text_bg.gif) bottom
 repeat-x;}

/*===== Textos de Menu Institucional / Estudios M / Cuerpo M ===== */
.p_text {color:#09C;  font-family: "Georgia", Times New Roman, Times, serif; font-size:14px;text-align: left;}



/* Titulos Especialidades / Servicios / C. Geografica */
.bot_line {background:url(MCP/images/h_text_bg.gif) bottom repeat-x;}
.b_text {
	color:#06F;
	font-family:"Cambria", Gadget, sans-serif;
	font-size:14px;
}

/* botones link "siguiente"(Menu especialidades / Servicios*/
.more {text-align:right;}
.more a{background:url(MCP/images/more_bg.gif) top right no-repeat; padding-right:13px; color:#000; font-weight:bold; font-size:12px;}

/* Titulos del Menu Servicios */
.date {background:url(MCP/images/date_bg.gif) no-repeat 0 0; padding:2px 0 2px 20px; color:#444444; font-family: "Cambria" ;font-weight:bold; color:#09C; font-size:16px;}


/* Listado Especialidades */
li { color:#3d6f92;}
li a {color:#3d6f92; font-size:11px;}

/* BANNER ASISTENCIA MEDICA */
.m_text {color:#06C;  font-family:"Arial"; font-size:13px;text-align:center;}
#banner {background:url(MCP/images/menu_tall.gif) top repeat-x; height:65px;}
#banner .rightbg {background:url(images/menu_right.gif) top right no-repeat;}
#banner .leftbg {
	background:url(MCP/images/menu_left.gif) top left no-repeat;
	width:100%;
	height:65px;
}
#banner .padding {padding:18px 0;padding-left:32px;}



/*=====> MENU PIE DE PAGINA <===== */
/* Titulos Pie de pagina (Horario / Contacto / Tel Utiles*/
.pietit_text {padding-bottom:2px; background:url(MCP/images/h_text_bg.gif) /*bottom repeat-x*/; font-family:"Arial", Gadget, sans-serif; font-size:20px; /*<----Marca el Tamaño del ancho del menu*/text-align: left;}
input, select { vertical-align:middle; font-weight:normal;}
strong {font-size:14px; color:#339;}/*<----Marca el Tamaño y Color de la letra*/


/*===== Textos de Pie Pag -  Horario / Contacto / Tel ===== */
.pie_text {color:#36C;  font-family: Arial, Helvetica, sans-serif; font-size:12px;text-align: left;}

/* Texto pie de pagina CopyR */
#footer .indent {padding:30px 0 0 17px; color:#868686; font-size:12px;}
#footer a {font-family: "Tahoma", Geneva, sans-serif; color:#444444; font-weight:bold;font-size:12px;}


/*===== Texto Copyright  ===== */
.cop_text {color: #000;  font-family: Arial "Arial Black", Gadget, sans-serif, Helvetica, sans-serif; font-size:12px;text-align: left;}





/*======> Menu Especialidades - ACORDEON Desplegable <<======*/

.glossymenu{
	padding: 0;
	width: 300px; /*Ancho de menu*/
	border: 1px solid #FFF;/*Color de los marcos externos" */
	border-bottom-width: 0;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}
/*Valores Titulos de Menu - Color - Tamaño etc */
.glossymenu a.menuitem{
	font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: #09C; /*Color de Letra" */
	display: block;
	position: relative; /*Para ayudar en la imagen del icono de anclaje del "icono. Status" */
	width: auto;
	padding-left: 10px;
	text-decoration: none;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 4px;
	border-bottom: 1px solid #39C;
}
/* BOTON de MENU Presionado Color de Titulos Menu */
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #09C;
}
/* Imagen de CSS para el icono que se agrega dinámicamente a las cabeceras */
.glossymenu a.menuitem .statusicon{  
position: relative;
top: 5px;
right: 0px;
border: none;
float: right;

}

.glossymenu a.menuitem:hover{
	background-image: none;
}

.glossymenu div.submenu{ /*Color de fondo sub menu*/
background: withe;
}

.glossymenu div.submenu ul{ /*UL de cada sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #39C;/*Color de lineas horizontales de sub menu*/
}
/*Valores Sub-Titulos de Menu y Bordes - Color - Tamaño etc */
.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #36C;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}
/*Color de fondo sub menu*/
.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}

/*======> FIN Menu Especialidades - ACORDEON Desplegable <<======*/




/* index */

#index #middle .indent {padding:17px 0 19px 0;}
#index #middle .columns1 .column1 .padding{padding:9px 13px 20px 15px;}
#index #middle .columns1 .column2 .padding{padding:9px 13px 3px 15px;}
#index #middle .columns1 .column3 .padding{padding:9px 13px 3px 15px;}
#index #middle .columns1 .p1 {padding:1px 0 7px 0;}
#index #middle .columns2 {padding:21px 0 0 0;}
#index #middle .columns2 .column1 .padding {padding:10px 21px 0 17px;}

#index #middle .columns2 .column2 .padding {
	padding-top: 10px;
	padding-right: 18px;
	padding-bottom: 0;
	padding-left: 21px;
}
#index #middle .columns2 .column3 .padding {padding:10px 10px 10px 10px;}
#index #middle .columns2 .column1 .p1 {padding:7px 0 15px 0;}
#index #middle .columns2 .column2 .content {padding:10px 0 15px 0;}
#index #middle .columns2 .column2 .p1 {padding:2px 0 1px 0;}


/* index-1 */

#index_1 #middle .indent {padding:17px 0 20px 0;}
#index_1 #middle .column1 .padding1 {padding:16px 20px 0 16px;}
#index_1 #middle .column1 .padding1 .content{padding:14px 0 27px 1px;}
#index_1 #middle .column1 .padding1 .p1 {padding:1px 0 0 0;}
#index_1 #middle .column1 .padding1 .more {padding:0 6px 0 0;}

#index_1 #middle .column1 .padding2 {padding:36px 20px 0 16px;}
#index_1 #middle .column1 .padding2 .content{padding:16px 0 0 1px;}
#index_1 #middle .cols .more {margin-top:-19px;}
#index_1 #middle .cols .p1 {padding:21px 0 1px 0;}

#index_1 #middle .cols {padding:14px 0 0 0;}

#index_1 #middle .column2 .padding{padding:9px 13px 3px 15px;}
#index_1 #middle .column2 ul li {font-weight:bold;}
#index_1 #middle .column2 .p1 {padding:1px 0 8px 0;}
#index_1 #middle .column2 .p2 {padding:12px 0 17px 0;}
#index_1 #middle .column2 .p3 {padding:17px 0 17px 0;}


/* index-2 */

#index_2 #middle .indent {padding:17px 0 20px 0;}
#index_2 #middle .columns1 .column1 .padding{padding:9px 13px 3px 15px;}
#index_2 #middle .columns1 .column2 .padding{padding:9px 13px 3px 15px;}
#index_2 #middle .columns1 .column1 ul {margin-bottom:7px;}
#index_2 #middle .columns1 .column1 .p1 {padding:1px 0 0 0;}
#index_2 #middle .columns1 .column2 .p1 {padding:1px 0 7px 0;}
#index_2 #middle .columns2 {padding:21px 0 0 0;}
#index_2 #middle .columns2 .column1 .padding {padding:14px 21px 0 17px;}
#index_2 #middle .columns2 .column2 .padding {padding:14px 18px 0 21px;}
#index_2 #middle .columns2 .column1 .p1 {padding:8px 0 10px 0;}
#index_2 #middle .columns2 .column1 .p2 {padding:0 0 4px 0;}
#index_2 #middle .columns2 .column2 .content {padding:7px 0 15px 0;}
#index_2 #middle .columns2 .column2 ul {margin-bottom:1px;}

/* index-3 */

#index_3 #middle .indent {padding:17px 0 20px 0;}
#index_3 #middle .column1 .padding1 {padding:16px 15px 0 23px;}
#index_3 #middle .column1 .padding1 .content{padding:5px 0 5px 1px;}
#index_3 #middle .column1 .padding1 .p1 {padding:1px 0 0 0;}
#index_3 #middle .column1 .padding1 .pd {padding:14px 0 0 0;}
#index_3 #middle .column1 .padding1 .pd2 {padding:10px 0 0 0;}
#index_3 #middle .column1 .padding1 .pd3 {padding:13px 0 0 0;}
#index_3 #middle .column1 .padding1 .more {padding:0 6px 0 0;}

#index_3 #middle .column1 .padding2 {padding:36px 20px 0 16px;}
#index_3 #middle .column1 .padding2 .content{padding:16px 0 0 1px;}
#index_3 #middle .cols .more {margin-top:-19px;}
#index_3 #middle .cols .p1 {padding:21px 0 1px 0;}

#index_3 #middle .cols {padding:14px 0 0 0;}

#index_3 #middle .column2 .padding{padding:9px 13px 8px 15px;}
#index_3 #middle .column2 .p1 {padding:1px 0 11px 0;}
#index_3 #middle .column2 .p2 {padding:12px 0 11px 0;}
#index_3 #middle .column2 .p3 {padding:13px 0 6px 0;}


/* index-4 */

#index_4 #middle .indent {padding:17px 0 20px 0;}
#index_4 #middle .column1 .padding1 {padding:16px 22px 0 16px;}
#index_4 #middle .column1 .padding1 .content{padding:14px 0 34px 1px;}
#index_4 #middle .column1 .padding1 .more {padding:0 2px 0 0; line-height:12px;}

#index_4 #middle .column1 .padding2 {padding:34px 23px 0 16px;}
#index_4 #middle .column1 .padding2 .content{padding:6px 0 0 1px;}
#index_4 #middle .column1 .padding2 .more {margin-top:9px;}

#index_4 #middle .column2 .padding{padding:9px 13px 3px 15px;}
#index_4 #middle .column2 .margin .padding{padding:9px 12px 2px 15px;}
#index_4 #middle .column2 ul {margin:0 0 2px 1px;}
#index_4 #middle .column2 .margin {padding-top:6px;}
#index_4 #middle .column2 .p1 {padding:0 0 8px 0;}


/* index-5*/

#index_5 #middle .indent {padding:17px 0 20px 0;}
#index_5 #middle .columns1 .column1 .padding{padding:9px 13px 16px 15px;}
#index_5 #middle .columns1 .column2 .padding{padding:9px 13px 0 15px;}
#index_5 #middle .columns1 .column1 ul {margin-bottom:7px;}
#index_5 #middle .columns1 .column1 .p1 {padding:1px 0 0 0;}
#index_5 #middle .columns1 a{color:#868686; font-size:11px; text-decoration:none;}
#index_5 #middle .columns1 a:hover {text-decoration:underline;}
#index_5 #middle .columns1 .column2 strong{font-size:11px;}

#index_5 #middle .columns2 {padding:22px 0 0 0;}
#index_5 #middle .columns2 .padding {padding:14px 15px 0 17px;}
#index_5 #middle .columns2 .p1 {padding:14px 0 10px 0;}
#index_5 #middle .columns2 .p2 {padding:0 0 4px 0;}

#form .column1 {width:183px;}
#form .column2 {width:521px;}

form .row {height:25px;}
form .row1 {height:34px;}

.input {width:171px; height:18px; border:1px solid #a4a4a4; background:none; padding:0 0 0 5px; font-family:tahoma; line-height:13px; color:#a4a4a4;}
textarea {width:516px; height:68px; border:1px solid #a4a4a4; background:none; padding:0 0 0 5px; overflow:auto; font-family:tahoma; line-height:13px; color:#a4a4a4;}
form .div {text-align:right; padding:6px 0 0 0;}

/* index-6 */

#index_6 #middle .indent {padding:33px 15px 17px 17px;}
#index_6 #middle .p1 {padding:6px 0 0 0;}



/*==============RESPONSIVE LAYOUTS=================================*/
@media only screen and (max-width: 995px) {
 body{min-width:768px;}
 .main{width:768px;}
 .banners>li{width:148px;}
 .banners>li{padding: 18px 0 20px;}
 header{padding-top:0px;}
 header h1{width: auto;background-position:330px 10px;margin-bottom:25px;}
 header h1>span{margin-left:20px;}
 .cont_pad{padding-bottom:40px !important;}
 .flex-direction-nav a{bottom:30px;}
 .flexslider{height:466px;}
 .img_wrap{display:block;}
 .img_wrap img{width:100%;}
 .m_bot1, .m_bot2{margin-bottom:40px;}
 .blog1>div, .view>div{overflow: visible;}
 .map_wrapper{display:block;margin-bottom:26px;}
  #map_canvas{
	width:100%;
}
  #contact-form textarea, #contact-form input {width:403px;}
}

@media only screen and (max-width: 767px) {
 body{min-width:420px;}
 .main{width:420px;}
 header h1{background:none;}
 header h1 a{float: none;margin: 0 auto;}
 header h1 span{display:none;}
 .top_box{}
 .links{padding-left:10px;}
 .account{padding-right:10px;}
 .pad_box{padding:0 20px;}
 .cont_pad{padding-top:30px !important;}
 .but_ind{margin-top:20px;}
 h2.ind{margin-bottom:20px;}
 .banners{text-align:center;}
 .banners>li{float: none;border:none;display:inline-block;border:none;}
 .flexslider{height:261px;}
 .blog1>figure{float: none;margin:0 0 20px;}
 #contact-form textarea, #contact-form input {width:355px;}
 #map_canvas{height:180px;}
 .pad_box1{padding:0;}
}

@media only screen and (max-width: 479px) {
 body{min-width:300px;}
 .main{width:300px;}
 .privacy, .links, .links1, .account{float: none !important;padding:0 10px;}
 .links{margin-bottom:10px;}
 header h1 a{width:100%;background-size: contain;}
 .flexslider{height:187px ;}
 .blog_links>div{float: none !important;}
 .blog_top>figure{margin-top:15px;}
 #contact-form textarea, #contact-form input {width:235px;}
}