/* old styles */
.headerwhite { font-size: 0.8em; color: #ffffff; }
.headerinfo  { font-size: 0.8em; text-indent: 7px; text-align: left; }	
.text8justify	{ font-size: 0.8em; text-align: justify; }
.text9justify	{ font-size: 0.9em; text-align: justify; }
.text10justify	{ font-size: 1.0em; text-align: justify; }
.text11justify	{ font-size: 1.1em; text-align: justify; }
.text12justify	{ font-size: 1.2em; text-align: justify; }
.text8left	{ font-size: 0.8em; text-align: left; }
.text9left	{ font-size: 0.9em; text-align: left; }
.text10left	{ font-size: 1.0em; text-align: left; }
.text11left	{ font-size: 1.1em; text-align: left; }
.text12left	{ font-size: 1.2em; text-align: left; }

/* global body settings */
body.main { text-align: center;
    background-image: url(/system/modules/org.opencms.frontend.templateone/resources/fond_multicamp.png);
    background-size: 100% auto;
    background-attachment: fixed;
    background-repeat: no-repeat;*/}
body { background-color: #FFFFFF; margin: 10px; font-size: 100%; width: 98%; } /*margin: 10px;, width: 98%;*/
body,ul,ol,li,td,p,div,span,input,textarea,select {	font-family: Tahoma, Arial, Helvetica, sans-serif; color: #000000; }

/* headlines */
h1 { font-size: 1.4em; color: #000000; font-weight: bold; }
h2 { font-size: 1.2em; color: #000000; font-weight: bold; }
h3 { font-size: 1.1em; color: #000000; font-weight: bold; }
h4 { font-size: 1.0em; color: #000000; font-weight: bold; }
h5 { font-size: 1.0em; color: #000000; font-weight: bold; }
h6 { font-size: 1.0em; color: #000000; font-weight: bold; }

/* common links */
a,a:link	{	color: #000099; font-weight: normal; text-decoration: none; }
a:visited	{	color: #666666; text-decoration: none; }
a:hover		{	color: #000000; text-decoration: none; }
a:active	{	color: #000000; text-decoration: none; }

/* Head navigation */
a.navtop,a.navtop:visited { /*a.navtop,a.navtop:visited,a.navtop:hover { */
	color: #FFFFFF; 
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 0.8em; /*font-size: 0.8em;*/
	white-space: nowrap; 
	padding: 5px 0px 5px 0px; /*padding: 0px 2px 3px 2px;*/
	font-weight: normal; 
	text-decoration: none;
	vertical-align: top;
	/*background: #E4A900;*/
	
}
a.navtop:hover
{
	color: black; /*color: #FFFFFF; */
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 0.8em; /*font-size: 0.8em;*/
	white-space: nowrap; 
	padding: 5px 0px 5px 0px; /*padding: 0px 2px 3px 2px;*/
	font-weight: normal; 
	text-decoration: none;
	vertical-align: top;
	background: #E4A900;
}
.navspacer { 
	color: #FFFFFF; 
	font-size: 0.8em; /*font-size: 0.8em;*/
	vertical-align: top;
}

/* top navigation row */
div.navtop {
	width: 100%;
	margin: 0;
	padding: 4px 0px 2px 0px; /*padding: 3px 0px 0px 0px;*/
	background-color: #000000; /*background-color: #000000;*/
	font-size: 0.9em; /*font-size: 0.8em;*/
	text-align: left;
	text-indent: 5px;	
		
}

/* Head navigation submenu */
div.menu, div.menu a.mI, div.menu a.mI span.mIText, div.menu a.mI span.mIArrow {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px; /*nt-size: 10px;*/
  font-style: normal;
  font-weight: normal;
}

div.menu {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 1em; /*font-size: 0.7em;*/
  background-color: #000000;
  border: 1px solid #000000;
  text-align: left;
  left: 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
}

div.menu a.mI, div.menu a.mICurrent {
  color: #FFFFFF;
  background-color: #000000;
  cursor: pointer;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
  top: -3px;
}

div.menu a.mI:hover, div.menu a.mIHighlight, div.menu a.mICurrent, div.menu a.mI:hover span.mIText, div.menu a.mI:hover span.mIArrow {
  font-family: Tahoma, Arial, Helvetica, sans-serif;

  color: #000000;
  background-color: #E4A900;
}

div.menu a.mI span.mIText, div.menu a.mI span.mIArrow {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  
  color: #FFFFFF;
}

div.menu a.mI span.mIArrow {
  margin-right: -.75em;
}

/* foot row links */
a.linksheadfoot,a.linksheadfoot:link { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 0.85em; color: #000000; font-weight: normal; text-decoration: none; }
a.linksheadfoot:visited	{ color: #000000; text-decoration: none; }
a.linksheadfoot:hover	{ color: #000099; text-decoration: none; }
a.linksheadfoot:active	{ color: #000000; text-decoration: none; }

/* head row links */
a.linkshead,a.linkshead:link { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 0.85em; /*font-size: 0.85em;*/ color: #000000; font-weight: normal; text-decoration: none; padding: 0px 0px 0px 0px; vertical-align: middle;  }
a.linkshead:visited	{ color: #000000; text-decoration: none; }
a.linkshead:hover	{ color: #000099; text-decoration: none; }
a.linkshead:active	{ color: #000000; text-decoration: none; }
.headnavspacer { 
	color: #000000; 
	font-size: 0.85em;
	vertical-align: middle;
}

/* bread crumb navigation */
div.breadcrumb			{ margin: 4px 8px; text-align: left; }
span.breadcrumb			{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 0.85em; color: #000000; text-decoration: none; white-space: nowrap; }
a.breadcrumb,a.breadcrumb:visited,a.breadcrumb:hover { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 0.85em; color: #000000; font-weight: normal; text-decoration: none; white-space: nowrap; }

/* head search input form */
.search { border: 1px solid #000000; color: #000000; font-family: Tahoma, Arial, Helvetica, sans-serif; background-color: #FFFFFF; font-size: 0.9em; }
.searchlinks { text-align: center; width: 100%; }
.searchresult { margin-bottom: 10px; }
.formbutton { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 0.9em; height: 18px; background-color: #EEEEEE; color: #000000; border: 1px solid #000000; }
/* border of the head navigation row */
div.linkshead {
	width: 100%;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	text-align: right;
	margin: 0 auto;
	padding: 1px 0px;
	font-size: 0.80em;
}

/* head image row & head editable element */
div.imagehead, div.edithead {
	width: 100%;
	background-color: #FFFFFF;
	text-align: left; /*text-align: left;*/
	clear: both;
	margin: 0 auto;
	
}

/* image link block on top of background image */
span.imagelink {
	display: block; /*display: block;*/
	margin: 0 auto;
	/*padding: 0 auto;*/ /*padding: 0;*/
	width: 90%; /*width: 775px;*/
	cursor: default; /*cursor: pointer;*/
	max-width: 100%;
	height: auto;
}

/* border of the foot navigation row */
div.linksfoot {
	width: 100%;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	margin: 0 auto;
	padding-top: 1px;
	padding-bottom: 1px;
	font-size: 0.8em; /*font-size: 0.8em;*/
	text-align: right;
	clear: both;
}

div.mainwrapper {
	margin: 0 auto;
	width: 80%;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 5px;
	box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.9);
	background-color: #fff; /*Yamit Moreno*/
}

/* block around main content row (left nav, content, infobox) */
div.main {
	width: 100%; /*width: 100%;*/
	background-color: #FFFFFF;
	
}

/* content cell */
div.content {
	float: left;
	width: 70%;
	height: auto;/*yamit antes 100%, auto evita desbordamiento*/
	vertical-align: top;
	text-align: left;
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 0.8em;
	color: #000000;
	background-color: #FFFFFF;
}

/* content styles */

/* a content element */
div.element {
	margin: 5px 5px 5px 5px; 
	padding: 5px; 
	text-align: justify; 
	clear: both;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
}

div.element2 {
	font-size: 0.8em;
	margin: 5px 5px 5px 0px; 
	padding: 5px; 
	text-align: left; 
	clear: both;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF; 
}

/* infobox column */
div.infobox {
	text-align: left;
	float: right;
	width: 18.6%;
	vertical-align: top;
	height: auto; /* yamit anterior 100% auto evita altos sobre dimencionados*/
}

/* left navigation column */
div.navleft {
	text-align: left;
	float: left;
	width: 21%;
        height: 500px;
	vertical-align: top;
	background-color: #FFFFFF; 
	background-image: url(/export/sites/default/_configuration_base/imagenes/universidad.jpg);
	background-repeat: repeat-y;
}

/* left navigation image row */
span.navleftimage {
	display: block;
	width: 175px;
	cursor: default; /*cursor: pointer;*/
}

/* left navigation list */
ul.navleft { 
	margin: 0 0 0 20px;
	padding: 2px;
} 

/* left navigation list item */
li.navleftactive { 
    list-style-image: url(/export/templateone/resources/nav_a.gif); 
} 
 
li.navleft { 
    list-style-image: url(/export/templateone/resources/nav_i.gif);
}

a.navleft,a.navleft:link,a.navleft:visited,a.navleft:active { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #000000; font-weight: normal; text-decoration:none; }
a.navleft:hover { color: #000000; text-decoration: underline; }

a.navleftactive,a.navleftactive:link,a.navleftactive:visited,a.navleftactive:active { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #000000; font-weight: bold; text-decoration:none; }
a.navleftactive:hover { color: #000000; text-decoration: underline; }

/* Side element styles */
div.sidelist {
	margin: 5px 5px 5px 0px;
	border: 1px solid #FFFFFF; 
	text-align: left; 
	clear: both;
	background-color: #FFFFFF;
}

p.sidelisthead {
	font-size: 0.8em;
	font-weight: bold;
	margin: 0px;
	padding-left: 3px;
	padding-right: 3px;
	background-color: #FFFFFF;
}

p.sidelistitem {
	font-size: 0.70em;
	margin: 5px 3px 0px;
}

a.sidelistitemhead {
	font-size: 1.0em;
	font-weight: bold;
	margin-bottom: 3px;
}

/* popup window border */
div.popup { 
	margin-top: 10px;
	-moz-box-sizing: border-box;
	width: 100%;
}


/*Vertical Accordions*/

div.accordion_toggle {
	display: block;
	p/*line-height: 18px;*/
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 11px;
	cursor: pointer;
	margin: 2px 0 0 0;
	height:26px;	
}
div.accordion_toggle:hover {
	color:#006600;
	background-color:#dee3c7;
}

div.accordion_toggle_active {
	color:#18462C;
	font-weight: bold;
}
div.accordion_content {
	background-color: #ffffff;
	color: #444444;
	overflow: hidden;
}
	
div.accordion_content h2 {
		margin: 15px 0 5px 10px;
		color: #0099FF;
	}
	
div.accordion_content p {
		line-height: 150%;
		padding: 0;
	}
	
div.vertical_accordion_toggle {
	display: block;
	height: 30px;
	width: 500px;
	background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;
	padding: 0 10px 0 10px;
	line-height: 30px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	color: #000000;
	border-bottom: 1px solid #cde99f;
	cursor: pointer;
	margin: 0 0 0 0;
}

div.vertical_accordion_toggle_active {
	background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
	color: #ffffff;
	border-bottom: 1px solid #f68263;
}

div.vertical_accordion_content {
	background-color: #ffffff;
	color: #444444;
	overflow: hidden;
}

div.vertical_accordion_content h2 {
		margin: 15px 0 5px 10px;
		color: #0099FF;
	}

div.vertical_accordion_content p {
		line-height: 150%;
		padding: 5px 10px 15px 10px;
	}
	
/*
	Horizontal Accordion
*/

div.horizontal_accordion_toggle {
	/* REQUIRED */
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */

	display: block;
	height: 100px;
	width: 30px;
	background: url(images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
	color: #ffffff;
	text-decoration: none;
	outline: none;
	border-right: 1px solid #cde99f;
	cursor: pointer;
	margin: 0 0 0 0;
}

div.horizontal_accordion_toggle_active {
	background: url(images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
	border-right: 1px solid #f68263;
}

div.horizontal_accordion_content {
	/* REQUIRED */
	height: 100px;	/* We need to define a height for the accordion as it stretches the width */
	float: left;	/* This make sure it stays horizontal */
	/* REQUIRED */
	
	overflow: hidden;
	background-color: #ffffff;
	color: #444444;
}
	
div.horizontal_accordion_content p {
		width: 450px;
		line-height: 150%;
		padding: 5px 10px 15px 10px;
	}
			
			
/* Container styling*/
div.horizontal_container {
margin: 20px auto 20px auto;
width: 500px;   
}

#vertical_nested_container {
margin: 20px auto 20px auto;
width: 500px;
}







h1.popup { font-size: 1.0em; padding: 2px; width: 100%; background-color: #000000; color: #FFFFFF; }
.popupform { border: 1px solid #000000; width: 450px; }
span.formerror { color: #000000; font-weight: bold;}

/* imprint */
table.imprint {	width: 100%; }
td.imprint { vertical-align: top; font-size: 0.8em; }

/* default styles for the online forms */
input.onlineform, select.onlineform, textarea.onlineform { width: 300px; border: 1px solid #000000;  }
textarea.onlineform { height: 80px; }

/* default styles */
.nowrap { white-space: nowrap; }
.bold { font-weight: bold; }
div.element {}

h2.lp_headline {
	margin-top: 0;
	padding-top: 0;
}

.lp_maxwidth {
	width: 100%;
}

span.lp_imgleft {
	float: left;
	padding: 0 5px 5px 2px;
}

span.lp_imgright {
	float: right;
	padding: 0 2px 5px 5px;
}

div.lp_clearfloat {
	clear: both;
}

td.lp_top {
	vertical-align: top;
}

td.lp_imgleft {
	padding-right: 8px;
}

td.lp_imgright {
	padding-left: 8px;
}

p.lp_imgdesc {
	font-size: 10px;
}
/* optional additional styles */
@charset "utf-8";
/* CSS Document */
<style type="text/css">
a:link {
       text-decoration: none;
}
a:visited {
       text-decoration: none;
}
a:hover {
       text-decoration: underline;
}
a:active {
       text-decoration: none;
}
a.mI span.mIArrow {
font-size: 15px;
}
div.menu a.mICurrent {
font-size: 15px;
}

#imagen1{
    height: 130px;
    width: 350px;
  background-position: center;
background-image: url("http://www.uniminuto.edu/documents/1003478/0/Boton-inscripcion.png/cf901de4-fe8d-443f-96d5-7084e39de7ba?version=1.0&t=1535476020461&imagePreview=1");
   border: 2px solid #4CAF50;

  
}

#imagen1:hover {
    background-image: url(https://i2.wp.com/www.miltambores.cl/wp-content/uploads/2017/09/boton-inscribirse.png);
  background-position: center;
}


#botonRegistro{
    height: 140px;
    width: 350px;
    border-radius: 10px;
    color: #FFFFFF;
    cursor: pointer;
    padding: 5px;
Font-family: verdana;
    text-align: center;
  background-color: white; 
  color: black; 
  border: 2px solid #4CAF50;
  font-weight: bold;

}
#botonRegistro:hover {
  background-color: #4CAF50;
  color: White;
}

<!-- carrusel -->

  #carrusel_a {
    position:relative;
    overflow:hidden;
    border:4px solid #000;
  }
  #carrusel_a, #carrusel_a ul {
    width:150px;
    height:150px;
  }
  #carrusel_a ul, #carrusel_a img {
    position:absolute;
    left:0;
    top:0;
    list-style-type:none;
    margin:0;
    padding:0;
  }
  #carrusel_a ul:first-child {
    text-align:right;
    display:inline-block;
  }
  #carrusel_a ul:first-child li {
    display:inline-block;
    padding:0.5em;
  }
  #carrusel_a a {
    color:#fff;
    text-decoration:none;
    font-family:sans-serif;
    text-shadow:0 0 3px #000;
  }
  #carrusel_a a:hover {
    text-decoration:underline;
  }
  #carrusel_a ul + ul {
    z-index:-1;
  }
  #carrusel_a img {
    opacity:0;
  }
  #carrusel_a img:target {
    opacity:1;
    z-index:1;
  }

  #carrusel_a img, #carrusel_a img:target {
    transition-property:opacity;
    transition-duration:2s;
    -moz-transition-property:opacity;
    -moz-transition-duration:2s;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 2s;
    -o-transition-property: opacity;
    -o-transition-duration: 2s;
  }

</style>