/*
Theme Name: BeagleIT
Theme URI: http://beagleit.com/
Description: Tema desarrollado para el uso exclusivo de BeagleIT
Version: 2
Author: Anabelle Handdoek	
Author URI: http://selehace.gathacol.net/
*/

/* CSS Document */

* {margin:0; padding:0;}

body { 
	background:#000000;
	text-align:center;
}

div.block p , div.scroll p , p{
	margin-bottom:1em;
}

pre {
	display:inline;
	clear:both;
	margin-top:1em;
	margin-bottom:1em;
	font-family: inherit;
	font-size:1em;
	font-style:inherit;
	color:inherit;
}

td, input, textarea{
	font-family:Arial;
	font-size:10px;
	text-transform:none;
	line-height:12px;
	color:#161B22;
	vertical-align:top;
	font-weight:normal;
}

a { color:#609602; text-decoration: none;}
a:hover { text-decoration:underline; }
a img { border:0;}

.clear { clear:both;}

.auto {
	width:auto;
	height:auto;
}

.full {
	width:538px;
	height:100%;
}

input, submit { vertical-align:middle;}

table { 
	border:0px;
	border-collapse:collapse;
	width:100%;
	height:100%;
}

.block { padding:24px 24px 35px 25px;}
.block1 { padding:29px 16px 51px 27px;}

.img1 { margin:0 9px 13px 0;}
.img2 { margin-bottom:24px;}
.img3 { margin-right:17px;}

.c1 { width:240px; padding-right:14px;}
.sep_cell { height:25px;}

.title { margin:0 0 24px 0;}
h4 { font-size:9px; display:block; background:#1E262F; color:#FFFFFF; width:57px; height:13px; text-align:center; vertical-align:middle; margin-bottom:6px;}

.scroll {
	height:320px;
	overflow:auto;
	padding-right:18px;
	scrollbar-track-color:#EAEAEA;
	scrollbar-face-color:#8B8B8B;
	scrollbar-arrow-color:#8B8B8B;
	scrollbar-darkshadow-color:#EAEAEA;
	scrollbar-highlight-color:#8B8B8B;
} 

.scroll2 {
	height:650px;
	overflow:auto;
	padding-right:18px;
	scrollbar-track-color:#EAEAEA;
	scrollbar-face-color:#8B8B8B;
	scrollbar-arrow-color:#8B8B8B;
	scrollbar-darkshadow-color:#EAEAEA;
	scrollbar-highlight-color:#8B8B8B;
} 

.form { height:31px; margin-bottom:4px;}
.form input {width:207px; height:28px; padding: 8px 0 0 8px; background:#FFFFFF; border: #202832 solid 1px; color:#161B22;}
textarea { width:207px; height:112px; padding-left:10px; padding-top:4px; border: #202832 solid 1px; background:#FFFFFF; color:#161B22; overflow:auto;}


.expImg {
	display:block;
	float:left;
	border:1px solid #ccc;
	height:69px;
	width:88px;
	line-height:69px;
	background: #F0F0F0;
	background-repeat:no-repeat;
	background-position:50% 50%;
}

	a.expImg:hover {
		border:1px solid #eee;
	}

#main {width:800px; height:766px; margin:0;}

#top {
	height:84px;
	background-image: url(images/top_negro.gif);
}

/* header */
#header { width:133px; background:url(images/bgd_head.jpg) repeat-x;}
#header_menu { width:129px; background:url(images/bgd_head_menu.gif) repeat-x;}

/* content */
#content { height:auto;}
#content .row1 { height:18px; background:#FFFFFF;}
#content .row2 { background:#F0F0F0;}
#content .row3 {background:url(images/bgd_content.gif) repeat-x bottom #FFFFFF;}


/*footer*/
#footer { height:88px; background:#000000; color:#808080; padding:40px 0 0 25px;}
#footer a { color:#808080; text-decoration:none;}
#footer a:hover { text-decoration:underline;}


/* page1 */
#page1 #top { background:url(images/top_splash.jpg) no-repeat;}
#page1 #header { background:url(images/bgd_head.jpg) no-repeat;}
#page1 #footer { background:url(images/bgd_footer_splash.jpg) no-repeat; color:#B3C38E;}
#page1 #footer a { color:#B3C38E; text-decoration:none;}
#page1 #footer a:hover { text-decoration:underline;}

/* page2 */
#page2 #content .row3 .col1 {
	width:275px;
}
#page2 #content .row3 .col2 { padding-left:17px;}

/* page3 */
#page3 #content .row2 .block {
	padding:24px 24px 28px 25px;
}
#page3 #content .row3 .block1 { padding:27px 37px 54px 26px;}
#page3 #content .row3 .col1 { width:241px; padding-right:44px;}

/* page4 */
#page4 #content .row2 .block { padding:24px 24px 26px 25px;}
#page4 #content .row3 .block1 { padding:27px 37px 50px 26px;}
#page4 #content .row3 .col1 { width:244px; padding-right:40px;}
#page4 #content .row3 .col2 .scroll { height:196px;}

/* page5*/
#page5 #content .row2 .block { padding:24px 24px 40px 25px;}
#page5 #content .row3 .block1 { padding:27px 37px 50px 26px;}
#page5 #content .row3 .scroll { height:216px;}


/* page6*/
#page6 #content .row2 .block { padding:24px 12px 25px 25px;}
#page6 #content .row3 .block1 { padding:27px 37px 64px 26px;}
#page6 #content .row3 .col1 { width:241px; padding-right:44px;}

/* page7*/
#page7 #content .row2 .block { padding:24px 32px 28px 26px;}
#page7 #content .row3 .block1 { padding:29px 44px 50px 26px;}
#page7 #content .row3 .col1 { width:207px; padding-right:46px; _width:161px; _padding-right:0; overflow:hidden;position:relative;}
#page7 #content .row3 .col2 { width:225px; _padding-left:0px;}
#page7 #content .row3 .col2 .scroll { height:269px;}

/* page8*/
#page8 #content .row3 .block { padding:24px 24px 50px 25px;}
#page8 #content .row3 { height:592px;}

/*WP BASICS*/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

	img.alignleft {
		margin: 0 10px 10px 0;
	}

.alignright {
   float: right;
}

	img.alignright {
		margin: 0 0 5px 5px;
	}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

.ddfm .credits {
	display:none;
}

/* Socialbe */
div.sociable { margin: 16px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

/*Carousel*/

.theme-two-cols { margin:20px 0 0 0; }

.theme-two-cols .arrow-right {
	width:30px;
	height:140px;
	/*background:url(http://beagleit.com/wp-content/plugins/wp-carousel/themes/two-cols/img/carousel-bg-corners.png) top right no-repeat;*/
	float:right;
}

.theme-two-cols .arrow-left {
	width:30px;
	height:140px;
	/*background:url(http://beagleit.com/wp-content/plugins/wp-carousel/themes/two-cols/img/carousel-bg-corners.png) top left no-repeat;*/
	float:left;
}

.theme-two-cols .arrow-left a {
	margin:60px 0 0 0;
	width:25px;
	height:30px;
	background:url(http://beagleit.com/wp-content/plugins/wp-carousel/themes/two-cols/img/arrow_left_gr.png) top left no-repeat;
	display:block;
}

.theme-two-cols .arrow-right a {
	margin:60px 0 0 0;
	width:25px;
	height:30px;
	background:url(http://beagleit.com/wp-content/plugins/wp-carousel/themes/two-cols/img/arrow_right_gr.png) top right no-repeat;
	display:block;
}

.theme-two-cols .hide { display:none; }

.theme-two-cols .stepcarousel {
	position: relative; /* Leave this value alone */
	overflow: scroll; /* Leave this value alone */
	height: 140px;
	/*background:url(http://beagleit.com/wp-content/plugins/wp-carousel/themes/two-cols/img/carousel-bg.png) top left repeat-x;*/
}

.theme-two-cols .stepcarousel .belt{
	position: absolute; /* Leave this value alone */
	left: 0;
	top: 0;
}

.theme-two-cols .stepcarousel .panel {
	width:200px;
	height:100px;
	float: left; /* Leave this value alone */
	overflow: hidden; /*Clip content that go outside dimensions of holding panel DIV */
	margin:10px;
	padding:10px;
	border:1px solid #fff;
	/*background:#383838 url(http://beagleit.com/wp-content/plugins/wp-carousel/themes/two-cols/img/carousel-panel-bg.png) bottom left repeat-x;*/
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:block;
}

.theme-two-cols .stepcarousel .panel img { width:100px; }

.theme-two-cols .panel a.panel-image-link, .theme-two-cols .panel a.panel-image-link img { display:block; }

.theme-two-cols .panel .panel-col-right {
	padding:0 0 0 10px;
	float:right;
}

.theme-two-cols .panel .panel-col-left { }

.theme-two-cols .stepcarousel .panel .panel-text { color:#FFF; text-align:left; }

.wp_carousel_default_pagination {
	margin:0 30px;
	padding:5px 10px;
	background:#3B3B3B;
	text-align:center;
	-moz-border-radius:0 0 5px 5px;
	-khtml-border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
}
/* Redes Home */

#redes-home {
	padding-top: 20px;
	padding-left: 5px;
}

#linkedin {
	position: absolute;
	top: 260px;
	left: 316px;
	*left: 180px;
}

#widget-zone {
	display:inline;
	margin-top: 10px;
}

#widget-zone-fb {width:250px;float:left;}
#widget-zone-tw {width:240px;float:right;}

/* jobs */

.titulo {text-transform:uppercase;font-weight:bold;}