/*
Theme Name: IOE
Author: Rafel Sanso
Author URI: http://www.rafelsanso.com/
Description: Plantilla Web realizada para la presentacion de maquinaria del instituto IEO.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, light, marine, blue, technology, sea
Text Domain: IOE
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

.footerText {
    font-size: 12px;
    margin-top: 8px;   
}



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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

fecit {
	alignment-adjust:central;
}


:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}


/* =Structure & styles
----------------------------------------------- */

body { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; background-color:#192835; overflow:hidden;}
#branding { font-size: 14px; height: 14px; margin: 20px 30px; padding: 22px 0 8px; border-bottom:1px solid #fff; }
	#branding ul { font-size:14px;}
		#branding li { float:left; margin-right:20px;}
	#branding a { color:#fff; text-decoration:none; font-weight:normal;}
	#branding a:hover { color:#00f;}
#site-title, #site-description { display:none;}
.imagoOn { background-image:url(images/ioe-imagotipo-color.png); background-position:center center; background-repeat:no-repeat;}
.imagoOff { background-image:url(images/ioe-imagotipo.png); background-position:center center; background-repeat:no-repeat;}
#main { padding:0 20px; min-height: 550px; height: 550px; overflow:hidden;}
#ioeModal { padding:0 10px 10px; opacity:0;}
#page { width:960px; height:669px; background-image:url(images/background-wrapper-full.jpg); background-position:top left; background-repeat:no-repeat; margin:0 auto;}
.mainlogo {float: left; margin-left: 312px;}
.mainImago {margin-right: 30px;}
.borderbottom { border-bottom:1px solid #fff;} 
#menu-rightmenu li{ margin:0;}
.machinelist { list-style:none; margin-left: 30px; margin-top:60px;}
	.machinelist li { float:left; width:128px; margin:15px 35px 28px 45px; text-align:center;}
	.machinelist a { color:#fff; font-size:15px; text-decoration:none;}
.machine { text-transform:uppercase;}
.clearfix{ clear:both;}
.floRight { float:right;}
.floLeft { float:left;}
.loading { background-image:url(images/278.gif); background-position:center center; background-repeat:no-repeat;}
.creditTitle {font-size: 14px;
    margin-bottom: 7px;
    padding-top: 22px;}

#start { color:#fff;}
#logoMin { font-size:24px;}
	#logoMin span { font-size:18px;}
	.bottomMenu {margin-top: 405px !important;}
#myContent { margin: 0 0 10px 74px; position: relative;}
#thumbs, #loading, .play { display:none !important;}
#slideshow { text-align:center;}
a.prev { color:#fff !important; text-decoration:none; left: 48px;
    position: relative;
    top: 165px; font-size:12px;}
a.next { color:#fff !important; text-decoration:none; left: 753px;
    position: relative;
    top: 165px; font-size:12px;}
.rotationViewer {
    cursor: pointer;
    height: 420px;
    margin: 7px auto 10px;
    position: relative;
    width: 890px;
}
.rotationViewer img {
	position:absolute;
	visibility:hidden;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
#page-shareThisPanel { display:none;}
#tabs .ui-tabs-hide { display:none;}
#slidecaption { display:none; }

.ui-widget-content { background:none; border:none; color:#fff;}
.ui-widget-header { background:none; border:none; color:#fff;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background:none; border:none;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background:none; border:none;}

#navFrame {margin-top: 460px; position: absolute; margin-left: 20px; z-index:1;}
#informacion { margin-left: 36px; opacity:.5; position: absolute; }
	#informacion.ui-state-active, #informacion:hover {opacity:1;} 
#rotatorio { position: absolute; margin-left: 240px; opacity:.5;}
	#rotatorio.ui-state-active, #rotatorio:hover {opacity:1;} 
#video {margin-left: 343px; margin-top: 30px; position: absolute; opacity:.5;}
	#video.ui-state-active, #video:hover {opacity:1;}
#fotos { position: absolute; margin-left: 500px; opacity:.5;}
	#fotos.ui-state-active, #fotos:hover {opacity:1;}

.page article {padding: 0 30px;}
	.page article h1 {font-size:22px; margin-bottom:10px;}
	.page article .entry-content { font-size:12px; line-height:18px;}
		.page article .entry-content strong { font-weight:bold;}
		.page article .entry-content em { font-style:italic;}
		.page article .entry-content p { margin-bottom:10px;}
		.page article .entry-content a { color:#fff; text-decoration:none;}

#colophon { font-size: 14px; margin: 0 30px; position: fixed; top: 640px; width: 900px;}
	#colophon p { border-bottom: 1px solid #FFFFFF; margin-top: 21px; width: 639px;}
.alignright  { float:right; margin-bottom: 10px; margin-left: 10px;}
.alignleft  { float:left; margin-bottom: 10px; margin-right: 10px;}

.logominhover {opacity:0; position:absolute; z-index:1;}

#tabs-1 { 
    background-color: transparent !important;
    background-image: url("images/278.gif");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    margin-top: 21px;
    min-height: 437px;
}
#tabs-2 { 
	margin-top: 12px;
    background-color: transparent !important;
    background-image: url("images/278.gif");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    min-height: 446px;
}
#tabs-3 {}
#tabs-4 { line-height: 20px; padding-top: 15px; font-size: 13px;}

/* =Responsive Structure
----------------------------------------------- */

@media (max-width: 800px) {

}
@media (max-width: 650px) {
	
}
@media (max-width: 450px) {
	
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {

}

/* =IE7
----------------------------------------------- */

#ie7 {}

/* =IE8 
----------------------------------------------- */ 
 
#ie8 {}