@charset "utf-8";

/* CSS Document */





html{

	position:relative;

	min-height:100%;

}



body{

	background-image: -webkit-radial-gradient(farthest-corner ellipse, #fff 45%, #29abe2 248%);

	background-image: -o-radial-gradient(farthest-corner ellipse, #fff 45%, #29abe2 248%);

	background-image: -moz-radial-gradient(farthest-corner ellipse, #fff 45%, #29abe2 248%);

	background: #fff radial-gradient(farthest-corner ellipse, #fff 45%, #29abe2 248%);

	/*background: #fff linear-gradient(to bottom, #f3f3f3 0%, #fff 40% , #f3f3f3 100% );*/

	font-family:Verdana, Geneva, sans-serif;

	font-size:12pt;

	/*min-height:768px;*/

	margin-bottom:98px;

}

#header {

    background-attachment: scroll;

    background-color: transparent;

    background-image: url(../img/degradado.png);

    background-position:center 36px;

    background-repeat:repeat-x;

    height:98px;

}

#header > .container {

    background-image: url(../img/l_sup_izq.png), url(../img/l_sup_der.png);

    background-position: left 19px, right 19px;

    background-repeat: no-repeat;

    height: 98px;

    padding: 0 32px;

}

#header .background {

    background: #f4efe1 radial-gradient(farthest-side at 50% 7% , #fff, #f4efe1) repeat scroll 0 0;

	height:98px;

    padding-top: 19px;

    width: 100%;

}

#header .navbar-top {

    background: #006299 url(../img/degradado.png) repeat-x scroll center center;

    border-radius: 0;

    height: 63px;

}



.navbar-top .navbar-nav {

    width: 100%;

} 

.navbar-top .navbar-nav > li > a {

    color: #fff;

	width:100%;

} 

.navbar-top .navbar-nav > li > a:hover, .navbar-top .navbar-nav > li > a:focus {

    background-image: linear-gradient(to bottom, #0073AA, #6895c3, #0073AA);

} 

.navbar-top .navbar-nav > li {

    display: table-cell;

    width: 1%;

}

.navbar-top .navbar-nav > li {

    float: none;

} 

.navbar-top .navbar-nav > .active > a, .navbar-top .navbar-nav > .open > a, .navbar-top .navbar-nav > .active > a:hover, .navbar-top .navbar-nav > .active > a:focus {

    background-image: linear-gradient(to bottom, #6895c3, #0073AA, #6895c3);

    background-repeat: repeat-x;

    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.25) inset;

}

.navbar-top .navbar-nav > li > a {

    color: #fff;

    height: 62px;

    padding-left: 3px;

    padding-right: 3px;

	vertical-align:text-top;

    text-align: center;

	font-family:Verdana, Geneva, sans-serif;

	font-weight:bold;

	font-size:13px;

	margin-top:-1px;

	line-height:14px;

} 



a.left.carousek-control{

	width:171px;

	height:523px;

}



.carousel-control.left {

background-image: -webkit-linear-gradient(left,rgba(148, 194, 252, 0.5) 0,rgba(0,0,0,.0001) 100%);

background-image: -o-linear-gradient(left,rgba(148, 194, 252, 0.5) 0,rgba(0,0,0,.0001) 100%);

background-image: -webkit-gradient(linear,left top,right top,from(rgba(148, 194, 252, 0.5)),to(rgba(0,0,0,.0001)));

background-image: linear-gradient(to right,rgba(148, 194, 252, 0.5) 0,rgba(0,0,0,.0001) 100%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);

background-repeat: repeat-x;

}



.carousel-control.right {

right: 0;

left: auto;

background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(148, 194, 252, 0.5)100%);

background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(148, 194, 252, 0.5) 100%);

background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(148, 194, 252, 0.5)));

background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(148, 194, 252, 0.5) 100%);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);

background-repeat: repeat-x;

}



.carousel-control {

position: absolute;

top: 0;

bottom: 0;

left: 0;

width: 8%;

font-size: 20px;

color: #fff;

text-align: center;

text-shadow: 0 1px 2px rgba(0,0,0,.6);

filter: alpha(opacity=50);

opacity: .5;

}



.carousel-indicators {

    bottom: 24px;

}







.container{

	

	margin:0px auto;

	width:1170px;

	/*height:768px;*/	

}

#texto{

	padding:15px;

	width:1140px;

	height: 100%;

	/*overflow:auto;*/

	float:none;

	}

	#texto_d{

		background-image:url(../img/D_IMG.jpg);

		background-repeat:no-repeat;

		background-position:center;

	padding:15px;

	width:1140px;

	height: 480px;

	

	/*overflow:auto;*/

	float:none;

	}

	

		#texto_a{

		background-image:url(../img/A_IMG.jpg);

		background-repeat:no-repeat;

		background-position:center;

	padding:15px;

	width:1140px;

	height: 500px;

	/*overflow:auto;*/

	float:none;

	}

	

		#texto_f{

		background-image:url(../img/F_IMG.jpg);

		background-repeat:no-repeat;

		background-position:center;

	padding:15px;

	width:1140px;

	height: 480px;

	/*overflow:auto;*/

	float:none;

	}

	

	

p{

	font-family:Verdana, Geneva, sans-serif;

	font-size:13pt;

	line-height:20pt;

	color:#2e3192;

	text-align:justify;



}



span.punto {

    font-family:Verdana, Geneva, sans-serif;

	font-size:23px;

	color:#000;

	width:100%;

	display:block;

	text-align:center;

}



h1{

font-family:Arial, Helvetica, sans-serif;

text-align:center;

	font-size:28pt !important;

		color:#03C;

	font-weight:bold;

}

h2{

	font-family:Arial, Helvetica, sans-serif;

	text-align:center;

	font-size:18pt;

	color:#2e3192;

	font-weight:bold !important;

}

ul .medicsus{

font-family:Verdana, Geneva, sans-serif;

	text-align:justify;

	font-size:13px;

	color:#FFF;



}

ul li.medicsus{

	

 text-align:center;

	background-position:center;

	font-size:13pt;

	line-height:23pt;

	color:#2e3192;

	text-align:justify;

	

	

	

}





ul.autoria {

	font-family:Verdana, Geneva, sans-serif;

	text-align:justify;

	font-size:13px;

	color:#2e3192;



	background-position:center;

	

	padding:20px;

	  line-height:23px;

}





ul li.titulos {

	font-family:Verdana, Geneva, sans-serif;

	font-weight:bold;

	font-size:15px;

	 text-align:center;

color:#03C;

	background-position:center;

	list-style:none;

	

}

ul li.subtitulos {

	font-family:Verdana, Geneva, sans-serif;

	font-size:12px;

	font-weight:bold;

	 text-align:justify;

color:#03C;



	background-position:center;

	list-style:none;

}





ul li {

	font-family:Verdana, Geneva, sans-serif;

	font-size:13px;



	 text-align:justify;

color:#03C;



	background-position:center;



}





.imagenes{



	width:350px;}



#linea{

	background:#03C;

	height:1px;

	width:1100px;}

	

#footer {

    background-attachment: scroll;

    background-color: transparent;

    background-image: url(../img/degradado.png);

    background-repeat:repeat-x;

    height:98px;

	position:absolute;

	bottom:0;

	width:100%;

}



#footer > .container {

    background-image: url(../img/l_inf_izq.png), url(../img/l_inf_der.png);

    background-position: left 0px, right 0px;

    background-repeat: no-repeat;

    height: 98px;

    padding: 0 32px;

}

#footer .background {

    background: #f4efe1 radial-gradient(farthest-side at 50% 7% , #fff, #f4efe1) repeat scroll 0 0;

    height: 98px;

    padding-top: 17px;

    width: 100%;

}

#footer .navbar-bottom {

    background: #006299 url(../img/degradado.png) repeat-x scroll center center;

    border-radius: 0;

    height: 63px;

}



#footer .navbar-footer span {

font-family:Verdana, Geneva, sans-serif;

	font-size:13px;

	color:#FFF;

	margin-top:18px;

	width:100%;

	display:block;

	text-align:center;

	vertical-align:middle;

}



a {

color: #FFFFFF;

text-decoration: none;

}

a:hover {

	color:#ccc;

text-decoration: underline;}



a.autoria{

font-family:Verdana, Geneva, sans-serif;

	font-weight:bold;

	font-size:15px;

	 text-align:center;

color:#03C;

	background-position:center;

	list-style:none;

}





#container-img{

	height: 459px;

	width:1140;

	position: relative;

font-family:Verdana, Geneva, sans-serif;

	text-align:justify;

	font-size:9px;

	color:#FFF;

	line-height:16px;

	margin:10px;

}



#img{

	width:100%;

	height:235px;

	text-align:center;

	position: absolute;

	top: 0;

	z-index: 1;

}

	

	

p.txt {

font-family:Verdana, Geneva, sans-serif;

	text-align:justify;

	font-size:13px;

	color:#FFF;

	line-height:16px;

}



.glyphicon {

	position:relative;

	top:1px;

display: inline-block;

font-family: 'Glyphicons Halflings';

font-size:15px;

text-align:right;

font-style: normal;

font-weight:100px;

line-height: 1;

z-index:3;

-webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

	transition: all 100ms linear 0s;

	-webkit-transition: all 100ms linear 0s;

	-moz-transition: all 100ms linear 0s;

	-ms-transition: all 100ms linear 0s;

	-o-transition: all 100ms linear 0s;

}



.glyphicon:hover {

	z-index:1;

}



	

#GC1 {

	bottom: 0;

	width: 166px;

	height: 224px;

	background-color: #e43680;

	left: 46px;

	position: absolute;

	z-index: 2;

	padding: 5px;

	transition: all 500ms linear 0s;

	-webkit-transition: all 500ms linear 0s;

	-moz-transition: all 500ms linear 0s;

	-ms-transition: all 500ms linear 0s;

	-o-transition: all 500ms linear 0s;

}



#GC1:hover {

	border-bottom: 4px solid #b42866;

	border-right: 4px solid #b42866;

	border-top: 8px solid #b42866;

	height: 348px;

	width:273px;

	font-size: 12pt;

	padding: 10px;

	line-height:23px;

		z-index: 3;

	

}

#GC1:hover .glyphicon {

	display: none;

}

	

#GC2 {

	bottom: 0;

	width: 166px;

	height: 224px;

    background-color:#f7af23;

	left: 212px;

	position: absolute;

	z-index: 2;

	padding: 5px;

	transition: all 500ms linear 0s;

	-webkit-transition: all 500ms linear 0s;

	-moz-transition: all 500ms linear 0s;

	-ms-transition: all 500ms linear 0s;

	-o-transition: all 500ms linear 0s;

}



#GC2:hover {

	border-bottom:4px solid #cb8f17;

	border-right: 4px solid #cb8f17;

	border-top: 8px solid #cb8f17;

	height: 348px;

	width:273px;

	font-size: 12pt;

	padding: 12px;

	line-height: 23px;

	z-index: 3;

}

	

	#GC2:hover .glyphicon {

	display: none;

}

	

	

	#GC3 {

	bottom: 0;

	width: 166px;

	height: 224px;

    background-color:#9ac143;

	left: 378px;

	position: absolute;

	z-index: 2;

	padding: 5px;

	transition: all 500ms linear 0s;

	-webkit-transition: all 500ms linear 0s;

	-moz-transition: all 500ms linear 0s;

	-ms-transition: all 500ms linear 0s;

	-o-transition: all 500ms linear 0s;

}



#GC3:hover {

	border-bottom:4px solid #769b2f;

	border-right: 4px solid #769b2f;

	border-top: 8px solid #769b2f;

	height: 348px;

	width:273px;

	font-size: 12pt;

	padding: 12px;

	line-height: 23px;

	z-index: 3;

}



#GC3:hover .glyphicon {

	display: none;

}





#GC4 {

	bottom: 0;

	width: 170px;

	height: 224px;

  	background-color:#b07f48;

	right:377px;

	position: absolute;

	z-index: 2;

	padding: 5px;

	transition: all 500ms linear 0s;

	-webkit-transition: all 500ms linear 0s;

	-moz-transition: all 500ms linear 0s;

	-ms-transition: all 500ms linear 0s;

	-o-transition: all 500ms linear 0s;

}



#GC4:hover {

	border-bottom:4px solid #7c4d25;

	border-left: 4px solid #7c4d25;

	border-top: 8px solid #7c4d25;

		height: 348px;

	width:273px;

	font-size: 12pt;

	padding: 12px;

	line-height: 24px;

	z-index: 3;

}



#GC4:hover .glyphicon {

	display: none;

}







#GC5 {

	bottom: 0;

	width: 168px;

	height: 224px;

  	background-color:#2daddf;

	right:211px;

	position: absolute;

	z-index: 2;

	padding: 5px;

	transition: all 500ms linear 0s;

	-webkit-transition: all 500ms linear 0s;

	-moz-transition: all 500ms linear 0s;

	-ms-transition: all 500ms linear 0s;

	-o-transition: all 500ms linear 0s;

}



#GC5:hover {

	border-bottom:4px solid #1f8bb6;

	border-left: 4px solid #1f8bb6;

	border-top: 8px solid #1f8bb6;

	height: 348px;

	width:273px;

	font-size: 12pt;

	padding: 12px;

	line-height: 23px;

	z-index: 3;

}

	#GC5:hover .glyphicon {

	display: none;

}

	

	

	

	#GC6 {

	bottom: 0;

	width: 167px;

	height: 224px;

 	background-color:#7f5197;

right:45px;

	position: absolute;

	z-index: 2;

	padding: 5px;

	transition: all 500ms linear 0s;

	-webkit-transition: all 500ms linear 0s;

	-moz-transition: all 500ms linear 0s;

	-ms-transition: all 500ms linear 0s;

	-o-transition: all 500ms linear 0s;

}



#GC6:hover {

	border-bottom:4px solid #593970;

	border-left: 4px solid #593970;

	border-top: 8px solid #593970;

	height: 348px;

	width:273px;

	font-size: 12pt;

	padding: 12px;

	line-height: 23px;

	z-index: 3;

}



#GC6:hover .glyphicon {

	display: none;

}







	

#contacto{

	width:438px;

	text-align:center;

	float:right;

}



p.contacto{

	font-family:Verdana, Geneva, sans-serif;

	font-weight:bold;

	width:438px;

	text-align:center;

	float:right;

}



#formulario{

	margin-top:-24px;

	margin-left:48px;

	width:600px;

	float:left;



}





#form {

		margin:8px 0 0 0;

	 width:575px}

	 

#form input {

	border:#2e6da4 1px solid; 

	background:#fff;

	font:13px Arial, Helvetica, sans-serif;

	color:#2e3192;

	padding:5px 9px 7px 13px;

	outline:medium none;

	width:341px; 

	height:28px; 

	float:left; 

	border-radius:4px}

	

#form textarea {

	border:#2e6da4 1px solid; 

	background:#fff;

	font:13px Arial, Helvetica, sans-serif;

	color:#2e3192;

	height:188px;

	outline:medium none;

	overflow:auto;

	padding:6px 0 0 13px;

	width:560px;

	resize:none;

	margin:0 0 0 0;

	float:left; 

	border-radius:4px}

	

#form label {

	position:relative;

	overflow:hidden;

	display:block;

	min-height:41px}

	

.btn {

  display: inline-block;

  padding: 0px 12px;

  margin-bottom: 0;

  font-size: 14px;

  font-weight: normal;

  line-height: 1.42857143;

  text-align: center;

  white-space: nowrap;

  vertical-align: middle;

  -ms-touch-action: manipulation;

      touch-action: manipulation;

  cursor: pointer;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;

  background-image: none;

  border: 1px solid transparent;

  border-radius: 4px;

}	

	



/*.btns {

	text-align:left; 

	padding-top:10px}

	

.btns a 

{display:inline-block; 

margin:0 10px 0 0px}*/



.btn-medicsus {

		font-family:Verdana, Geneva, sans-serif;
  
	font-size:9px;



color:#fff; 

  background-color: #2e6da4;

  border-color: #ccc;  

}

.btn-medicsus:hover,

.btn-medicsus:focus,

.btn-medicsus.focus,

.btn-medicsus:active,

.btn-medicsus.active,

.open > .dropdown-toggle.btn-medicsus {

	font-family:Verdana, Geneva, sans-serif;

	font-size:9px;

	font-weight:bold;
    
  color:#006;

  background-color:#ccc;



}

.btn-medicsus:active,

.btn-medicsus.active,

.open > .dropdown-toggle.btn-medicsus {

  background-image: none;

}

.btn-medicsus.disabled,

.btn-medicsus[disabled],

fieldset[disabled] .btn-medicsus,

.btn-medicsus.disabled:hover,

.btn-medicsus[disabled]:hover,

fieldset[disabled] .btn-medicsus:hover,

.btn-medicsus.disabled:focus,

.btn-medicsus[disabled]:focus,

fieldset[disabled] .btn-medicsus:focus,

.btn-medicsus.disabled.focus,

.btn-medicsus[disabled].focus,

fieldset[disabled] .btn-medicsus.focus,

.btn-medicsus.disabled:active,

.btn-medicsus[disabled]:active,

fieldset[disabled] .btn-medicsus:active,

.btn-medicsus.disabled.active,

.btn-medicsus[disabled].active,

fieldset[disabled] .btn-medicsus.active {

  border-color: #006299;



  border-color: #ccc;

}

.block-6 {

	float:left;

width: 570px;

height: 420px;

background-color: #ccc;}







#videotutoriales button{

	

	font-family:Verdana, Geneva, sans-serif;

	font-size:10px;

	margin-left:80px;

	margin-top:3px;

    width:223px;

	height:48px;

}





.block-3 { width:600px; height:100%; }



#videoplayer{ 

	text-align: center;

	float:right;

	width:560px;

	margin-right:80px;

	margin-top:-333px;



 }



video{

	background-color:#FFF;

	width: 548px;

height: 384px;

margin: 0px auto;}







.navbar-nav>li>.dropdown-menu {

margin-top: 0;

border-top-left-radius: 0;

border-top-right-radius: 0;

}

.open>.dropdown-menu {

display: block;

}

.dropdown-menu {

position: absolute;

top: 100%;

left: 0;

z-index: 1000;

display: none;

float: left;

min-width: 130px;

padding: 5px 0;

margin: 2px 0 0;

	font-family:Verdana, Geneva, sans-serif;

color:#FFF;

font-size: 10px;

text-align: left;

list-style: none;

  background-image: linear-gradient(to bottom, #6895c3, #0073AA, #6895c3);

-webkit-background-clip: padding-box;

background-clip: padding-box;

border: 1px solid #ccc;

border: 1px solid rgba(0,0,0,.15);

border-radius: 4px;

-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);

box-shadow: 0 6px 12px rgba(0,0,0,.175);

}



.dropdown-menu>li>a {

display: block;

padding: 3px 20px;

clear: both;

	font-family:Verdana, Geneva, sans-serif;

color:#FFF;

font-size: 10px;

font-weight: 400;

line-height:1;

white-space: nowrap;

}



.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {

	color:#6895c3;

text-decoration: none;

background-color: #fff;

}

.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}
.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}
.modalDialog > div {
	width: 600px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
  -webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
}
.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
.close:hover { background: #00d9ff; }

table{
	
	border-collapse: separate;
    border-spacing: 15px;
	border-top-width: medium;
}
.modalDialog2 {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}
.modalDialog2:target {
	opacity:1;
	pointer-events: auto;
}
.modalDialog2 > div {
	width: 900px;
	height: 660px;
	position: relative;
	margin: 1% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
  -webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
}