/*
Theme Name: Ultra
Theme URI: http://wpexplorer.com
Description: Business style theme.
Author: WPExplorer.com
Author URI: http://www.wpexplorer.com
Version: 2.4

/*get google fonts*/
@import url(http://fonts.googleapis.com/css?family=Arimo:400,400italic,700,700italic&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Marcellus+SC&subset=latin,latin-ext);


/************************************************************************************
Reset Browser A Bit &Clear Floats
************************************************************************************/
*{margin:0; padding:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
a img, 
a{outline:0; border:0}
caption, th, td{ text-align:left;  font-weight:normal}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:""""}
.clear{clear:both}

/************************************************************************************
WordPress Elements 
************************************************************************************/
.aligncenter{display:block; margin:0 auto}
.alignright{float:right; margin:0 0 1em 1em}
.alignleft{float:left; margin:0 1em 1em 0}
.floatleft{float:left}
.floatright{float:right}
img.aligncenter, img.alignright, img.alignleft{border:1px solid #DDD; text-align:center; background:#F3F3F3; padding:4px}

.textcenter{text-align:center}
.textright{text-align:right}
.textleft{text-align:left}

.wp-caption{border:1px solid #DDD; text-align:center; background:#F3F3F3; padding-top:4px; margin:10px}
.wp-caption img{margin:0; padding:0; border:none}
.wp-caption .wp-caption-text{font-size:11px; line-height:17px; padding:0 4px 5px; margin:0}

/************************************************************************************
Body
************************************************************************************/
body{font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:1.8em;  color:#555; background:#EBECEB}

/************************************************************************************
HTML Elements
************************************************************************************/
a{color:#06F; text-decoration:none}
a:hover{text-decoration:underline}
p{margin:0 0 15px;}
strong{font-weight:700}
em{font-style:italic}
small{}
pre{white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word}
hr{}
blockquote{border-left:2px solid #CCC; margin:20px; padding:0 0 0 20px}

/************************************************************************************
Default Headings
************************************************************************************/
h1, h2, h3, h4, h5, h6{font-family: Arial, Helvetica, sans-serif; color:#333; line-height:130%; font-weight:100; padding:0; margin:0; text-transform:capitalize}
h1{font-size:28px; margin:0 0 30px 0}
h2{font-size:21px; margin:10px 0 20px 0}
h3{font-size:18px; margin:30px 0 20px 0}
h4{font-size:16px; margin:20px 0 10px 0}

/************************************************************************************
Main Wrap &Container
************************************************************************************/
#wrap{
	margin:20px auto 0 auto; 
	width:980px; 
	background: #0099ff;
}
#container{padding:20px 0}

/************************************************************************************
Header
************************************************************************************/
#header{
	min-height:40px; 
	position:relative; 
	background:#FFFFff;
}
#header-logo{
	width:600px;
	text-align:left;
	background:url('images/logo-inicio.png') no-repeat;
}
#header-description{text-transform:capitalize; font-size:12px;}

#header-logo h1, #header-logo h2{font-weight:700; font-size:30px; margin:0}
#header-logo a{color:#2C2C2C}

/************************************************************************************
Homepage
************************************************************************************/
#homepage-text{margin:0 100px}
#homepage-text h2{
	text-align:center;
	font-size:1px;
	color:#0099ff;
	margin-top:0px;
	margin-bottom:0px;
}
#homepage-text p{
	font-family: 'Marcellus SC', Times, serif;
	font-size:39px;
	line-height:40px;
	text-align:center;
	color:#FFFFFF;
	margin-top:20px;
	margin-bottom:40px;
}
#homepage-boxes{margin:0 0 0 10px}
.homepage-box{
	width:280px; 
	margin:0 10px 10px 10px; 
	padding:0 10px; 
	float:left;
}
.homepage-box img{margin:0 0 0px 0}

.homepage-box h2{
	font-family: 'Marcellus SC', Times, serif;
	font-size:20px;
	letter-spacing:3px;
	color:#FFFFFF;
	text-align:center;
	margin: 0 0 10px 0;
}
.homepage-box p{
	font-family:'Arimo', sans-serif;
	text-align:center;
	color:#FFFFFF;
	font-weight:400;
	letter-spacing:1px;
	font-size:13px;
	line-height:17px;
}

/************************************************************************************
Breadcrumbs 
************************************************************************************/
#breadcrumbs{list-style:none; margin:10px 0 0; border-bottom:1px solid #EEE; height:35px; line-height:35px; font-size:12px}
#breadcrumbs li{display:inline}

/************************************************************************************
Copyright
************************************************************************************/
#social{position:absolute; bottom:10px; right:20px; margin:0; list-style:none}
#social li{float:left; margin:0 0 0 6px}

/************************************************************************************
Copyright
************************************************************************************/
#copyright{
	font-family: 'Marcellus SC', Times, serif;
	font-size:11px;
	background:#ffffff; 
	width:972px; 
	margin:0 auto 20px auto; 
	position:relative; 
	padding:4px;
	color:#000000;
	text-align:right; 
	font-size:10px; 
	border-bottom:1px solid #0099ff;
}
#copyright p{margin:0}
#copyright a{color:#999}
#copyright a:hover{color:#FFF}
#back-to-top{position:absolute; right:10px; bottom:10px; font-size:11px}

/************************************************************************************
Phone Number
************************************************************************************/
#phone-number{
	font-family:'Arimo', sans-serif;
	font-weight:700;
	letter-spacing:1px;
	font-size:14px;
	color:#cccccc;
	line-height:18px;
	position:absolute; 
	right:0px; 
	bottom:20px;
	text-align:right;
}

/************************************************************************************
Menu Wrap
************************************************************************************/
#primary-menu{
	font-family: 'Marcellus SC', Times, serif;
	letter-spacing:5px;
	padding-left:135px; 
	height:40px;
	background:url('images/menu-background.png') repeat-x; 
	font-size:20px; 
	position:relative; 
	z-index:99;
	border-top:#0099ff 1px solid;
}

/************************************************************************************
Important Menu Styles | Best To Only Edit Paddings
************************************************************************************//
.sf-menu{
	float:left;
}
.sf-menu a{
	color:#000000;
	padding-left:1em;
	padding-right:1em;
	padding-top:10px;
	text-decoration:none;
}
.sf-menu a:hover{text-decoration:none}
.sf-menu a, .sf-menu a:visited{/* visited pseudo selector so IE6 applies text colour*/color:#000}
.sf-with-ul a, 
.sf-menu li a:hover{
	background:none;
	color:  #0099ff;
}
.sf-menu li li a{padding:0.8em 1em}
.sf-menu li{background:#FFF}
.sf-menu li li{border-left:1px solid #CCC; border-right:1px solid #CCC; border-top:1px solid #CCC}
.sf-menu li ul{border-bottom:1px solid #CCC}
.sf-menu li:hover, .sf-menu li.sfHover, 
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{outline:0}
#primary-menu li.current-menu-item {
	background: url('images/menu.png') no-repeat;
	background-position:center;
	padding-bottom:40px;
}

/************************************************************************************
Essential Menu Styles | DO NOT EDIT
************************************************************************************/
.sf-menu, .sf-menu *{margin:0; padding:0; list-style:none}
.sf-menu{line-height:1.0}
.sf-menu ul{position:absolute; top:-999em; width:15em}
.sf-menu ul li{width:100%}
.sf-menu li:hover{visibility:inherit}
.sf-menu li{float:left; position:relative}
.sf-menu a{display:block; position:relative; text-decoration:none !important}
.sf-menu li:hover ul, 
.sf-menu li.sfHover ul{left:0; top:3em; z-index:99}
ul.sf-menu li:hover li ul, 
ul.sf-menu li.sfHover li ul{top:-999em}
ul.sf-menu li li:hover ul, 
ul.sf-menu li li.sfHover ul{left:15em; top:0}
ul.sf-menu li li:hover li ul, 
ul.sf-menu li li.sfHover li ul{top:-999em}
ul.sf-menu li li li:hover ul, 
ul.sf-menu li li li.sfHover ul{left:15em; top:0}

/************************************************************************************
Slider Layout
************************************************************************************/
#slider-wrap{
	width:980px; 
	margin:0 auto 20px auto;
}
#slider{
	z-index:5; 
	width:100%; height:320px; 
	margin:0 auto 10px auto; 
	position:relative; 
	background:#ffffff url('images/loading.gif') no-repeat 50% 50%;
}
#slider img{position:absolute; top:0; left:0; display:none}
#slider a{border:0}
.nivoSlider{position:relative}
.nivoSlider img{position:absolute; top:0px; left:0px}

/************************************************************************************
Image With Link
************************************************************************************/
.nivoSlider a.nivo-imageLink{position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none}

/************************************************************************************
Slider Slices
************************************************************************************/
.nivo-slice {display:block; position:absolute; z-index:5; height:100%; }
.nivo-box { display:block; position:absolute; z-index:5; }

/************************************************************************************
Caption Styles
************************************************************************************/
.nivo-caption{
	position:absolute; 
	left:0; bottom:0; 
	background:none; 
	width:100%; 
	z-index:89;
}
.nivo-caption p{
	color:#33ccff;
	font-size:1px; 
	padding:0px; 
	margin:0}

/************************************************************************************
Direction nav styles (e.g. Next &Prev)
************************************************************************************/
.nivo-directionNav a{
	position:absolute; 
	top:0px; 
	z-index:99; 
	display:block; 
	width:100px; 
	height:320px; 
	text-indent:-9999px; 
	border:0; 
	cursor:pointer;
}
.nivo-prevNav{
	background:none; 
	left:0px;
}
.nivo-nextNav{
	background:none; 
	right:0px;
}
.nivo-prevNav:hover{background-position:0 -60px}
.nivo-nextNav:hover{background-position:0 -60px}