@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700');
@import url('https://fonts.googleapis.com/css?family=Advent+Pro:300,400,500,600,700');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
body {
	background: url("../images/bg.jpg") repeat scroll 0 0 transparent;
	color: #555;
	font-family: "Advent Pro", "Verdana", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    word-wrap: break-word;
}

p {
	margin: 0 0 10px;
}
a {
	color: #0181c1;
	text-decoration: none;
	transition: all 0.3s ease-out 0s;
}
a:hover {
	color: #ff9e0b;
}
strong {
	color: #0577A9;
	font-weight: 600;
}
em {
	font-style: italic;
}

.inline {
	display: inline;
}

.clearfix:before, .clearfix:after {
	content: "";
	display: table;
	clear: both;
}

#cabecera {
	background: url("../images/header-bg.jpg") no-repeat scroll 0 0 transparent;
	height: 200px;
}
	#cabecera-contenido {
		margin: 0 auto;
		width: 980px;
	}
		#logo {
			float: left;
			margin: 10px 0 0;
		}
		#menu-accesos-rapidos {
			float: right;
			margin: 10px 0 0;
		}
			#menu-accesos-rapidos ul li {
				border-right: 1px solid #0577a9;
				float: left;
				margin: 0 0 0 5px;
				padding: 0 5px 0 0;
			}
			#menu-accesos-rapidos ul li:last-child {
				border-right: medium none;
			}
			#menu-accesos-rapidos ul li a {
				font-family: "Roboto Condensed", "Verdana", "Arial", sans-serif;
				font-size: 13px;
			}
		#menu-principal {
			float: left;
			margin: 1px 0 0;
		}
			#menu-principal #ariext95_container ul li  {
			}
			#menu-principal #ariext95_container ul li a {
				font-family: "Roboto Condensed", "Verdana", "Arial", sans-serif;
			}
			#menu-principal #ariext95_container ul li a:hover {
				color: #ff9e0b;
			}
			#menu-principal #ariext95_container ul li ul {
				margin: 4px 0 0;
			}
			#menu-principal #ariext95_container ul li ul li {
				width: 210px !important;
			}
	
#carrusel {
	height: 444px;
	margin: 20px auto; 
	width: 980px;
}

#aceecyl {
	background-color: #0577a9;
	height: 300px;
}
	#bienvenida {
		margin: 0 auto;
		padding: 30px 0;
		text-align: center;
		width: 980px;
	}
		#bienvenida h3 {
			color: #ffffff;
			font-family: "Roboto Condensed", "Verdana", "Arial", sans-serif;
			font-size: 28px;
			margin: 0 0 30px;
		}
		#bienvenida .custom {
			margin: 0 0 45px;
		}
		#bienvenida .custom p {
			color: #ffffff;
			font-size: 18px;
			line-height: 24px;
		}
		#bienvenida a {
			background-color: #fea218;
			border-radius: 2px;
			color: #ffffff;
			font-family: "Roboto Condensed", "Verdana", "Arial", sans-serif;
			font-size: 22px;
			padding: 10px 20px;    
		}
		#bienvenida a:hover {
			background-color: #fea218;
			color: #0577a9;
		}
	
#principal {
	margin: 0 auto;
	min-height: 800px;
	width: 980px;
}
	#contenido {
		float: left;
		margin: 20px 0 0;
		width: 650px;
	}
	#contenido h2 {
		color: #2d2d2d;
		font-family: "Roboto Condensed", "Verdana", "Arial", sans-serif;
		font-size: 30px;
		margin: 0 0 10px;
	}
	
#derecha {
	float: left;
	margin: 20px 0 0 20px;
	width: 310px;
}
	#acceso, #calendario, #redes-sociales {
		background-color: #fcfcfc;
		border: 1px solid #ccc;
		border-radius: 4px;
		float: left;
		padding: 20px;
		width: 268px;
	}
	#acceso {
	}
		#modlgn_username, #modlgn_passwd {
			width: 98%;
		}
	#calendario {
		margin: 10px 0 0;
	}
	#redes-sociales {
		margin: 10px 0 0;
	}
	#redes-sociales h3, #calendario h3, #acceso h3 {
		color: #2d2d2d;
		font-family: "Roboto Condensed", "Verdana", "Arial", sans-serif;
		font-size: 26px;
		margin: 0 0 10px;
	}
	#redes-sociales p a img {
		margin: 0 0 0 20px;
	}
		table.calendar {
			background: none repeat scroll 0 0 #ffffff;
			border-collapse: collapse;
			height: 190px;
			margin: 15px auto;
			width: 265px;
		}
		table.calendar tr td.calendarCurrentMonth {
			background: none repeat scroll 0 0 #f3f3f3;
			color: #0777A7;
			font-size: 20px;
			text-transform: lowercase;
		}
		table.calendar tr td.calendarNavMonthPrev, table.calendar tr td.calendarNavMonthNext {
			background: none repeat scroll 0 0 #f3f3f3;
			text-align: center;
		}
		table.calendar tr td.calendarNavMonthPrev a, table.calendar tr td.calendarNavMonthNext a {
			font-size: 20px;
			text-decoration: none;
		}
		table.calendar tr td.calendarToday {
			background: none repeat scroll 0 0 #2d2d2d;
			color: #ffffff;
		}
	
#pie {
	float: left;
	height: 110px;
	width: 100%;
}
	#banda {
		background-color: #ff9e0b;
		height: 10px
	}
	#menus-pie {
		background-color: #0577a8;
		height: 110px
	}
		#menu-pie-uno {
			float: left;
			margin: 15px 0 10px;
			overflow: hidden;
			position: relative;
			width: 100%;;
		}
		#menu-pie-uno ul {
			clear: left;
			float: left;
			list-style: none;
			margin: 0;
			padding: 0;
			position: relative;
			left: 50%;
			text-align: center;
		}
		#menu-pie-uno ul li {
			display:block;
			float:left;
			list-style:none;
			margin:0;
			padding:0;
			position:relative;
			right:50%;
		}
		#menu-pie-uno ul li a {
			display:block;
			color: #fff;
			font-weight: 500;
			line-height:1.3em;
			margin:0 0 0 1px;
			padding:3px 10px;
			text-transform: uppercase;
		}
		#menu-pie-uno ul li a:hover {
			color: #FC9D0B;
		}
		#copyright {
			color: #fff;
			float: left;
			font-size: 15px !important;
			margin: 0 auto;
			padding: 15px 0;
			text-align: center;
			width: 100%;
		}