@charset "utf-8";
/* Título Página */
@font-face {  
font-family: "Ubuntu";  
src: url(../fonts/Ubuntu/Ubuntu-Bold.ttf) format("truetype");  
} 

/* Títulos Secundarios */
@font-face {
 font-family: "Ubuntu2";
 src: url(../fonts/Ubuntu/Ubuntu-Regular.ttf) format("truetype"); 
}


/* Fuente Párrafo*/
@font-face {
 font-family: "OpenSans";
 src: url(../fonts/Open_Sans/OpenSans-Regular.ttf) format("truetype");
}

/*Cuerpo Css*/

body {
	font: 80%/1.4 "OpenSans", Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0;
	padding: 0;
	color: #f2f2f2;
}


ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1 {
	font-family: "Ubuntu", Verdana, Geneva, sans-serif;
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px; 
}

h2, h3, h4, h5, h6 {
	font-family: "Ubuntu2", Verdana, Geneva, sans-serif;
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px; 
}
p {
	font-family: "OpenSans", Verdana, Geneva, sans-serif;
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px; 
}
a img { 
	border: none;
}


a:link {
	color:#FFF;
	text-decoration: none;
	border-bottom: #FFF dotted thin; 
}
a:visited {
	color: #FFF;
	text-decoration: none;
	border-bottom: #FFF dotted thin; 
}
a:hover, a:active, a:focus {
	color: #FC0;
	text-decoration: none;
	border-bottom: #FC0 solid 1px /*thin*/; 
}

.aactivo {
	color: #FFCC00;
	text-decoration: none;
	border-bottom: none;
}

.aactivo:hover {
	color: #FFCC00;
	text-decoration: none;
	border-bottom: none;
}

.imga a, .imga a:hover, .imga a:active, .imga a:focus, .imga a:visited {
	text-decoration: none;
	border: none;
}

.container {
	width: 100%;
	max-width: 1260px;
	min-width: 780px;
	background: #1a1a1a;
	margin: 0 auto; 
	overflow: hidden;
	display: inline; 
}

#fondo {
	position: fixed;
	text-align: right;
	bottom: 0px;
	right: 0px;
	width: 70%;
	z-index: -5;
}


.contenido1 {
	position: fixed;
	padding: 2% 1% 2% 5%;
	float: left;
	vertical-align: top;
	width: 23%;
	background: #1a1a1a;
	color: #fff;
	padding-bottom: 10px;
	text-align: right;
	box-shadow: 2px 0  5px #333;
	height: 100%;
}

.imglogo {
	width: 90%;
	vertical-align: top;
}

.navegador {
	text-align: right;
	list-style: square;
	width: 40%;
	float: right;
	margin-right: 5%;
}

.subnavegador {
	color: #39F;
	/*color: #FC0;*/
	list-style: none;
}

.subnavegador a {
	color: #39F;
	text-decoration: none;
	border-bottom: #39F groove /*dotted*/ thin;
}

.subnavegador a:hover {
	color:#FC0;
	text-decoration: none;
	border-bottom: #FC0 solid thin;
}

.contacto {
	width: 23%;
	position: fixed;
	bottom: 0px;
}
.contenido2 {
	margin-top: 1.4%;
	color: #5a5a5a;
	width: 75%;
	float: right;
	min-height: 100%;
	display: inline-block;
}

.tituloindex {
	text-align: left;
	margin-left: 10%;
	margin-bottom: 5%;
}

/* Inicio Index */

.pindex {
	width: 42%;
	text-align: justify;
	margin-left: 10%;
	float: left;
	margin-top: 1%;
}

.yoindex {
	width: 30.5%;
	text-align: right;
	float: right;
	margin-right: 12%;
	margin-top: 1.2%;
}

.nivel1 {
	padding-left: 50px;
	margin-bottom: 2%;
}

.nivel2 {
	padding-left: 100px;
	margin-bottom: 2%;
}

/* Fin Index */

/* Inicio Diseño Web */

.paginaweb {
	margin-left: 10%;
	margin-bottom: 10%;
	display: inline-block;
}

.pweb {
	width: 42%;
	text-align: justify;
	float: left;
	margin-top: 1%;
}

.pweb a {
	color:#39F;
	text-decoration: none;
	border-bottom: #39F dotted thin;
}

.pweb a:hover {
	color:#FC0;
	text-decoration: none;
	border-bottom: #FC0 solid thin;
}

.snapshot {
	width: 40%;
	margin-top: 1%;
	border: #39F thin solid;
}

/* Fin Diseño Web */

/* Inicio Modelo 3D */

.modelo {
	margin-left: 10%;
	margin-bottom: 10%;
	display: inline-block;
}

.pmodelo {
	width: 42%;
	text-align: justify;
	float: left;
	margin-top: 1%;
}

.modelo a {
	color:#39F;
	text-decoration: none;
	border-bottom: #39F dotted thin;
}

.modelo a:hover {
	color:#FC0;
	text-decoration: none;
	border-bottom: #FC0 solid thin;
}

/* Fin Modelo 3D */

/* Inicio Accesibilidad */

.accesibilidad {
	margin-left: 10%;
	margin-bottom: 10%;
	display: inline-block;
}

.pacc {
	width: 42%;
	text-align: justify;
	float: left;
	margin-top: 1%;
}

.pacc a {
	color:#39F;
	text-decoration: none;
	border-bottom: #39F dotted thin;
}

.pacc a:hover {
	color:#FC0;
	text-decoration: none;
	border-bottom: #FC0 solid thin;
}

/* Fin Accesibilidad */

/* Inicio Fotografia */

.fotog {
	margin-left: 10%;
	margin-bottom: 10%;
	display: inline-block;
}

.snapshotfoto {
	width: 38%;
	margin: 1% 0 0 5%;
	border: #39F thin solid;
}

.pfoto {
	width: 42%;
	text-align: justify;
	float: left;
	margin-top: 1%;
}

.pfoto a {
	color:#39F;
	text-decoration: none;
	border-bottom: #39F dotted thin;
}

.pfoto a:hover {
	color:#FC0;
	text-decoration: none;
	border-bottom: #FC0 solid thin;
}

/* Fin Accesibilidad */

/* Inicio Contacta */

.aclaracion {
	margin-left: 20%;
}

.enlacepagina:link {
	color:#5a5a5a;
	text-decoration: none;
	border-bottom: #5a5a5a dotted thin;
}

.enlacepagina:hover {
	color:#5a5a5a;
	text-decoration: none;
	border-bottom: #5a5a5a solid thin;
}

/* Inicio Galeria */

#gallery{
	/* CSS3 Box Shadow 
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;*/
	
	/* CSS3 Rounded Corners
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	border:1px solid white;
	
	background:url(img/panel.jpg) repeat-x bottom center #ffffff; */
	
	/* The width of the gallery */
	width:598px;
	overflow:hidden;
	margin-left: 11.5%;
	text-align: left;
}

#slides{
	/* This is the slide area */
	height:400px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:598px;
	overflow:hidden;
}

.slide{
	float:left;
	width: 602px;
	text-align: center;
}

#menu{
	/* This is the container for the thumbnails */
	min-height: 51px;
	margin-top: 3%;
	text-align: center;
}

.thumbs {
	text-align: justify;
}

.thumbs li{
	/* Every thumbnail is a li element */
	/*width: 9%;*/
	display:inline-block;
	list-style:none;
	min-height: 51px;
	overflow:hidden;
	margin: 0 auto;
	opacity: 0.3;
	vertical-align: central;
}

.thumbs li.inact:hover{
	/* The inactive state, highlighted on mouse over 
	background: url(img/pic_bg.png) repeat;*/
	opacity: 1;
}

.thumbs li.act,li.act:hover{
	/* The active state of the thumb 
	background: url(img/active_bg.png) no-repeat;*/
	opacity: 0.9;
}

.thumbs li.act a{
	cursor:default;
}

.fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:0;
	background:url(img/divider.png) no-repeat right;
	opacity: 0;
}

.thumbs li a{
	display:block;
	background:url(img/divider.png) no-repeat right;
	height: 60px;
	padding-top:0;
}

.thumbs a img{
	border:none;
	height: 99%;}

.imgslide {
}

/* Fin Galeria */

.contenido3 {
	padding-left: 0.8%;
	color: #5a5a5a;
	vertical-align: top;
	background-color: #fff;
	width: 75%;
	float: right;
	text-align: center;
	height: 100%;
	padding-bottom: 4%;
}

.contenido3 h3, .contenido3 h2 {
	text-align: left;
	margin-top: 2%;
}

.fotostream {
	alignment-adjust: central;
	width: 15%;
	padding-right: 4%;
}

.licenciacc {
	width: 28%;
	float: left;
}

.social {
	width: 10%;
}


.content ul, .content ol { 
	padding: 0 15px 15px 40px; 
}

/**************Galerias de modelado****************/

/* LOAD MORE in gallery fin de carrera 3D */
.loadmore{
	display:none;
	width:90%;
	line-height:30px;
	text-transform:uppercase;
	background:#333;
	float:left;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	cursor:pointer;
	text-shadow:1px 1px 1px #000;
}
.loadmore:hover{
	background:#000;
}